Конспект урока: Создание Web-сайта: оформление сайта, размещение сайта в Интернете

• Введение в тему
• Оформление сайта
• Размещение в Интернете

• изучить главные структурные элементы сайта
• изучить рекомендации по наполнению страниц сайта информационными материалами
• изучить последовательность действий для размещения сайта в Интернете

• Какие существуют технологии создания сайтов?
• Как расшифровывается НТМL?
• Чем занимается web-дизайнер?
• Что входит в структуру сайта?

Введение в тему

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

Оформление сайта

В оформление сайта входит не только внешний вид (цветовая гамма; шрифт, его стиль и размер; расположение текста, рисунков, аудио- и видеоматериалов и др.), а также удобная навигация.

С главной страницы с помощью ссылок можно перейти на другие страницы — внутренние страницы сайта. 

Также следует помнить об оформлении шапки сайта и футера.

Шапка сайта (Header) — это верхняя часть сайта, как правило, включающая в себя название компании, логотип, панель навигации, основные контактные данные (рис. 1).

Рис. 1. Шапка сайта онлайн-школы

 

Футер (подвал) сайта  — это сквозной структурный элемент, расположенный в нижней части страниц (рис. 2).

Рис. 2. Подвал сайта онлайн-школы

Желательно, чтобы все страницы сайта были выполнены в едином стиле. По этой причине перед разработкой необходимо разработать шаблон страниц сайта (рис. 3).

Рис. 3. Примеры шаблонов сайта

Рекомендации по наполнению сайта информационными материалами представлены на рис. 4.

Рис. 4. Рекомендации по наполнению сайта

Перед тем как разместить сайт в сети Интернет, необходимо проверить его работоспособность и корректность контента при запуске разными браузерами.

Размещение сайта в Интернете

Размещать разработанные сайты в сети Интернет необходимо для того, чтобы они были доступны пользователям круглые сутки.

Размещение сайта в сети можно представить в несколько этапов.

1. Подобрать доменное имя

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

2. Выбрать хостинг

При выборе хостинга следует внимательно ознакомиться с услугами, которые он предоставляет, а также проверить работу службы поддержки.

3. Осуществить привязку домена

Данную операцию можно провести при подборе доменного имени или после выбора хостинга.

Привязку домена можно осуществить одним из следующих способов:

• внесение изменений в DNS домена у регистратора;
• добавление доменного имени в профиль хостинга;
• создание и подключение базы данных.

4. Осуществить заливку сайта

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

Установка сайта считается завершённой, когда владелец получает доступ ко всем страницам сайта и сайт корректно открывается во всех браузерах.

5. Произвести анализ и тестирование всех частей сайта

Необходимо проанализировать и протестировать все параметры и службы сайта, чтобы избежать непредвиденных ошибок.

Получается, что создание сайта проходит три основных этапа:

1. Разработка всех частей сайта.
2. Размещение сайта в сети Интернет.
3. Оптимизация и анализ результативности.

Последний этап может продолжаться на всем протяжении существования сайта в сети Интернет.