Тема №5 «css: візуальне оформлення об’єктів»

Вид материалаДокументы

Содержание


Візуальний елемент
Подобный материал:
з дисципліни «Прикладна інформатика»

для студентів ІІ курсу, спеціальність «Міжнародна інформація» (денна ф.н.)

Тема №5 «CSS: візуальне оформлення об’єктів»

І) Самостійно опрацювати питання:
  1. Стильові властивості оформлення списків
  2. Стильові властивості оформлення посилань
  3. Стильові властивості оформлення таблиць
  4. Стильові властивості оформлення обрамлення об’єктів

ІІ) Виконати практичне завдання:

Створити каскадну таблицю стилів з такими стильовими правилами:

Візуальний елемент

Стильові властивості

Документ

Фон — світлосірий

Текст

Шрифт — Courier

Розмір шрифту — 10 пунктів

Колір тексту — темносиній

Вирівнювання абзаців — вліво

Абзацний відступ — 1 см

Заголовки 1-го рівня

Шрифт — Verdana

Розмір шрифту — 14 пунктів

Колір тексту — чорний

Вирівнювання абзаців — вліво

Абзацний відступ — 1 см

Додаткове оформлення тексту — напівжирний

Заголовки 2-го рівня

Шрифт — Verdana

Розмір шрифту — 12 пунктів

Колір тексту — світлосиній

Вирівнювання абзаців — вліво

Абзацний відступ — 1 см

Додаткове оформлення тексту — напівжирний нахилений

Посилання

Додаткове оформлення — без підкреслення напівжирний

Фон — прозорий

Таблиці

Фон — прозорий

Рамка — шрихова 3 пт

Шрифт — Courier

Розмір шрифту — 90%

Оформлення першого рядку — вирівнювання по центру, шрифт напівжирний

Оформлення інших рядків — вирівнювання по центру, шрифт нормальний

Література:
  1. Крамер Э. HTML. Наглядный курс Web-дизайна: учебное пособие / Э. Крамер. — М.: Издательский дом "Вильямс", 2001. — 304 с.
  2. CSS Tutorial [Електронний ресурс] // W3Schools Online Web Tutorials. — Режим доступу: ools.com/css/default.asp
  3. css Zen Garden: The Beauty in CSS Design [Електронний ресурс]. — Режим доступу: ngarden.com/
  4. CSS справочник [Електронний ресурс]. — Режим доступу: l.ru/