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



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

Цели:

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

Дидактические материалы: инструкционные листы с заданиями

Программное обеспечение: браузер, пакет «Denver», СМS «Kandidat»

Структура урока

I.            Организационный момент
II.           Актуализация опорных знаний
III.          Сообщение темы и целей урока
IV.           Изучение теоретического материала
V.            Закрепление материала учащимися
VI.           Подведение итогов
VII.          Домашнее задание

Ход урока

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

  1. Что представляет собой сайт и каково его назначение?
  2. Какая служба в Интернет отвечает за веб-сайты?
  3. Что означает доменное имя сайта?
  4. С чего начать создание собственного сайта и какие технологии использовать?

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

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

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

Базовые структуры веб-сайтов можно разделить на три группы: линейная, древовидная, решетчатая.

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

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

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

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

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

  • главная страница,
  • страницы категорий,
  • конечные страницы,
  • служебные страницы.

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

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

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

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

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

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

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

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

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

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

Несмотря на многообразие CMS, принципы их работы одинаковы. Для отработки приемов работы  с ней целесообразно на свой локальный компьютер установить пакет программ «Denver», который позволяет смоделировать работу сервера. С помощью данного пакета можно использовать разнообразные СМС, создавая сайты непосредственно на локальном компьютере. Овладев основными приемами работы с сайтом, можно уверенно приступать к регистрации на сервере хостинг-провайдера.

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

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

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

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

Размещение сайта на сервере-работа с CMS

  1. Запустить на выполнение программу «Start Denver»
  2. В адресную строку браузера ввести доменное имя, указанное в инструкционной карте (например, http://school24.ua). Ознакомиться с шаблоном сайта, предложенного по умолчанию.
  3. Открыть административную панель сайта: http://school24.ua/admin
  4. Указать логин и пароль (admin, admin)
  5. В разделе “Навигация” выбрать пункт Настройки, задать название сайта, выбрать шаблон, соответствующий теме сайта
  6. В разделе “Навигация” выбрать пункт Начало. Создать нужное количество категорий (Ссылка «Добавить категорию»–Указать название категории–Установить переключатель Включить ссылку страницы в меню в положение «Да»–Кнопка Добавить категорию)
  7. При необходимости откорректировать меню сайта (В разделе “Навигация” выбрать пункт «Редакция меню»)
  8. Проверить созданный сайт (Ссылка «Перейти на сайт»)

VI.            Подведение  итогов.

  1. Домашнее задание: зарегистрироваться на одном из бесплатных хостингов со встроенной CMS, получить доменное имя сайта, создать сайт (без наполнения контентом).





Комментариев пока нет!

Поделитесь своим мнением