Домашнее задание №14.

1. Создайте заголовок статьи и шесть параграфов. Подчеркните текст заголовка и выделите его цветом #9999CC.

2. Сделайте в последнем параграфе ссылку на любой сайт и установите на странице цвет #9999CC для ссылок при наведении курсора мыши.

3. Установите на всей странице изображение-фон.

4. Установите для всех параграфов другую картинку в качестве фона. Но сделайте так, чтобы у первых трех параграфов цвет внешних полей (отступов) совпадал с фоном страницы, а у остальных — с фоном самих параграфов.

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

6. Установите у изображения внешние поля по 10px снизу и справа, а также 5px слева.

Домашнее задание №15.

1. Установите на всей странице размер шрифта 85% и фон-изображение.

2. Создайте в начале страницы четыре ссылки-изображения расположенные в один ряд и уберите их рамки. Куда ведут ссылки — решайте сами.

3. Ниже напишите заголовок статьи и три подзаголовка. Пусть заголовок статьи располагается по центру.

4. Напишите под первым и вторым подзаголовками по два параграфа, а под третьим — длинную цитату из двух параграфов.

5. Сделайте так, чтобы фон подзаголовков и параграфов, включая пустые поля, был обычным белым цветом.

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

7. В самом низу HTML-страницы напишите обычные текстовые ссылки, которые дублируют ссылки-изображения и пусть они располагаются по центру.

8. Измените цвета текстовых ссылок на те, которые посчитаете нужными, а вот их фон пусть совпадает с фоном всей страницы.

Домашнее задание №16.

Все задание я вам расписывать не буду, обрисую только некоторые моменты, просто сделайте так, как показано в результате примера. Если вы в свое время не скачали картинки для обучения, то можете скачать сейчас.

1. Измените фон страницы и размер шрифта.

2. В начале страницы создайте четыре ссылки-изображения.

3. Ниже сделайте таблицу из одного ряда и двух столбцов. Растяните ее ширину на всю страницу, сделайте выравнивание по верхней стороне ряда и измените фон каждой ячейки.

4. Сделайте ширину левой колонки 150px и поместите в нее ссылки-изображения.

5. Под таблицей создайте текстовые ссылки.

6. Сделайте так, чтобы при наведении курсора мыши на любую ссылку появлялась «всплывающая» подсказка.

7. Не забывайте про Комментарии в HTML, они серьезно помогают при работе.

Домашнее задание №17.

В этом уроке я тоже не буду все подробно описывать — только общие моменты. Для полноты картины посмотрите результат примера.

1. Создайте три таблицы, каждая должны состоять из одной строки и трех столбцов (колонок).

2. В первой таблице разместите Header или «шапку» страницы (не путать с «шапкой» HTML-документа), во второй — левое и правое меню, а также основное содержимое (контент), в третьей — Footer или «подвал» страницы.

3. Пусть ширина первого и последнего столбца каждой таблицы будет фиксированная.

4. Важно. Используйте тег <IMG> только для создания четырех кнопок горизонтального меню в «шапке» страницы. В остальных случаях пусть изображения идут фоном, а во вторых ячейках таблиц вообще используются только цвета, причем в первой и последней таблице это #99FF99.

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

6. Что касается расстояний между ячейками таблиц, а также отступов ячеек, то думайте сами, где их надо совсем убрать, а где — увеличить.