Проект. Разработка сайта

Результатом работы над проектом станет настоящий сайт. Этот сайт может оказаться лучше многих других сайтов Интернета, несмотря на то (а может быть именно поэтому!), что на его страницах не будет картинок.

Подробно об иллюстрациях на гипертекстовых страницах будет рассказано в следующем уроки книги.

На этой странице:

• Задание
• Тема сайта
• Название сайта
• Экран и браузер
• Имена файлов. Инструментарий
• Критерий оценок. Проверка работ

Задание

Создать небольшой сайт с иерархической структурой: главная страница является корнем иерархии, остальные 5-8 страниц — прямыми потомками.

На сайте использовать навигационную схему, макет которой показан на рисунках.

Макет главной страницы:

Макет страницы “Раздел 1”:

Обязательными страницами сайта являются:

• главная страница. На эту страницу поместите краткое описание материалов сайта, а в “плавающем” блоке — новости и (или) другие “горячие” материалы (например, анонс самого важного материала сайта);
• страница “ссылки” — список внешних ссылок на те сайты Интернета, которые посвящены той же теме, что и авторский сайт. Каждая внешняя ссылка должна быть записана в явном URL-виде, сопровождаться названием адресуемого сайта и кратким описанием его ресурсов;
• страница “карта” — отображение иерархии сайта в виде вложенного списка с гипертекстовыми переходами на все его страницы.
• страница “автор” — краткие сведения об авторе сайта.

На страницах сайта не нужно использовать графику (кроме стандартных линий, задаваемых элементом HR).

В качестве логотипа используйте текстовую формулу (слоган).

Ниже, на рисунках, показаны примеры двух страниц сайта, построенного по такому заданию.

Тема сайта

Тема может быть произвольной. Желательно выбирать простые сюжеты, которые не потребуют объёмных описаний.

Название сайта

Название сайта придумывают авторы проекта.

Экран и браузер

Работа должна нормально отображаться во всех популярных браузерах (Internet Explorer, Opera, FireFox, Netscape). Нормальное отображение не предполагает включение горизонтальной прокрутки даже в окне шириной в 640 пикселов.

Имена файлов. Инструментарий

Для записи кода рекомендуется использовать редактор PSPad или, что хуже, стандартный Блокнот Windows.

Главная страница должна иметь имя index.htm. Имена остальных HTML-файлов стройте по правилу 12345678.htm — расширение имени htm, и не более 8 символов в самом имени.

Стилевые определения помещайте в отдельный файл с именем main.css

Используйте справочник свойств CSS, приведённый на начальной странице урока и справочник тегов HTML (краткий справочник тегов или подробный от W3C).

Правильность HTML-кода можно проверять при помощи программы CSE HTML Validator Lite.

Критерий оценок. Проверка работ

Сайт оценивается по формуле:

B = 2*(B1 + B2) + B3 + B4 + B5
    

Числа B_i — это оценки (от 0 до 5 баллов) по следующим категориям:

• B₁ — дизайн
• B₂ — HTML-программирование
• B₃ — содержание
• B₄ — грамматика
• B₅ — привлекательность

Оценка B₅ за привлекательность выставляется по следующему ориентировочному критерию.

• Оценка 5 — работа производит отличное впечатление.
• Оценка 4 — хорошая работа.
• Оценка 3 — средняя работа.
• Оценка 2 — слабая работа.
• Оценка 1 — очень слабая работа.

Оценки B₁–B₄ вычисляются так: из максимального балла 5 вычитаются штрафные очки по каждой обнаруженной погрешности. Отрицательная оценка “округляется” до нуля.

Для проверки используйте АРМ “Проверка сайта” Выбирается блок проверки “42.1”.

Все инструкции по проверке описаны на странице Справка этого приложения. Там же приводится описание различных сценариев проверки.