Структура веб-сайтов. Размещение сайта на сервере хостинга.

Урок: Структура веб-сайтов.

Размещение сайта на сервере хостинга

Тип урока: урок усвоения новых знаний

Цели: Познакомиться со структурой веб-сайтов, с понятием Веб 2.0, рассмотреть основные этапы создания сайта на хостинге. Вырабатывать навыки по регистрации на хостинге и разработке структуры сайта, используя возможности бесплатного хостинга.

Ход урока

I.            Организационный момент
II.           Актуализация.

• Что представляет собой сайт и каково его назначение?

• Какая служба в Интернет отвечает за веб-сайты?

• Что означает доменное имя сайта?

• С чего начать создание собственного сайта и какие технологии использовать?

III.            Сообщение темы и целей урока
IV.            Изучение нового материала

Структура веб-сайтов

Структура веб-сайта – это его каркас, определяющий порядок навигации.

Существуют базовые структуры веб-сайтов: линейная, древовидная, решетчатая.

1. Линейная структура представляет собой последовательность веб-страниц, доступ к которым возможен только с предыдущей и последующей. Такая структура может быть применена для имиджевых сайтов, сайтов-презентаций, онлайновых учебных пособий.

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

1. Решетчатая структура сайта позволяет осуществлять переходы, как по вертикали, так и по горизонтали между ветвями в разных уровнях. Эта структура применяется, как правило в сайтах-каталогах.

Разновидности веб-страниц. Веб-сайты различных структур в основном включают в себя четыре типа страниц:

• главная страница,

• страницы категорий,

• конечные страницы,

• служебные страницы.

1. Главная страница должна давать обобщенные сведения о сайте в целом и указывать направления по основным категориям.

1. Страницы категорий предназначены для отображения анонсов или списков статей, а также ссылок на родственные категории.

1. Конечные страницы содержат в себе основные материалы сайта – статьи, изображения, видео. Именно эти страницы представляют наибольший интерес для пользователя.

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

Выбор хостинга и доменного имени

Хостинг — это услуга по предоставлению вычислительных мощностей для физического размещения сайта на сервере, постоянно подключенном к компьютерной сети (в данном случае Интернет).

Хостинговая компания (хостинг-провайдер) — организация,  предоставлением услуг размещения оборудования, данных и web-сайтов на своих серверах.

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

Создание сайта с помощью СМС

В настоящее время сайты, как правило, создаются с помощью специальных программ, именуемых системами управления сайтом (СМS). Часто используется термин «Конструктор сайтов», который по сути является также CMS. Система управления сайтом предназначена для автоматизированного создания сайта, а также для управления контентом (содержимым). Другими словами, СМС позволяет на основе шаблона определенного типа создать сайт, задать его структуру и наполнить информацией даже человеку, слабо владеющему HTML.  Ряд  хостингов имеют встроенные CMS: в частности, популярный ucoz.ru.

Технология Веб 2.0

Следует упомянуть современное направление в принципах web-разработок, называемое web 2.0

Веб 2.0 является методикой проектирования сайтов, которые путём взаимодействия с пользователями становятся тем совершеннее, чем больше людей ими пользуются. Эта методика подразумевает участие пользователей в развитии web-проекта (примером является «Википедия»), а если точнее, в наполнении информацией. Хотя Веб 2.0 именуется технологией, далеко не все специалисты с этим согласны, поскольку речь не идет о каком-то особом методе web-дизайна.

V.            Закрепление материала учащимися (Создание сайта на локальном сервере)