Главная страница. Порядок выполнения работы

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

Рисунок 1 – Структура Web-сайта

Рекомендуется следующее содержимое Web-страниц:

· Главная страница:

o Меню, содержащее гиперссылки на все страницы сайта;

o Фамилия Имя Отчество;

o Фотография;

o Класс;

o Название настоящей лабораторной работы.

Необходимым является использование следующих элементов HTML: блоки, гиперссылки, таблицы, элементы форматирования текста, графические элементы.

· Обо мне:

o Меню, содержащее гиперссылки на все страницы сайта;

o Автобиография в произвольной форме (возможно использование и графического материала);

Необходимым является использование следующих элементов HTML: блоки, гиперссылки, стили.

· Мои интересы:

o Меню, содержащее гиперссылки на все страницы сайта;

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

o непосредственно содержимое каждого из разделов;

Необходимым является использование следующих элементов HTML: блоки, заголовки различных уровней, нумерованные и маркированные списки, якоря и гиперссылки на якоря, стили.

· Учеба:

o Меню, содержащее гиперссылки на все страницы сайта;

o Полное название школы;

o Полное название класса;

o Перечень изучаемых дисциплин, выполненный в виде таблицы.

Необходимым является использование следующих элементов HTML: блоки, таблицы, гиперссылки, стили.

· Фотоальбом:

o 15 фотографий представленных в виде таблицы, по N^*) фото в строке; каждое фото должно иметь всплывающую подсказку с его названием, а также подпись с его названием под фото.

o гиперссылка на главную страницу.

Необходимым является использование следующих элементов HTML: блоки,, графические элементы, гиперссылки.

Примечания:

1) Заголовок каждой HTML страницы должен содержать название сайта и название данной страницы (например: «Персональный сайт Иванова Ивана. Главная страница.»). Все страницы должны быть выполненными в одном стиле (иметь одинаковый цвет фона (или фоновое изображение) и тп).

2) При выполнении верстки страниц использовать блочный метод. Приветствуется использование CSS фреймворка[9-11]

3) Для задания внешнего вида содержимого веб-страниц использовать CSS[7].

4) Необходимо выполнить валидацию разработанных страниц в соответствии со стандартами HTML 4.01 Strict(или XHTML 1.1) и CSS2.

5) ПРИ ВЫПОЛНЕНИИ ЛАБОРАТОРНОЙ РАБОТЫ ЗАПРЕЩАЕТСЯ ПОЛЬЗОВАТЬСЯ ГРАФИЧЕСКИМИ HTML-РЕДАКТОРАМИ ИЛИ КОНВЕРТЕРАМИ В ФОРМАТ HTML!