|
Кодирование переходов
Задание 7. Популярное куководство 4
Создайте главную страницу сайта “Популярное куководство” с
использования стилевых свойств, в том числе и для ссылок.
Вид главной страницы сайта:
При выполнении этой работы рекомендуется использовать результат
выполнения предыдущего задания практикума.
Ниже приводятся рекомендации по разработке стилевых определений.
| Элемент (класс) |
Описание |
| BODY |
Отступ слева в 100 пикселов. Чёрный цвет для текста, белый для фона.
Вертикальная полоска слева строится при помощи картинки
fon01.jpg из подкаталога pic сайта.
|
| Hn |
Для заголовков назначить зелёный цвет #009900.
|
| logo |
Абсолютное позиционирование.
Цвет фона: #FFE3CC. Цвет рамки: gray.
Выравнивание текста по центру, рубленый шрифт размером в 9 пунктов.
|
| menuh |
Класс для блока горизонтального меню. Цвет фона: #FFF2A6.
Шрифт на 10% меньше по размеру основного. Запрет на перенос текста в
меню на следующую строку (свойство white-space:nowrap).
|
| menuv |
Класс для блока вертикального меню. Абсолютное позиционирование.
Белый цвет для текста. Шрифт размером в 11 пунктов.
|
A:link
A:active
A:visited
A:hover |
Ссылки в тексте.
Cохранить стандартные цвета и подчёркивание.
Назначить красный цвет ссылке под курсором.
|
| .menuh A |
Ссылка в горизонтальном меню. Отменить подчёркивание.
|
| .menuv A |
Ссылка в вертикальном меню.
Назначить ссылке тип блока display:block,
отменить подчёркивание, задать отступы слева и справа.
|
.menuv A:link
.menuv A:active
.menuv A:visited
.menuv A:hover |
Ссылки в вертикальном меню.
Цвет cyan для неотработанной ссылки.
Цвет yellow для активной ссылки.
Цвет #40FF00 для отработанной ссылки.
Для ссылки под курсором задать красный цвет текста и белый цвет для фона.
|
| sign |
Класс для блока с авторской подписью. Шрифт на 30% меньше по размеру
основного.
|
HTML-страницу сохраните в виде файла task07.htm, а
CSS-файл в виде файла task07.css в каталог, который вам
укажет учитель. Ссылки в меню (и тексте) должны быть закодированы на
файлы:
- task0701.htm — страница “дизайн”;
- task0702.htm — страница “собаки”;
- task0703.htm — страница “книги”;
- task0704.htm — страница “фото”;
- task0705.htm — страница “ссылки”.
Текст для документа:
нужны
хорошие Популярное куководство
куки
начало | дизайн | собаки | книги | фото | ссылки
Это сайт Василия Александровича Кука. Учусь в 8
классе, в г. Переславле-Залесском. Мои интересы
описаны в меню: дизайн сайтов, дрессировка собак,
хорошая фантастика и фотография. В разделе
ссылки приводятся адреса ресурсов по теме
страниц моего сайта.
Возникнут вопросы -- пишите, мой адрес приводится
ниже.
начало | дизайн | собаки | книги | фото | ссылки
(С) Василий Кук kuk@pereslavl.ru
Шаблон кода:
|
