Практикум по созданию веб-страниц на языке HTML (часть 3)

Предпросмотр материала:

Практикум по созданию веб-страниц

(часть III)

1. Создайте внешнюю каскадную таблицу стилей, назвав её style.css и подключите ко всем созданным ранее HTML-страницам (link).

2. Создайте фоны 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.

3. Создайте для таблиц городов классы arm, evp, ker, sim, yal и установите с помощью CSS цвет заливки таблиц соответственно: Aqua, Goldenrod, Powderblue, Cadetblue, Lightsteelblue.

4. Для ячеек заголовка (th) установите следующие свойства текста: начертание – полужирный курсив, вес текста – жирный, размер – 15рх, шрифт – arial.

5. Для обычных ячеек (td) установите следующие свойства: начертание – курсив, размер – 13рх, шрифт – Comic Sans MS, выравнивание – по центру.

6. Для ячеек, содержащих названия городов, создайте класс, назвав его head_1, и установите для него следующие свойства: цвет текст – Firebrick, начертание – курсив, размер – 35рх, шрифт – Comic Sans MS.

7. Для ячеек, содержащих текст «Общие сведения о городе», создайте класс, назвав его head, и установите для него следующие свойства: цвет текст – Firebrick, начертание – курсив, размер – 20рх, шрифт – arial.

8. Для ссылок на странице menu.htm создайте класс, назвав его menu, и установите следующие свойства для псевдоклассов ссылок:

· непосещённая ссылка: цвет текст – Firebrick, начертание – курсив, размер – 15рх, шрифт – Comic Sans MS, декорирование текста – отменено;

· посещённая ссылка: аналогично;

· активная ссылка: цвет текст – SandyBrown, начертание – курсив, размер – 15рх, шрифт – Comic Sans MS, декорирование текста – отменено;

· наведённая ссылка: цвет текст – Chocolate, начертание – курсив, размер – 15рх, шрифт – Comic Sans MS, разрежение текста – 5рх, декорирование текста – отменено;

9. Для текста на странице Crimea_f.jpg определите класс, назвав его main, и установите для него следующие свойства: заливка текста цветом – Lavender, начертание – курсив, размер – 20рх, шрифт – Comic Sans MS, выравнивание текста – по ширине страницы, отступ красной строки – 50рх. Установите отступ текста от краёв страницы (margin: top right bottom left;) соответственно: сверху – 50рх, справа – 50рх, снизу – 0рх, слева – 50рх.

Краткое описание материала

Компьютерный практикум по созданию веб-страниц на языке HTML состоит из 3-х частей.

В ходе выполнения работы учащийся должен создать полноценный сайт, на котором представлены и графические объекты, и видео, и музыка. Переход между страницами сайта осуществляется при помощи гиперссылок. Деление сайта на блоки осуществляется при помощи фреймовой структуры.

Данный практикум является итоговой работой и рассчитан на несколько уроков, он позволяет охватить все пункты программы изучения курса, может быть использован в качестве зачетной работы в конце изучения темы.

Практикум по созданию веб-страниц на языке HTML (часть 3)

Информатика

Конспекты

DOCX

17.11.2014

529

Информатика

Конспекты

Файл будет скачан в формате:

DOCX

Краткое описание материала

Компьютерный практикум по созданию веб-страниц на языке HTML состоит из 3-х частей.

Автор материала

Чинякина Наталья Петровна

На сайте: 5 лет и 6 месяцев
Всего просмотров: 219623
Подписчики: 0
Всего материалов: 305

219623
просмотров
305
материалов
0
подписчиков

Настоящий материал опубликован пользователем Чинякина Наталья Петровна.
Инфоурок является информационным посредником. Всю ответственность за опубликованные материалы несут пользователи, загрузившие материал на сайт. Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете на материал.