Задание 3. Html-документ с фреймами.
Создайте личную страницу, состоящую из трех фреймов: верхний (top) – горизонтальный, нижний – разделенный на 2 части (menu и main) по макету, приведенному на рисунке 17. Оформите верхний фрейм, вставив в него изображение, используя шрифтовое и цветовое оформление. В левой части (menu) разместите несколько гиперссылок, в правой – элементы, указанные в таблице 11, согласно индивидуальному заданию Вашего варианта.
Размещайте WEB-страницы, составляющие HTML-документ, в папке \Информационные технологии\WEB\
В имя файла включите номер Вашей группы и номер Вашей фамилии в списке группы, например, top_206_01.htm, menu_206_01.htm, main_206_01.htm.
Используйте прием стилевого оформления документа. Разместите информацию о стилях во внешнем файле style_206_01.css.
Рис.17. Макет HTML-документа с фреймами.
Таблица 11. Индивидуальные задания к лабораторной работе №9
|
№вар |
Обязательные элементы |
Гиперссылки |
Элементы шрифтового оформления |
Цветовая гамма |
|
|
Таблица «Расписание занятий» |
… на раздел текущей страницы |
заголовки 1-го уровня |
ранний закат |
|
Таблица «График дежурства» |
… на новую страницу |
курсив |
морской бриз |
|
Таблица «прогноз погоды» |
… на почтовый сервер |
жирный |
спелая рожь |
|
|
Таблица «Расписание экзаменов» |
… на файловый сервер |
подчеркнутый, курсив |
бирюза |
|
|
Список аудиозаписей |
… на раздел текущей страницы |
Цветной |
баклажан |
|
|
Список групп по факультету |
… на почтовый сервер |
Жирный |
спелая рожь |
|
|
Список видеокассет |
… на новую страницу |
заголовки 3-го уровня |
ранний закат |
|
|
Изображение (пейзаж) |
… на новую страницу |
курсив, жирный |
морской бриз |
|
|
Изображение (фото) |
… на почтовый сервер |
подчеркнутый |
бирюза |
|
|
Список «Расписание движения автобуса №5» |
… на раздел текущей страницы |
цветной, жирный |
баклажан |
|
|
Изображение (фото) |
… на новый сайт |
цветной |
баклажан |
|
|
Изображение (схема движения на сложном перекрестке) |
… на файловый сервер |
курсив, цветной |
морской бриз |
|
|
Список литературы по предмету |
… на файловый сервер |
заголовки 2-го уровня |
ранний закат |
|
|
Изображение (схема выхода из метро «Новочеркасская») |
… на новую страницу |
жирный, зачеркнутый |
спелая рожь |
|
|
Список видеокассет |
… на новый сайт |
подчеркнутый |
бирюза |