- Преподавателю
- Информатика
- Практикум по созданию веб-страниц на языке HTML (часть 3)
Практикум по созданию веб-страниц на языке HTML (часть 3)
Раздел | Информатика |
Класс | - |
Тип | Конспекты |
Автор | Иванов И.И. |
Дата | 25.10.2014 |
Формат | doc |
Изображения | Нет |
Практикум по созданию веб-страниц
(часть III)
-
Создайте внешнюю каскадную таблицу стилей, назвав её style.css и подключите ко всем созданным ранее HTML-страницам (link).
-
Создайте фоны HTML-страниц, чтобы они соответствовали городам. Для этого присвойте тегам body соответствующие классы (class=): armyansk, evpatoria, kerch, simferopol, yalta, crimea.
-
Для тега body установите цвет фона - Moccasin
-
Для класса simferopol установите цвет фона - Moccasin, фоновым рисунком установите Simferopol_f.jpg, находящийся в папке image, отменив его повторение и закрепив его по центру страницы.
-
Аналогичные действия проделайте для классов armyansk, evpatoria, kerch, yalta, crimea, установив в качестве фоновых изображений соответственно Armyansk_f.jpg, Evpatoriya_f.jpg, Kerch_f.jpg, Yalta_f.jpg, Crimea_f.jpg.
-
-
Создайте для таблиц городов классы arm, evp, ker, sim, yal и установите с помощью CSS цвет заливки таблиц соответственно: Aqua, Goldenrod, Powderblue, Cadetblue, Lightsteelblue.
-
Для ячеек заголовка (th) установите следующие свойства текста: начертание - полужирный курсив, вес текста - жирный, размер - 15рх, шрифт - arial.
-
Для обычных ячеек (td) установите следующие свойства: начертание - курсив, размер - 13рх, шрифт - Comic Sans MS, выравнивание - по центру.
-
Для ячеек, содержащих названия городов, создайте класс, назвав его head_1, и установите для него следующие свойства: цвет текст - Firebrick, начертание - курсив, размер - 35рх, шрифт - Comic Sans MS.
-
Для ячеек, содержащих текст «Общие сведения о городе», создайте класс, назвав его head, и установите для него следующие свойства: цвет текст - Firebrick, начертание - курсив, размер - 20рх, шрифт - arial.
-
Для ссылок на странице menu.htm создайте класс, назвав его menu, и установите следующие свойства для псевдоклассов ссылок:
-
непосещённая ссылка: цвет текст - Firebrick, начертание - курсив, размер - 15рх, шрифт - Comic Sans MS, декорирование текста - отменено;
-
посещённая ссылка: аналогично;
-
активная ссылка: цвет текст - SandyBrown, начертание - курсив, размер - 15рх, шрифт - Comic Sans MS, декорирование текста - отменено;
-
наведённая ссылка: цвет текст - Chocolate, начертание - курсив, размер - 15рх, шрифт - Comic Sans MS, разрежение текста - 5рх, декорирование текста - отменено;
-
-
Для текста на странице Crimea_f.jpg определите класс, назвав его main, и установите для него следующие свойства: заливка текста цветом - Lavender, начертание - курсив, размер - 20рх, шрифт - Comic Sans MS, выравнивание текста - по ширине страницы, отступ красной строки - 50рх. Установите отступ текста от краёв страницы (;) соответственно: сверху - 50рх, справа - 50рх, снизу - 0рх, слева - 50рх.