Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ПРОЕКТ № 4 - пятница.docx
Скачиваний:
1
Добавлен:
27.08.2019
Размер:
1.19 Mб
Скачать

Домашнее задание №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. Что касается расстояний между ячейками таблиц, а также отступов ячеек, то думайте сами, где их надо совсем убрать, а где — увеличить.

Тут вы можете оставить комментарий к выбранному абзацу или сообщить об ошибке.

Оставленные комментарии видны всем.