В процессе выполнения лабораторной работы необходимо реализовать Ваш персональный 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!