Презентация по созданию сайта в powerpoint
1 Проект на тему : Создание Web- сайта Подготовила ученица 11 класса «Б» Антонова Настасья
2 Цели и задачи : Рассмотреть 2 способа создания сайта. Рассмотреть классификацию сайтов. Изучить этапы создания сайта. создание собственного сайта с помощью конструктора сайтов.
3 2 способа создания сайта : Ручной С использованием конструктора
5 Перечислим основные преимущества конструктор сайтов : Они просты в использовании. Всё делается пошагово и легко. Вам не придётся возиться со сложными кодами HTML и FTP. Они просты в использовании. Всё делается пошагово и легко. Вам не придётся возиться со сложными кодами HTML и FTP. Разделение дизайнерской и текстовой частей : макет хранится отдельно от текста. Захотите сменить дизайн – без проблем, несколько кликов и всё готово ! Разделение дизайнерской и текстовой частей : макет хранится отдельно от текста. Захотите сменить дизайн – без проблем, несколько кликов и всё готово ! Наличие готовых шаблонов макетов, для создания которых вне конструктора требуется знание языка программирования HTML. Наличие готовых шаблонов макетов, для создания которых вне конструктора требуется знание языка программирования HTML. Лёгкость загрузки изображений. Картинки можно добавлять, не выходя из браузера и сразу размещать на страницах, создавать галереи либо делать их частью дизайна макета. Лёгкость загрузки изображений. Картинки можно добавлять, не выходя из браузера и сразу размещать на страницах, создавать галереи либо делать их частью дизайна макета. Богатый набор дизайнерских шаблонов на любой вкус. Богатый набор дизайнерских шаблонов на любой вкус. Оперативная публикация страниц. Изменения отображаются сразу же после их внесения. Оперативная публикация страниц. Изменения отображаются сразу же после их внесения. Надёжность – все файлы хранятся на сервере конструктора. Поэтому Вам не стоит беспокоиться о создании резервных копий данных или о возможности взлома - обо всём этом заботится персонал по обслуживанию серверов выбранного конструктора сайтов. Надёжность – все файлы хранятся на сервере конструктора. Поэтому Вам не стоит беспокоиться о создании резервных копий данных или о возможности взлома - обо всём этом заботится персонал по обслуживанию серверов выбранного конструктора сайтов. Кроме того, некоторые конструкторы ( например, Wix, Nethouse) позволяют переносить готовый сайт на другой хостинг. Кроме того, некоторые конструкторы ( например, Wix, Nethouse) позволяют переносить готовый сайт на другой хостинг.WixNethouseWixNethouse
6 2 способ Ручной способ создания сайтов Если использовать " ручные методы для создания сайта, то его дизайн, или, как еще называют, графическое оформление, тоже надо будет создавать вручную. И для этого применяют абсолютно любые графические редакторы. Вручную можно выполнить редакцию уже готовых шаблонов – как бесплатных, так и платных.
7 По уровню персонификации сайты классифицируются: Сайты Сайты Корпоративные Персональные
8 Этапы создания сайта: 1. Анализ и проектирование сайта 2. Информационное наполнение сайта 3.Креатив, или визуальная составляющая сайта 4. Написание кода 5. Тестирование 6. Публикация 7. Раскрутка 8.Поддержка
9 Этапы создания сайта: Анализ и проектирование сайта. Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории. Информационное наполнение сайта (контент). Информационное наполнение сайта (контент). Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.
10 Этапы создания сайта: Креатив. Креатив. Включает разработку дизайна, графических элементов, обработку графики и все, что с ней связано.Разработка всегда осуществляется на бумажном носителе, чтобы определить лучший вариант расположения типовых элементов. Т.к. страницы оформляются в едином стиле, то создается шаблон. Написание кода Написание кода. Создание Web-страниц, программирование, написание функциональной части.
11 Этапы создания сайта: Тестирование. Тестирование. Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия – ошибки проверяют сами разработчики; 2) бета-версия – проверяют другие люди. Публикация. Публикация. Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингом либо разместить сайт у провайдера.
12 Этапы создания сайта: Раскрутка. Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д. Поддержка. Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).
14 Этап 3. Выбираем шаблон для сайта. Выбираем шаблон для сайта. Итак, нажав на кнопку, мы будем автоматически перенаправлены на выбор шаблона для сайта. Да, выбирать есть, из чего, и это радует! Бесплатный онлайн- конструктор сайтов предлагает деление по категориям, и их масса. То есть выбираете то, что подходит под специфику вашей деятельности Этап 4. Оформляем сайт! И вот вы уже непосредственно видите конструктор сайтов WIX.конструктор сайтов WIX Сначала дайте название вашему ресурсу (его потом можно в любой момент изменить). Также вы в любой момент сможете привязать к своему сайту свой домен. Вы можете изменять АБСОЛЮТНО ВСЕ элементы. Эту возможность предлагает конструктор сайтов WIX:
15 Вывод Рассмотрели 2 способа создания сайта. Изучили классификацию сайтов. Опробовали этапы создания сайта. Создали собственный сайт с помощью конструктора сайтов.
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Рабочие листы и материалы для учителей и воспитателей
Более 2 500 дидактических материалов для школьного и домашнего обучения
Столичный центр образовательных технологий г. Москва
Получите квалификацию учитель математики за 2 месяца
от 3 170 руб. 1900 руб.
Количество часов 300 ч. / 600 ч.
Успеть записаться со скидкой
Форма обучения дистанционная
- Онлайн
формат - Диплом
гособразца - Помощь в трудоустройстве
Видеолекции для
профессионалов
- Свидетельства для портфолио
- Вечный доступ за 120 рублей
- 311 видеолекции для каждого
«Как закрыть гештальт: практики и упражнения»
Свидетельство и скидка на обучение каждому участнику
Описание презентации по отдельным слайдам:
СОЗДАНИЕ Web-сайта
КОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ
Ключевые слова
структура сайта
навигация
оформление сайта
шаблон страницы сайта
хостинг
Технология создания сайта
Язык разметки
гипертекста HTML
(Hyper Text Markup Language)
Текстовый
редактор
Визуальный
HTML-редактор,
конструктор сайтов
Текст размечают
специальными
метками – тегами
Документ
сохраняют как
Web-страницу
Microsoft FrontPage
uCoz, Сайткрафт
и др.
Способы создания сайта
Создание сайта
Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации и выполняющий художественное оформление Web-проекта.
Создадим сайт школьного творческого объединения «Компьютерная графика».
Оформление сайта
На главной странице размещают название сайта, тематическое графическое изображение, короткий текст с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.
Оформление сайта
Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних и тех же местах. Это:
заголовок сайта, расположенный в самом верху
страницы;
главное меню, как правило, размещаемое в левой части
страницы.
Название сайта
Название страницы
Поле ввода информации
Графика
Меню
Фон
Координаты
Примерный шаблон страниц сайта
Оформление сайта
Не ставьте точку в названиях сайта и страниц,
если они состоят из одного предложения
Названия пунктов меню делайте краткими
Не выбирайте для страниц пёстрый фон
Не размещайте на странице слишком много
информационных и художественных блоков
Не пишите слишком длинных текстов
В каждом абзаце используйте
одни и те же приёмы форматирования
Рекомендации при наполнении страниц сайта
информационными материалами
Тестирование сайта
Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами:
тексты хорошо читаются на выбранном фоне,
рисунки расположены на своих местах,
гиперссылки обеспечивают правильные переходы.
Тестирование проводят перед размещением сайта в сети Интернет.
Размещение сайта в Интернет
Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.
Что выбрать?
Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя второго уровня, которое может совпадать с названием компании.
Частные лица и небольшие компании пользуются бесплатным хостингом. Ограничения: небольшое дисковое пространство, ограничение размера отдельного файла, доменное имя только третьего уровня и т. д. Главный недостаток - на страницы вашего сайта без вашего согласия добавляется коммерческая реклама.
Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».
Самое главное
Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними.
Представление структуры сайта в виде графа обеспечивает наглядное представление содержания сайта и помогает организовать навигацию - переходы с одной страницы сайта на другую.
Шаблон страницы - это схема страницы, на которой представлены элементы, имеющиеся на страницах сайта. Использование шаблонов страниц помогает выдержать единый стиль оформления сайта.
Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.
Вопросы и задания
С помощью каких инструментов можно создавать сайты?
Что такое структура сайта?
Продумайте и изобразите в виде графа структуру одного
из следующих сайтов:
а) «Наш класс»;
б) «Моя семья»;
в) «Информатика».
Перечислите основные элементы, размещаемые на
страницах сайта.
Какие рекомендации следует учитывать при наполнении
страниц сайта информационными материалами?
С какой целью проводится тестирование сайта?
Что является основным недостатком бесплатного
хостинга?
Назовите известный вам сервер Интернета,
обеспечивающий пользователям бесплатный хостинг
сайтов.
Опорный конспект
Способы создания сайта
Язык разметки
гипертекста HTML
Текстовый редактор
Microsoft Word
HTML-редактор,
конструктор сайтов
Первоначально следует продумать содержание и структуру сайта
Перед размещением сайта в сети Интернет следует провести его тестирование.
При наполнении страниц сайта информационными материалами следует придерживаться определённых рекомендаций
Краткое описание документа:
Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними. Представление структуры сайта в виде графа обеспечивает наглядное представление содержания сайта и помогает организовать навигацию - переходы с одной страницы сайта на другую. Шаблон страницы - это схема страницы, на которой представлены элементы, имеющиеся на страницах сайта. Использование шаблонов страниц помогает выдержать единый стиль оформления сайта. Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Рабочие листы и материалы для учителей и воспитателей
Более 2 500 дидактических материалов для школьного и домашнего обучения
- Онлайн
формат - Диплом
гособразца - Помощь в трудоустройстве
Видеолекции для
профессионалов
- Свидетельства для портфолио
- Вечный доступ за 120 рублей
- 311 видеолекции для каждого
«Как закрыть гештальт: практики и упражнения»
Свидетельство и скидка на обучение каждому участнику
Описание презентации по отдельным слайдам:
Проект на тему :
Создание Web-сайта
Цели и задачи:
Рассмотреть 2 способа создания сайта.
Рассмотреть классификацию сайтов.
Изучить этапы создания сайта.
создание собственного сайта с помощью конструктора сайтов.
2 способа создания сайта:
Ручной
С использованием конструктора
1 способ
Конструктор сайтов – это система из набора инструментов, которая позволяет создавать сайты онлайн и администрировать их без каких-либо специализированных знаний. С её помощью Вы сможете выбрать тип будущего сайта (визитка, магазин и т. д.), готовый шаблон дизайна, цветовое оформление и модули, которые будут на нём отображаться. Вам не понадобится годами изучать языки программирования для публикации различных страниц – конструкторы сайтов сделают всю рутинную и сложную работу за Вас.
Обзор конструкторов сайтов
Перечислим основные преимущества конструктор сайтов:
Они просты в использовании. Всё делается пошагово и легко. Вам не придётся возиться со сложными кодами HTML и FTP.
Разделение дизайнерской и текстовой частей: макет хранится отдельно от текста. Захотите сменить дизайн – без проблем, несколько кликов и всё готово!
Наличие готовых шаблонов макетов, для создания которых вне конструктора требуется знание языка программирования HTML.
Лёгкость загрузки изображений. Картинки можно добавлять, не выходя из браузера и сразу размещать на страницах, создавать галереи либо делать их частью дизайна макета.
Богатый набор дизайнерских шаблонов на любой вкус.
Оперативная публикация страниц. Изменения отображаются сразу же после их внесения.
Надёжность – все файлы хранятся на сервере конструктора. Поэтому Вам не стоит беспокоиться о создании резервных копий данных или о возможности взлома - обо всём этом заботится персонал по обслуживанию серверов выбранного конструктора сайтов.
Кроме того, некоторые конструкторы (например, Wix, Nethouse) позволяют переносить готовый сайт на другой хостинг.
2 способ
Ручной способ создания сайтов
Если использовать "ручные” методы для создания сайта, то его дизайн, или, как еще называют, графическое оформление, тоже надо будет создавать вручную. И для этого применяют абсолютно любые графические редакторы. Вручную можно выполнить редакцию уже готовых шаблонов – как бесплатных, так и платных.
По уровню персонификации сайты классифицируются:
Сайты
Корпоративные
Персональные
Этапы создания сайта:
Анализ и проектирование сайта
Информационное наполнение сайта
Креатив, или визуальная составляющая сайта
Написание кода
Тестирование
Публикация
Раскрутка
Поддержка
Этапы создания сайта:
Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории.
Информационное наполнение сайта (контент). Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.
Этапы создания сайта:
Креатив. Включает разработку дизайна, графических элементов, обработку графики и все, что с ней связано.Разработка всегда осуществляется на бумажном носителе, чтобы определить лучший вариант расположения типовых элементов. Т.к. страницы оформляются в едином стиле, то создается шаблон.
Написание кода. Создание Web-страниц, программирование, написание функциональной части.
Этапы создания сайта:
Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д.
Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).
Практика
создание собственного сайта с помощью конструктора WIX.
Конструктор сайтов Wix - бесплатный редактор сайтов онлайн.
Этап 2.
Начинаем работу по созданию сайта!
Вы увидите приглашение от администрации сайта, в котором так и будет сказано «Начните создание сайта»!
Этап 3.
Выбираем шаблон для сайта.
Итак, нажав на кнопку, мы будем автоматически перенаправлены на выбор шаблона для сайта. Да, выбирать есть, из чего, и это радует! Бесплатный онлайн-конструктор сайтов предлагает деление по категориям, и их масса. То есть выбираете то, что подходит под специфику вашей деятельности
Этап 4.
Оформляем сайт!
И вот вы уже непосредственно видите конструктор сайтов WIX.
Сначала дайте название вашему ресурсу (его потом можно в любой момент изменить).
Также вы в любой момент сможете привязать к своему сайту свой домен.
Вы можете изменять АБСОЛЮТНО ВСЕ элементы. Эту возможность предлагает конструктор сайтов WIX:
Вывод
Рассмотрели 2 способа создания сайта.
Изучили классификацию сайтов.
Опробовали этапы создания сайта.
Создали собственный сайт с помощью конструктора сайтов.
Презентация на тему: " Структура создания слайда. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг." — Транскрипт:
1 Структура создания слайда
2 Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг
3 Технология создания сайта Язык разметки гипертекста HTML (Hyper Text Markup Language) Текстовый редактор Визуальный HTML-редактор, конструктор сайтов Текст размечают специальными метками – тегами Документ сохраняют как Web-страницу Microsoft FrontPage uCoz, Сайткрафт и др. Способы создания сайта
4 Создание сайта Web-дизайнер - специалист, проектирующий структуру Web-сайта, подбирающий способы подачи информации и выполняющий художественное оформление Web-проекта. Создадим сайт школьного творческого объединения «Компьютерная графика».
6 Оформление сайта На главной странице размещают название сайта, тематическое графическое изображение, короткий текст с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.
7 Оформление сайта Каждая страница сайта, как правило, имеет несколько постоянных элементов, которые всегда находятся на одних и тех же местах. Это: заголовок сайта, расположенный в самом верху страницы; главное меню, как правило, размещаемое в левой части страницы. Название сайта Название страницы Поле ввода информации Графика Меню Фон Координаты Примерный шаблон страниц сайта
8 Оформление сайта Не ставьте точку в названиях сайта и страниц, если они состоят из одного предложения Названия пунктов меню делайте краткими Не выбирайте для страниц пёстрый фон Не размещайте на странице слишком много информационных и художественных блоков Не пишите слишком длинных текстов В каждом абзаце используйте одни и те же приёмы форматирования Рекомендации при наполнении страниц сайта информационными материалами
9 Тестирование сайта Тестирование сайта – проверка того, что сайт правильно отображается разными браузерами: тексты хорошо читаются на выбранном фоне, рисунки расположены на своих местах, гиперссылки обеспечивают правильные переходы. Тестирование проводят перед размещением сайта в сети Интернет.
10 Размещение сайта в Интернет Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.
11 Размещение сайта в Интернете - бесплатный хостинг
12 - платный хостинг Размещение сайта в Интернете
13 Что выбрать? Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя второго уровня, которое может совпадать с названием компании. Частные лица и небольшие компании пользуются бесплатным хостингом. Ограничения: небольшое дисковое пространство, ограничение размера отдельного файла, доменное имя только третьего уровня и т. д. Главный недостаток - на страницы вашего сайта без вашего согласия добавляется коммерческая реклама. Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».
14 Самое главное Структура (план) сайта - разбиение общего содержания на смысловые разделы и отдельные страницы с указанием связей между ними. Представление структуры сайта в виде графа обеспечивает наглядное представление содержания сайта и помогает организовать навигацию - переходы с одной страницы сайта на другую. Шаблон страницы - это схема страницы, на которой представлены элементы, имеющиеся на страницах сайта. Использование шаблонов страниц помогает выдержать единый стиль оформления сайта. Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.
15 Способы создания сайта Язык разметки гипертекста HTML Язык разметки гипертекста HTML Текстовый редактор Microsoft Word Текстовый редактор Microsoft Word HTML-редактор, конструктор сайтов HTML-редактор, конструктор сайтов Первоначально следует продумать содержание и структуру сайта Перед размещением сайта в сети Интернет следует провести его тестирование. При наполнении страниц сайта информационными материалами следует придерживаться определённых рекомендаций
№ слайда 1
Создание презентаций в PowerPoint ( для начинающих )
№ слайда 2
Как запустить приложение PowerPoint; Как создать первый пустой слайд; Какие панели инструментов должны быть на экране; Как установить нужные панели.
№ слайда 3
Пуск программы стандартные MS PowerPoint Нужно выбрать Пустую презентацию,а Мастер автосодержания или Шаблон презентации в основном предназначены для создания технических работ. Нажать ОК.
№ слайда 4
При творческом подходе к созданию презентаций лучше выбрать Пустой слайд и формировать его самостоятельно, чтобы не связывать себя конкретным шаблоном, который затем все равно придется передвигать и изменять.
№ слайда 5
№ слайда 6
№ слайда 7
1.Позволяет открывать,записывать и создавать презентации. 2.Дает возможность копировать,вырезать объекты. 3.Отправляет презентацию на печать. 1.Создание основных графических элементов. 2.Действие (порядок, отражение, группировка и т. д.) 3.Создание теней и объемов.
№ слайда 8
РАБОТУ НАД ПРОЕКТОМ МОЖНО РАЗБИТЬ НА НЕСКОЛЬКО ЭТАПОВ: 1.СОЗДАНИЕ ФОНА. 2.СОЗДАНИЕ ТЕКСТА. 3.ВСТАВКА РИСУНКОВ. 4.НАСТРОЙКА АННИМАЦИИ ТЕКСТА. 5.НАСТРОЙКА АННИМАЦИИ РИСУНКОВ. 6 ЗАПУСК И НАЛАДКА ПРЕЗЕНТАЦИИ.
№ слайда 9
СОЗДАНИЕ ФОНА Для создания фона в слайде надо выбрать в главном меню пункт Формат. Выбрав команду Формат/Цветовая схема слайда, вы можете поменять цвета для стандартных схем слайдов (заголовки, тени, фон и т.д.). Если после выбора вы дадите команду Применить ко всем, то схема будет применена ко всем слайдам вашей презентации.Если же последует команда Применить, то схема будет применена только к данному слайду. Цветовая схема слайда актуальна, главным образом для деловых презентаций, в которых все слайды должны иметь одинаковую цветовую схему. Чтобы создать единое оформление слайдов, можно использовать шаблоны дизайна. Для этого выбирается команда: Применить шаблоны оформления. Если вы хотите оформить фон вашего слайда произвольным цветом, то вам нужно выбрать пункт Фон. Для настройки цвета фона выделите окно выбора заливки слайда, находящееся ниже окна его просмотра.
№ слайда 10
создание текста 1.Выбрать на Панели рисования кнопку 2.Перенести курсор на слайд до появления поля для ввода текста. 3.Ввести текст в поле. 4.Переместить поле с текстом в нужное место слайда. 5.Для изменения шрифта необходимо выделить текст и на Панели форматирования изменить вид текста, начертание, высоту, цвет, а также установить тень для текста.
№ слайда 11
АЛГОРИТМ НАСТРОЙКИ АННИМАЦИИ ТЕКСТА Для того, чтобы сопроводить появление вашего текста надо выделить его и в Показе слайдов выбрать Настройка аннимации. Далее действуйте по алгоритму: 1.Выделите объекты для аннимации. 2.Во вкладке Видоизменение выберите нужный эффект и звук, сопровождающий эффект. 3.В списке После анимации указать на выбор: другие цвета, нет, после аннимации спрятать, спрятать по щелчку. 4.В окне Появление текста можно указать: все, по словам, по буквам, по абзацам, в обратном порядке. 5.Во вкладке Время указать: по щелчку или автоматически. 6.В окне Порядок аннимации можно указать порядок появления объектов, при помощи стрелок вверх и вниз.
№ слайда 12
вставка рисунков 1.Выбрать пункт Рисунок. 1а.Выбрать Картинки или Из файла. 2.Выбрать нужный рисунок. 3.Установить рисунок в нужном месте слайда. 4.Изменить размеры рисунка до необходимых.
№ слайда 13
запуск и наладка презентации Для запуска воспроизведения нажать кнопку Демонстрация, расположенную в нижней части экрана. После запуска презентации вы должны решить, какие объекты будут запускаться автоматически, а какие по нажатию кнопки.
Читайте также: