1. В документе \\LESSON5\EXERCISE\INLINE. HTM определите оформление элемента H1 при помощи инлайн-стиля в соответствии со следующими требованиями:
- цвет текста — #660033; малые прописные; гарнитура шрифта — Verdana; межсимвольный интервал — 2 пикселя.
2. В документе \\LESSON5\EXERCISE\STYLE. HTM определите с помощью внедренной таблицы стилей оформление всех элементов EM (выделение, повышение тона) в соответствии со следующими требованиями:
- цвет текста — #CC0066; размер символов и гарнитура шрифта — те же, что и у основного текста; начертание — полужирное.
3. В папке \\LESSON5\EXERCISE\CSS создайте внешнюю стилевую таблицу EXERC. CSS и задайте с ее помощью оформление для всех гипертекстовых документов, находящихся в той же папке в соответствии с перечисленными ниже требованиями:
- цвет фона документа — #000099; цвет любого текстового содержания — #FFFFCC (используйте наследование свойств); маркированные списки используют в качестве маркера изображение DOT. GIF из папки CSS.
4. В документе \\LESSON5\EXERCISE\CLASS. HTM с помощью внедренной таблицы стилей задайте для абзацев: шрифт Arial, размер шрифта 15 px, выравнивание - по ширине, отступы=0.
- создайте описание класса stroka1 - цвет фона #ccccff создайте описание класса stroka2 - цвет фона #9999ff примените класс stroka1 к нечетным абзацам, а класс stroka2 - к четным.
5. В документе \\LESSON5\EXERCISE\ANCHOR. HTM задайте во внедренной таблице стилей оформление для гиперссылок в соответствии с перечисленными требованиями:
- для всех состояний: цвет #336633, без подчеркивания; при наведении курсора мыши цвет гиперссылки должен меняться на #999900; у посещенных ссылок значение цвета должно быть #993300;
6. Оформите сайт, посвященный . Все необходимые файлы лежат в папке Чехов. Для этого :
- одинаковые для всех страниц элементы форматирования (цвет фона – #993366 и текста документа – #FFFFCC, настройки абзаца и заголовков, цвет гиперссылок – #99FFCC и гиперссылок при наведении – #0000FF) задайте с помощью внешней стилевой таблицы. Образцы оформления приведены в файлах BIOGRAF. GIF, BIBLIOGRAF. GIF, MUSEUM. GIF во внешней стилевой таблице создайте класс NAVIGATION (выравнивание по центру, шрифт жирный) и примените к абзацу с гиперссылками в каждом документе в файле BIOGRAF. HTM выровняйте рисунки, как показано в образце. Во внедренной стилевой таблице создайте 2 класса IMG_LEFT и IMG_RIGHT, задающие с помощью атрибута margin отступ в 10 пикселей от рисунка, для выравнивания используйте атрибут float, который может иметь значение right или left (см. приложение 4). Примените созданные классы к рисункам в файле BIBLIOGRAF. HTM создайте внедренную стилевую таблицу, в которой для элементов списка задайте следующее оформление: отступ слева 150, отступ снизу 3, шрифт Geneva, в качестве маркера списка использовать изображение list. gif, т. е. list-style-image: url(../img/list. gif); цвет фона страницы INDEX. HTM: #F3EED0. Оформите заголовок «АНТОН ПАВЛОВИЧ ЧЕХОВ», как показано в образце.
7. В папке \\LESSON5\EXERCISE\MUSEUM создайте Web-страницу по образцу, находящемуся в файле MUSEUM. JPG. Для этого:
- На основании своего шаблона создайте документ MUSEUM. htm. Скопируйте в тело документа текст из файла museum. doc и разбейте его на абзацы с помощью элемента P. Создайте внедренную таблицу стилей. Для этого внутрь элемента HEAD вставьте элемент Style, в блоке объявлений которого задайте следующие стилевые определения:
- для body — цвет фона #fff8dc, выравнивание по центру, размер текста 10 pt; для абзацев — внешнее поле отступа равное 0; цвет для гиперссылок #993333;
Заархивированную папку Lesson5 пришлите преподавателю на проверку
