Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

ИП 1-4 / Lab2_HTML_CSS

.doc
Скачиваний:
35
Добавлен:
27.04.2015
Размер:
34.82 Кб
Скачать

Практическая работа № 2

Каскадные таблицы стилей

Цель: Изучение способов использования стилевой разметки. Приобретение навыков создания и применения таблицы стилей для управления представлением содержимого Web-страниц.

Задача работы – разработка таблицы стилей корпоративного Web-сайта.

Каскадные таблицы стилей

Каскадная таблица стилей (CSS – Cascade Style Sheets) позволяет определеть стили форматирования для элементов HTML-страницы. Стиль – это набор параметров, описывающих представление объекта в окне браузера – начертание и цвет шрифта, цвет фона и т.д. HTML-страница содержит множество разнообразных элементов, каждый из которых может иметь собственный стиль оформления. Набор таких стилей для группы элементов одного документа называется таблицей стилей.

Технология разработки HTML-страниц с применением таблиц стилей предполагает отдельную разметку, а затем подготовку необходимого количества таблиц стилей, определяющих особенности представления HTML-страницы.

Таблица стилей состоит из перечня определений стилей (размеры и начертания шрифтов, выравнивание текста в абзацах, цвета шрифта и фона, размеры полей, отступов, высота строки и т.д.) для определенных элементов HTML-страниц. Таблицы стилей могут быть оформлены в отдельном файле (обычно с расширением *.css), который привязывается к HTML-странице, либо могут быть включены в HTML-страницу непосредственно.

Каскадные таблицы стилей расширяют возможности разработчиков HTML-страниц и увеличивают скорость разработки. Стили, определенные один раз, могут применяться неограниченное количество раз в любом документе. Описание стилей в отдельном файле и привязка его к различным HTML-страницам Web-сайта позволяет добиться единого стиля оформления для всех страниц сайта. Кроме того при этом легко выполняется автоматическая корректировка стиля всех HTML-страниц, к которым привязан файл стилей.

Подробное описание синтаксиса CSS приведено в Приложении.

Порядок выполнения работы

  1. Ознакомиться с теоретической частью.

  2. Используя инструкции CSS создать внешнюю таблицу стилей для HTML-страниц сайта, разработанных в работе 1. Минимальный набор атрибутов, определяемых таблицей стилей:

• Левое поле

• Верхнее поле

• Цвет фона

• Цвет текста

• Цвет ссылок (обычных, активных, посещенных)

  1. Из всех HTML-страниц сайта удалить информацию о стиле (задание цвета, размера, выравнивания и т.д.)

  2. Подключить созданный файл таблицы стилей ко всем страницам сайта.

  3. Просмотреть результаты в браузере.

  4. Сделать выводы по работе.

Содержание отчета.

  1. Цель работы

  2. Разработанные HTML- и CSS-файлы.

  3. Ответы на контрольные вопросы

  4. Выводы по работе.

Контрольные вопросы.

  1. Что такое таблица стилей?

  2. Каковы преимущества использования технологи CSS?

  3. Использование внешних таблиц стилей CSS

  4. Использование внутренних таблиц стилей CSS

  5. Использование локальных таблиц стилей CSS

  6. Преимущества и недостатки внешних, внутренних, локальных таблиц стилей CSS

  7. CSS инструкции управления цветом и фоном объектов

  8. CSS инструкции управления границами объектов

  9. CSS инструкции управления полями и отступами объектов

  10. CSS инструкции управления шрифтами и текстом

  11. Использование классов в CSS

  12. Использование псевдоклассов в CSS

Соседние файлы в папке ИП 1-4