Использование каскадной таблицы стилей CSS. Создание Web-узела, состоящего из трех страниц

Лабораторная работа 4. 

Использование каскадной таблицы стилей CSS. 

Вопросы и задания к лабораторно работе № 4

1.  Изучить методический материал к лабораторной работе. В стандартной форме подготовить отчет  по лабораторной работе. 

2.  Создать Web-узел, состоящий из трех страниц. На созданные страницы поместить текст, относящийся к тематике курсовой работы. 

3.  Создать каталог CSS, в который поместите файл каскадную таблицу стилей main.css.

4.  Подключите внешнюю таблицу стилей main.css ко всем страницам созданного сайта. 

5.  В каскадной таблице стилей main.css опишите:

a.  светло-бирюзовый фон страницы в шестнадцатеричном коде;

b.  унифицированный класс u_class, включающий стенографическое свойство управление шрифтом, содержащее насыщенный наклонный шрифт, малые прописные буквы,  размер 14 пунктов, моноширинный шрифт Courier New; а так же подчеркивание текста и выравнивание по правому краю;

c.  класс class_first для оформления буквицы абзаца  красной полужирной большой буквой, выровненной по верхней границе строки; 

d.  два разных класса оформления логических блоков документа:

i.  первый класс d1_cl задает фоновое изображение, хранимое в отдельном файле, повторяемое только по вертикали; выравнивание текста по правому краю, цвет текста коричневый;

ii.  второй класс d2_cl задает фоновое изображение, из другого файла, повторяемое только по горизонтали, выравнивание текста по центру, граница 

e.  для селектора по идентификатору main задайте белый цвет фона, в сокращенном

шестнадцатеричном коде и нулевой шириной границы блока;

f.  для селектора по идентификатору menu задать выравнивание текста по правому краю, вертикальное выравнивание по верхнему краю, верхнее поле равное трем размерам шрифта, используемого в данном элементе; 

g.  для селектора по идентификатору line указать в качестве фона файл с небольшим фоновым рисунком, повторяемым по вертикали.

h.  для селектора по идентификатору content указать светло-бирюзовый цвет фона (см. 5а), а так же,  с помощью стенографического свойства, указать поля отделяющие содержимое блока на 10 пикселей от верхней и нижней границы, 5 пикселей от правой границы и 15 пикселей от левой границы.

i.  сгруппировать селекторы  для оформления простой, активной и посещенной ссылок. Стиль ссылок группы должен включать цвет текста — голубой, стенографическое свойство оформление шрифтом включает — полужирный шрифт Arial (или любой другой рубленный) 12 пунктов,  поле справа 12 пунктов, подчеркивания нет.

j.  для ссылки, на которую наведен курсор,  установить подчеркивание.

6.  На одной из страниц с помощью встроенной таблицы стилей установите светло желтый фон страницы в сокращенном шестнадцатеричном коде.

7.  Использовать унифицированный класс u_class  для оформления на одной из не домашних страниц сайта — заголовок, а на другой любые две строки из абзаца текста.

8.  На одной из не домашних страниц использовать класс стиля class_first для оформления первых букв трех любых абзацев.

9.  На одной из не домашних страниц использовать для оформления классы  d1_cl и d2_cl.

10.  В верхнюю часть домашней страницы добавьте таблицу оформленную согласно стилю идентификатора main, занимающую всю ширину окна. Таблица состоит из одной строки и трех столбцов:

a.  Первый столбец, шириной 20% от всей ширины таблицы,  содержит ссылки на две другие страницы сайта и оформляется согласно стиля идентификатора menu;

b.  Второй столбец, шириной 20, ничего не содержит, оформляется согласно стиля идентификатора line. 

c.  Третий столбец, с основным содержимым страницы оформить с помощью идентификатора content.

d.  В первый столбец таблицы поместите гиперссылки на две другие страницы и гиперссылку на ваш адрес электронной почты. Каждую ссылку размещать на новой строке.

Методический материал к лабораторно работе № 4.

1.  Свойства управления цветом и фоном элементов CSS.