ПРАКТИЧЕСКАЯ РАБОТА №9
Цель работы: Научиться оформлять веб - страницы с использованием каскадных таблиц стилей CSS.
Задачи работы:
- Овладеть методикой работы c атрибутом STYLE.
- Получить навыки работы замены тегов на стилевое описание.
Обеспечивающие средства: Сборник описаний практических работ; операционная система Windows XP, программа Internet Explorer; программа «Блокнот»; персональный компьютер.
Требования к отчету: Итоги практической работы представить в виде файла lab9.html на диске.
Технология работы:
1. Создайте стиль следующего образца:
Для команды скопируйте текст из практической работы №4 (файл lab4.html)
- Пустое поле сверху и снизу во всем документе
- Пустое поле слева - 5; пустое поле справа-2
- Цвет фона - светло-серый, цвет текста - черный.
2. Установите в данном тексте цвет непосещаемых гиперссылок – коричневый, посещаемых –зеленый, стиль шрифта – черный.
3. Абзацы: на белом фоне. У первого абзаца – вертикальная одинарная красная черта слева; у второго абзаца – вертикальная двойная синяя черта справа; у третьего абзаца никаких линий нет
4. Текст абзацев идет с отступом от края белого фона, с увеличенным интервалом между строками и с заданием «красной строки»
5. В первом заголовке получите объемный эффект. Для этого:
- с помощью свойств margin-top и margin-left сделайте наложение двух строк текста
- с помощью свойства font-size установите большой размер строк
- с помощью свойства color - сделайте, чтобы вторая строка выглядела тенью
- шрифт заголовка - Arial.
В первом абзаце слова "информационной Вселенной" идут жирным курсивом и с разрядкой.
Второй заголовок: желтого цвета на зеленом фоне, причем фон лишь немного шире заголовка, но уже основного текста. Буквы заголовка подчеркнуты и надчеркнуты.
Во втором абзаце, в первом предложении часть слов расположена выше основного текста, а часть слов - ниже. Это должно быть сделано средствами CSS.
6. Сохранить файл как lab9.txt в блокноте и как lab9.html для просмотра в браузере.