Как поступить
в Онлайн-школу и получить аттестат?

Подробно расскажем о том, как перевестись на дистанционный формат обучения, как устроены онлайн-уроки и учебный процесс, как улучшить успеваемость и повысить мотивацию!

Нажимая на кнопку, я соглашаюсь на обработку персональных данных

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

Коммуникационные технологии

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

 

План занятия

 

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

 

Цели занятия

 

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

 

Разминка

 

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

 

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

 

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

 

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

 

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


Оформление сайта традиционно начинают с главной страницы. Независимо от типа сайта  главная страница должна содержать ссылки на все основные страницы сайта: разделы и информационные страницы (например, способ доставки, оплаты). Главная страница не должна быть перегружена. 


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


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

 

Основные правила оформления внутренних страниц:

  1. Контент, за которым пришел пользователь, должен находиться на видном месте.
  2. Навигация по сайту должна быть организована удобно и интуитивно понятно.
  3. Если имеется коммерческая реклама и/или форма оформления заказа, то они должны быть также на видном месте.
  4. Текст на страницах должен быть удобочитаемым.


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


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

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

 

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

 

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


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

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

 

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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


Хостинг  – это услуга по размещению сайта на сервере, чтобы к нему был постоянный доступ.


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

 

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

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

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

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

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

 

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

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

 

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

 

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

 

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

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

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

 


Контрольные вопросы

 

  1. Что такое внутренние страницы сайта?
  2. Зачем нужен подвал сайта?
  3. Для чего необходимо разрабатывать шаблон сайта?
  4. Какими рекомендациями следует воспользоваться при наполнении сайта информационными материалами?
  5. Перечислите и кратко охарактеризуйте этапы размещения сайта в сети Интернет.


Предыдущий урок
Локальные и глобальные компьютерные сети
Коммуникационные технологии
Следующий урок
Решение задач на компьютере
Алгоритмы и программирование
  • Н.В. Гоголь. «Мёртвые души». Образ России, народа и автора в поэме

    Литература

  • Машиностроительный комплекс

    География

  • Виды сложносочиненных предложений

    Русский язык

Зарегистрируйся, чтобы присоединиться к обсуждению урока

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

Отзывы об уроке:
Пока никто не оставил отзыв об этом уроке