Конструирование сайтов. Использование онлайн-систем конструирования сайтов.

Конструирование сайтов. Использование онлайн-систем конструирования сайтов.

Узнать

Научиться

Узнать

Ответьте на вопросы

• Какие составляющие можно выделить на веб-странице? Охарактеризуйте каждую группу.

• Что такое HTML-код страницы? Данные каких видов он содержит? Как можно его просмотреть?

3. Что такое внутренняя структура веб-сайта?

4. Какие составляющие структуры веб-страницы?

5. Назовите этапы разработки веб-сайта? В чем заключается каждый из этапов? (групповая работа)

Этапы создания веб-сайта

1.

Постановка задачи.

На этом этапе определяется цель создания сайта, его основная тематика, осуществляется анализ существующих сайтов такой же или схожей тематики.

Этапы создания веб-сайта

цель, с которой создается сайт;

тематику сайта, отличия сайта от других сайтов такой же тематики;

аудиторию потенциальных посетителей сайта: возраст, пол, круг интересов и т.д;

перечень сервисов для размещения на сайте: форум, чат, поисковая система, веб-каталог, электронная почта и другое;

перспективы развития сайта.

Этапы создания веб-сайта

2.

Определение структуры сайта.

На этом этапе важно составить перечень разделов сайта для формирования системы навигации, список страниц, определить связи между ними.

Этапы создания веб-сайта

3.

Разработка структуры веб-страниц сайта.

Следующей задачей является определение структуры внешнего вида веб-страниц. Для большинства страниц сайта рекомендуется применять единый стиль оформления, следовательно нужно определить схему расположения на страницах основных блоков.

основной материал

дополнительные информационные и рекламные блоки

анонсы

меню

счётчик посетителей

Этапы создания веб-сайта

Разработка дизайн-макета страниц сайта.

Дизайн-макет страницы включает набор значений свойств текстовых и графических объектов страницы:

4.

Этапы создания веб-сайта

5.

Создание и верстка страниц сайта.

Верстка — это процесс размещения на странице во время ее создания текстовых, графических и других объектов так, чтобы страница получила вид в соответствии с разработанным дизайн-макетом.

Этапы создания веб-сайта

6.

Размещение (публикация) сайта в Интернете. Во время предыдущих этапов созданные веб-страницы могли храниться на локальном компьютере разработчика. На этом этапе сайт получает доменное имя и размещается на сервере.

26

Автоматизированное создание веб-сайта

Существуют онлайн-системы конструирования сайтов, которые одновременно с услугами по разработке веб-сайтов предоставляющих услуги бесплатного хостинга . Такими являются системы:

Автоматизированное создание веб-сайта

Создание веб-сайта средствами онлайн-системы конструирования сайтов происходит в несколько шагов:

Регистрация учетной записи на сервере онлайн-системы конструирования сайтов.

Выбор названия сайта и шаблона оформления.

Создание страниц сайта, системы навигации.

Заполнение страниц контентом.

Публикация сайта.

Автоматизированное создание веб-сайта

Google Сайти

Автоматизированное создание веб-сайта

Выбор названия сайта и шаблона оформления

Выбор названия сайта и шаблона оформления

Выбрать вкладку Темы в правой части окна.

Выбрать одну из предложенных тем оформления.

Выбрать цветовую гамму и стиль шрифта из числа тех, что предложены для выбранной темы.

Выбор названия сайта и шаблона оформления

Создание веб-страниц

Создание веб-страниц

Выбрать вкладку Страницы

Выбрать кнопку Добавить страницу

Ввести название страницы в поле Название страницы

Подтвердить

Создание веб-страниц

• Панель навигации формируется автоматически;

• Порядок страниц можно менять;

Создание веб-страниц

• Для создания главной страницы тематического раздела нужно перетащить блоки заголовков других страниц этого раздела на заголовок главной страницы раздела.

Вставка объектов на

веб-страницу

текстовые поля

изображения

гиперссылка

Документи с Google Диск

Вставка объектов на веб-страницу

Карта

Видео на YouTube

‹ /›

Встроить

Загрузить

Тт

Текст

Объект на Google Диск

Изображение

Календарь

Вставка объектов на

веб-страницу

Вставка объектов на веб-страницу

Публикация сайта

Администрирование сайта

обеспечивать его работоспособность

АДМИНИСТРАТОР

защищать от вредоносных программ

изменять внутреннюю структуру сайта и прочее

добавлять пользователей, которые могут редактировать сайт

распределять права доступа пользователей к страницам сайта

Администрирование сайта

• Что нового сегодня узнали?
• Чему научились?
• Что понравилось на уроке, а что нет?
• Какие трудности возникали?