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

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

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

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

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

1. Теоретические сведения:
Рассмотрим разработку внутренней структуры на примере домашней страницы.
Какую информацию мы можем на ней разместить? Рассказ о себе (на главной странице),
свои фотографии, контактную информацию - это по минимуму. Значит, внутренняя
структура нашей домашней странички прорисовывается такая:

На этом можно остановиться, а можно создать более сложную внутреннюю

структуру. Допустим, у вас много фотографий, поэтому имеет смысл разбить раздел
Фотографии на несколько подразделов. Также вы хотите получать отзывы от посетителей,
поэтому вы предполагаете наличие гостевой книги. Кроме того, вы человек творческий,
поэтому на сайте появится еще и раздел Мое Творчество.

Когда у нас перед глазами такой план внутренней структуры, можно смело
продолжать работу над сайтом, не боясь чего-то забыть или упустить.
Теперь поговорим о внешней структуре, под ней я имею ввиду расположение
основных значимых элементов на каждой странице. Вам надо решить, где и как будут
располагаться ваши баннеры, если вы их будете внедрять на сайт, счетчик, меню,
возможно, поиск, основное содержание, какие-то анонсы о новых разделах сайта,
обновлениях, и т.д. Для примера возьмем внешнюю структуру сайта Постройка.ру, на
котором вы сейчас находитесь: 
 Примерно такую схему расположения основных значимых элементов нам пришлось
нарисовать для себя, когда мы занимались разработкой нашего сайта.
При разработке внешней и внутренней структуры ваша главная задача сделать так,
чтобы в будущем посетителю было легко ориентироваться на вашем сайте, чтобы важная
и нужная информация легко находилась. Поэтому, прежде чем браться за разработку
структуры сайта, возможно следует изучить ресурсы с подобной вашему тематикой и
посмотреть, как решена эта задача там.

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. Чем отличается Web-сайт от Интернет-портала?
5. Что такое блог?

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

Визуальные сайтмэпы используются как вспомогательный элемент в

планировании, анализе и прототипировании проекта. Сегодня тяжело представить
начало работы над проектом без предварительного планирования. Cайтмэп
поможет лучше понять механику будущей навигации, оценить объем
необходимого контента. Визуальный сайтмэп — важный элемент в выстраивании
коммуникации внутри команды разработчиков. Благодаря наглядной структуре
сайта обсуждение, оценка и распределение ресурсов значительно упрощается.

HTML cайтмэпы призваны помогать в навигации по сайту. Традиция создавать

отдельную страницу с сайэтмэпом считают устаревшей, но тем не менее, такой
подход не будет лишним, если проект обладает сложной структурой и
многоуровневой вложенностью.

XML сайтмэпы скрыты от пользователей, но при этом важны. Описывая структуру

сайта и взаимосвязи страниц, XML сайтмпэмы облегчают поисковым машинам
анализ сайта. Следовательно положительно влияют и на ранжирование. В XML
сайтмэпах важна чистота описания структуры и используемый синтаксис,
поскольку кроулеры поисковых движков не терпят непоследовательности и
расхлябанности кода. XML сайтмэпа заменили более старый способ «прямой
загрузки в поисковые движки» на специальной отдельной странице. Теперь
загрузка сайтмэпа происходит напрямую, или же разработчики просто ждут, пока
поисковая машина найдет файл самостоятельно. Обновляя файл сайтмэпа с новой
структурой, вы обеспечиваете более быстрое индексирование страниц, по
сравнению со стандартной автоматической процедурой поисковой машины.