Создайте главную страницу сайта “Популярное куководство” с использования стилевых свойств, в том числе и для ссылок.
Вид главной страницы сайта:
При выполнении этой работы рекомендуется использовать результат выполнения предыдущего задания практикума.
HTML-страницу сохраните в виде файла task06.htm, а
CSS-файл в виде файла task06.css в каталог, который вам
укажет учитель. Ссылки в меню (и тексте) должны быть закодированы на
файлы:
task0601.htm — страница “дизайн”;
task0602.htm — страница “собаки”;
task0603.htm — страница “книги”;
task0604.htm — страница “фото”;
task0605.htm — страница “ссылки”.
Текст для документа:
нужны
хорошие Популярное куководство
куки
начало дизайн собаки книги фото ссылки
Это сайт Василия Александровича Кука. Учусь в 8
классе, в г. Переславле-Залесском. Мои интересы
описаны в меню: дизайн сайтов, дрессировка собак,
хорошая фантастика и фотография. В разделе
ссылки приводятся адреса ресурсов по теме
страниц моего сайта.
Возникнут вопросы -- пишите, мой адрес приводится
ниже.
начало дизайн собаки книги фото ссылки
(С) Василий Кук kuk@pereslavl.ru
Шаблон кода HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ru">
<HEAD>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="white" text="black"
link="blue" alink="red" vlink="purple">
<DIV id="header">
<DIV id="logo"></DIV>
<H1></H1>
</DIV>
<UL class="menuh">
</UL>
<P>
<P>
</P>
<UL class="menuh">
</UL>
<DIV id="sign">
</DIV>
</BODY>
</HTML>
Шаблон кода CSS:
/* Горизонтальное меню
-------------------
Фон: #fff2a6;
Убираем маркеры
Убираем внешние отступы
Убираем лишние внутренние отступы
Запрещаем переносы
*/
UL.menuh
{
}
/* Стили пункта меню
-----------------
Превращаем пункт в строчный элемент
Задаём шрифт Tahoma (или другой без засечек)
уменьшенный на 20%
Внутренние отступы: по 2 пиксела сверху и снизу,
по 0.5em слева и справа
*/
UL.menuh LI
{
}
/* Подпись
-------
Шрифт, уменьшенный на 20%
Запрещаем переносы
*/
#sign
{
}
/* Стили ссылок */
A {}
A:link {}
A:active {}
A:visited {}
A:hover {}
/* Стили заголовков
----------------
Цвет #009900
*/
H1,H2,H3,H4,H5,H6 {}
/* Заголовочная часть
------------------
Относительное позиционирование
*/
#header
{
}
/* Логотип
-------
Абсолютное позиционирование
Фон #ffe3cc
Внутренние отступы в 5 пиксенлов
Рамка
Шрифт "Comic Sans MS" или другой без засечек
Фиксированный размер шрифта 14 пикселов
*/
#header #logo
{
}
/* Заголовок сайта
---------------
Нулевые внешние отступы
Внутренние отступы по 10 пикселов, а слева -- 100
Фиксированный размер шрифта 50 пикселов
Запрет переносов
*/
#header H1
{
}