Лабораторна робота № 5

ВИКОРИСТАННЯ тЕХНОЛОГЇЇ CSS

Мета роботи – навчитися оформлювати web-сторінки з використанням технологіїї CSS.

1. Теоретичні відомостi

2. Варіанти завдань

Створити web-сайт, об’єднавши в нього, видозмінені згідно варіанту, web-сторінки, побудовані у попередніх лабораторних роботах. Перехід на кожну із таких сторінок організувати через активізацію відповідного пункту графічного меню, вид і місцерозміщення якого задати згідно варіанту.

1. Вимоги до оформлення web-сторінок:

1. Меню – графічне, горизонтальне, у верхній частині головної web-сторінки; кожен пункт меню - довільне графічне зображення, обрамлене рамкою товщини 1 піксель

2. web-сторінка «Моя улюблена пісня»

   • фонове зображення – власне, що повторюється по горизонталі;

   • початкове положення зображення фону зліва по центру.

   • нерухомість зображення фону

   • гарнітура шрифта (шрифт с засічками)

   • розмір шрифта 12pt

   • накреслення шрифта: звичайний

   • жирність шрифта: звичайний

   • варіант написання літер: малі заголовочні

   • вирівнювання тексту: по центру

   • абзацний відступ 2%

   • оформлення тексту підкреслюється зверху

   • трансформація великих і малих літер: перша літера кожного слова змінюється на заголовну

   • інтервал між словами 1%

3. web-сторінка «Приклади списків»

   • вигляд маркера або нумератора: відсутній

4. положення маркерів щодо блоку: за межами блоку

5. web-сторінка «Таблиця»

   • оформити згідно обрамлення таблиць, заданого у лабораторній роботі №3.

2. Вимоги до оформлення web-сторінок:

1. Меню – текстове, горизонтальне, в нижній частині головної web-сторінки; кожен пункт меню - довільне графічне зображення, обрамлене рамкою товщини 2 пікселя

2. web-сторінка «Мій улюблений вірш»

   • фонове зображення – власне, що повторюється по вертикалі

   • початкове положення зображення фону по центру

   • прокручування фоново-го зображення разом з текстом елемента

   • гарнітура шрифта: шрифт рублений

   • декоративний шрифт

   • розмір шрифта 14 pt

   • накреслення шрифта: похилий

   • жирність шрифта: жирний

   • варіант написання літер: звичайні літери

   • вирівнювання тексту: по лывому краю

   • абзацний відступ -2 pt; оформлення тексту: підкреслюється знизу; трансформація великих і малих літер: усі літери стають великими.

   • інтервал між літерами 2 %

3. web-сторінка «Приклади списків»

   • вигляд маркера або нумератора: власний маркер

4. положення маркерів щодо блоку всередині блоку

5. web-сторінка «Таблиця»

   • Оформити згідно обрамлення таблиць, заданого у лабораторній роботі №3.

3. Вимоги до оформлення web-сторінок: