Вы находитесь на странице: 1из 3

Лабораторное занятие №12

Создание структуры страницы сайта

Раздел 1. Установка и настройка аппаратных и программных средств доступа в сеть


Интернет
Тема 1.7 Принципы функционирования, организация и структура веб-сайтов

Цель работы: научить студентов созданию структуры страницы сайта

1. Теоретические сведения:

В общем случае все страницы сайта имеют следующую структуру:

Структурно дизайн поделен на три части:


 Верхняя - header. Включает в себя, как правило, верхнюю и левую часть дизайна
со статической информацией (логотипом, лозунгом и так далее), верхним
горизонтальным меню и левым меню (если они есть в дизайне). Может включать в
себя информационные динамические материалы.
 Основная рабочая область - work area. Рабочая область страницы, в которой
размещаются собственно информационные материалы сайта. В качестве Основной
рабочей области может подключаться как физический файл, так и создаваемый
системой на основе комплексных компонентов динамический код.
Если в качестве Основной рабочей области подключается физический файл, то такая
страница называется статической. Если подключается динамический код, то такая
страница называется динамической.
 Нижняя - footer. Включает в себя, как правило, статическую информацию
(контактная информация, сведения об авторе и владельце сайта и так далее),
нижнее горизонтальное меню и правое меню (если они есть в дизайне). Может
включать в себя информационные материалы.
Эти три части могут занимать разную площадь, иметь разную форму. Неизменно
одно: их порядок.
Верхняя и нижняя части дизайна формируются на основе шаблона дизайна сайта.
Т.е. информация, отображаемая в данных областях, определяется параметрами шаблона
сайта.
Когда речь заходит о редактировании страниц сайта, в большинстве своем имеется в
виду изменение содержимого Основной рабочей области. Здесь можно разместить
любую информацию: текст, список новостей, каталог товаров, форму голосования и т.д.
Кроме того, в шаблоне сайта могут быть предусмотрены
дополнительные включаемые области, в которых также может быть размещена любая
информация. Включаемые области могут размещаться и в Верхней и в Нижней частях
страницы.

2. Порядок выполнения практической работы


1. Повторение теоретического материала.
2. Получение задания у преподавателя.
3. Выполнение задания по плану.
4. Оформление отчета о работе (вывод)
5. Подготовить ответы на контрольные вопросы.
6. Защита практической работы.

3. Алгоритм выполнения задания


1. Осмыслить полученное задание;
2. Выполнить задание
3. Сделать вывод, подготовиться к защите практической части.

4. Задание
1. Изучить теоретический материал
2. Выполнить вариант задания
3. Записать данные выполнения в отчет
Задание на практическую работу:
1. Разработать структуру страницы сайта согласно варианта задания
Порядок выполнения:
1. Выбрать вариант задания
2. Выполнить задание
3. Создать отчет о выполнении лабораторной работы 
Варианты
1. Сайт ВТИТБиД
2. Сайт Домашняя страница
3. Сайт любителей кошек
4. Сайт клуба собаководов
5. Сайт садовода-любителя
6. Сайт охотников
7. Сайт рыболовов
8. Сайт любителей футбола
9. Сайт города Волгодонска
10. Сайт Моя деревня
11. Сайт Планета кино
12. Сайт Моя семья
13. Сайт Кулинария
14. Сайт Познавательные странички
15. Сайт О звездах
16. Сайт Здоровье
17. Сайт Мода
18. Сайт Медицина
19. Сайт Автомобили
20. Сайт Спорт

5. Вопросы:
1. Что такое шаблон сайта?
2. Из чего состоит структура страницы сайта?
3. Что такое сайт-визитка?
4. Что такое графический макет страницы?
5. Что такое блочное представление структуры?

6. Сделать вывод по практической работе.


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

В тезисах структуру сайта можно охарактеризовать так:

 Где я нахожусь сейчас (страница входа);


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

Структура сайта это пути получения пользователем запрашиваемой


информации. Тут можно очень сильно углублять в SEO (ключи,
анкоры, перелинковка), но сейчас смысл понять, что такое структура
сайта, поэтому делать этого не буду. Скажу кратко, что чем лучше
построена структура, тем лучше для вас и ваших клиентов
(посетителей). Посетителям проще находить интересующую
информацию и переходить от одной страницы к другой.