Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Lab_HTML_6.doc
Скачиваний:
3
Добавлен:
04.09.2019
Размер:
2.31 Mб
Скачать

Завдання

Створити веб-сторінку вказаної тематики, оформивши її зазначеним чином з використанням зовнішньої таблиці стилів. При оформленні текстової інформації, списків, блоків застосувати класів стилів та стилі для ID-ідентифікаторів. Для кольорового оформлення елементів веб-сторінки використати задану гаму кольорів.

Тематика

Макет веб-сторінки

Вимоги щодо оформлення

«Улюблені пісні»

Заголовок: «Мої улюблені пісні»

Блоки 1-3: назви і тексти пісень різних композиторів (не менше чотирьох куплетів)

Блок 4: перелік інших пісень кожного із композиторів

Гама кольорів:

  1. Фон сторінки: власне фоновое зображення, що повторюється по горизонталі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, середньої товщини;

  • відступ – по 20 пікселів з усіх боків;

  • якщо текст виходить за межі блоку, додаються смуги прокрутки;

  • шрифт – із засічками, курсив, 15 пт;

  • текст – вирівнювання по ширині блоку, без переносу;

  • відступ червоного рядка - 50 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – подвійний;

  • назва пісні – жирні, малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд текстового курсора.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 6 пікселів;

  • відступ – по 30 пікселів зверху і знизу, по 10 – справа і зліва;

  • список – вкладений (верхній рівень – маркирований, нижній - нумерований);

  • маркер - власний графічний, зовнішній;

  • нумератор – на власний розсуд, внутрішній

  • ПІБ композиторів - заголовні літери;

  • назви пісень - підкреслений текст;

  • шрифт – без засічок, 120%.

  1. Заголовок:

  • 3 рівня,

  • текст з тінню, радіус розмиття - 2 рх, зсув по х та у задати довільно.

«Приказки братніх народів»

Заголовок: «Приказки»

Блоки 1-3: приказки

Блок 4: перелік країн, яким приписується авторство відповідної приказки

Гама кольорів:

  1. Фон сторінки: власне фоновое зображення, що повторюється по вертикалі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – по 20 пікселів зверху і знизу, по 30 – справа і зліва.

  • якщо текст виходить за межі блоку, відображається тільки область всередині блоку;

  • шрифт – без зарубок, похилий, 1,3 em;

  • текст – вирівнювання по центру блока, з урахуванням пробілів;

  • перша літера кожної приказки – унікального кольору, жирна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – полуторний;

  • при переміщенні курсора над блоками, він приймає вигляд чотиринаправленої стрілки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 7 пікселів;

  • відступ – 25 пікселів зверху, по 10 – справа і зліва, 15 - знизу;

  • список – маркирований внутрішнім власним графічним маркером;

  • назви країн - малі заголовні літери;

  • шрифт – моноширинний, 20 пт.

  1. Заголовок:

  • 2 рівня,

  • текст з тінню, радіус розмиття - 3 рх, зсув по х - 1 рх, зсув по у задати довільно

«Улюблені вірші»

Заголовок: «Мої улюблені вірші»

Блоки 1-3: назви і тексти віршів різних авторів

Блок 4: перелік інших віршів кожного із наведених авторів

Гама кольорів:

  1. Фон сторінки: власне фоновое зображення, що повторюється по горизонталі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – по 10 пікселів з усіх боків;

  • незалежно від можливості виходу тексту за межі блоку, додаються смуги прокрутки;

  • шрифт – із зарубками, курсив, 110%;

  • текст – вирівнювання по лівому краю блока, з переносом рядків;

  • відступ червоного рядка - 40 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – 110%;

  • назва вірша – жирні, малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд хреста.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 5 пікселів;

  • відступ – 35 пікселів зверху, по 20 – справа і зліва, 25 - знизу;

  • список – вкладений (верхній рівень – нумерований, нижній рівень -маркирований);

  • маркер - власний графічний, внутрішній;

  • нумератор – на власний розсуд, зовнішній;

  • ПІБ поетів - жирні заголовні літери;

  • назви віршів - курсив;

  • шрифт – декоративний, 15 пт.

  1. Заголовок:

  • 4 рівня,

  • текст з тінню, радіус розмиття - 2 рх, зсув по х задати довільно, зсув по у - 1 рх.

«Тости до ювілею»

Заголовок: «Тости до ювілею»

Блоки 1-3: тости до різних ювілеїв

Блок 4: перелік ювілеїв, яким приурочені відповідні тости

Гама кольорів:

  1. Фон сторінки: світло-вишневий колір фону та власне фоновое зображення, що повторюється по горизонталі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – 20 пікселів зверху, 15 - знизу, 30 – справа, 25 - зліва.

  • незалежно від виходу тексту за межі блоку, він відображається повністю;

  • шрифт – без зарубок, 25 пт;

  • текст – вирівнювання по правому краю блока, без переносу;

  • перша літера кожної приказки – унікального кольору, курсивна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – 15 пт;

  • при переміщенні курсора над блоками, він приймає вигляд горизонтальної стрілки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 4 пікселя;

  • відступ – 25 пікселів зверху, по 10 – справа і зліва, 15 - знизу;

  • список – маркирований зовнішнім власним графічним маркером;

  • шрифт – моноширинний, 1,4 em.

  1. Заголовок:

  • 5 рівня,

  • текст з тінню, радіус розмиття - 4 рх, зсув по х та у задати довільно.

«Улюблені книги»

Заголовок: «Мої улюблені книги»

Блоки 1-3: назви і фрагменти творів різних авторів (по 4 абзаци)

Блок 4: перелік інших творів кожного із наведених авторів

Гама кольорів:

  1. Фон сторінки: бордовий колір фону та власне фоновое зображення, що повторюється по горизонталі і вертикалі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – 15 пікселів зверху, по 10 – справа і зліва, 20 - знизу;

  • якщо текст виходить за межі блоку, додаються смуги прокрутки;

  • шрифт – із засічками, курсив, 15 пт;

  • текст – вирівнювання по ширині блоку, з урахуванням пробілів;

  • відступ червоного рядка - 20 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – подвійний;

  • назва твору – жирні, малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд руки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 3 пікселя;

  • відступ – по 15 пікселів з усіх боків;

  • список – вкладений (верхній рівень – маркирований, нижній - нумерований);

  • маркер - власний графічний, зовнішній;

  • нумератор – на власний розсуд, внутрішній

  • ПІБ письменників - заголовні літери;

  • шрифт – декоративний, 130%.

  1. Заголовок:

  • 4 рівня,

  • текст з тінню, радіус розмиття - 2 рх, зсув по х - 3 рх, зсув по у задати довільно

«Анекдоти»

Заголовок: «Мої улюблені анекдоти»

Блоки 1-3: анекдоти різної тематики

Блок 4: перелік тематик, яким відповідають наведені анекдоти

Гама кольорів:

  1. Фон сторінки: сірий колір фону та власне фоновое зображення, що повторюється по горизонталі і вертикалі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – по 20 пікселів зверху і знизу, по 30 – справа і зліва.

  • якщо текст виходить за межі блоку, відображається тільки область всередині блоку;

  • шрифт – без зарубок, похилий, 1.3 em;

  • текст – вирівнювання по центру блока, з переносом рядків;

  • перша літера кожної приказки – унікального кольору, жирна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – 130%;

  • при переміщенні курсора над блоками, він приймає вигляд стрілки із знаком запитання.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 2 пікселя;

  • відступ – 35 пікселів зверху, по 20 – справа і зліва, 30 - знизу;

  • список – маркирований внутрішнім власним графічним маркером;

  • шрифт – моноширинний, 23 пт.

  1. Заголовок:

  • 5 рівня,

  • текст з тінню, радіус розмиття - 1 рх, зсув по х задати довільно, зсув по у - 2 рх.

«Улюблені казки»

Заголовок: «Мої улюблені казки»

Блоки 1-3: назви і фрагменти казок (по 4 абзаци)

Блок 4: перелік інших казок кожного із наведених авторів

Гама кольорів:

  1. Фон сторінки: світло-синій колір фону та власне фоновое зображення, розміщене у верхньому лівому куті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – по 25 пікселів з усіх боків;

  • незалежно від можливості виходу тексту за межі блоку, додаються смуги прокрутки;

  • шрифт – декоративний, 18 пт;

  • текст – вирівнювання по лівому краю блока, без переносу;

  • відступ червоного рядка - 60 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – 1.6 пт;

  • назва казки – малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд текстового курсора.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 6 пікселів;

  • відступ – 10 пікселів зверху, 25 - знизу, 30 – справа, 20 - зліва;

  • список – вкладений (верхній рівень – нумерований, нижній - маркирований);

  • маркер - власний графічний, внутрішній;

  • нумератор – на власний розсуд, зовнішній;

  • ПІБ авторів - курсивні заголовні літери;

  • шрифт – без засічок, 90%.

  1. Заголовок:

  • 4 рівня,

  • текст з тінню, радіус розмиття - 3 рх, зсув по х та у задати довільно.

«Привітання із святом»

Заголовок: «Привітання із святом»

Блоки 1-3: привітання із різними святами

Блок 4: перелік свят, яким приурочені відповідні привітання

Гама кольорів:

  1. Фон сторінки: фіолетовий колір фону та власне фоновое зображення, розміщене у нижньому лівому куті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – 30 пікселів зверху, по 10 – справа і зліва, 20 - знизу.

  • незалежно від виходу тексту за межі блоку, він відображається повністю;

  • шрифт – без зарубок, похилий, 20 пт;

  • текст – вирівнювання по правому краю блока, з урахуванням пробілів;

  • перша літера кожної приказки – унікального кольору, жирна, курсивна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – полуторний;

  • при переміщенні курсора над блоками, він приймає вигляд чотиринаправленої стрілки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 5 пікселів;

  • відступ – 10 пікселів зверху, 15 - знизу, 18 – справа, 25 - зліва;

  • список – маркирований зовнішнім власним графічним маркером;

  • шрифт – моноширинний, 1,1 em.

  1. Заголовок:

  • 5 рівня,

  • текст з тінню, радіус розмиття - 4 рх, зсув по х - 3 рх, зсув по у задати довільно.

«Улюблені твори»

Заголовок: «Мої улюблені розповіді»

Блоки 1-3: назви і фрагменти розповідей різних авторів (по 4 абзаци)

Блок 4: перелік інших творів кожного із наведених авторів

Гама кольорів:

  1. Фон сторінки: шоколадний колір фону та власне фоновое зображення, що повторюється по горизонталі і вертикалі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – по 20 пікселів з усіх боків;

  • якщо текст виходить за межі блоку, додаються смуги прокрутки;

  • шрифт – із засічками, курсив, 0.9 em;

  • текст – вирівнювання по ширині блоку, з переносом рядків;

  • відступ червоного рядка - 55 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – 140%;

  • назва розповіді – жирні заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд хреста.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 2 пікселя;

  • відступ – по 30 пікселів зверху і знизу, по 10 – справа і зліва;

  • список – вкладений (верхній рівень – маркирований, нижній - нумерований);

  • маркер - власний графічний, зовнішній;

  • нумератор – на власний розсуд, внутрішній;

  • ПІБ авторів - малі заголовні літери;

  • шрифт – декоративний, 20 пт

  1. Заголовок:

  • 4 рівня,

  • текст з тінню, радіус розмиття - 3 рх, зсув по х задати довільно, зсув по у - 2 рх.

«Улюблені співаки»

Заголовок: «Мої улюблені співаки»

Блоки 1-3: сценічне ім’я співака та інформація про нього

Блок 4: перелік відомих пісень кожного із співаків

Гама кольорів:

  1. Фон сторінки: мідний колір фону та власне фоновое зображення, розміщене у нижньому правому куті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – по 20 пікселів зверху і знизу, по 30 – справа і зліва.

  • якщо текст виходить за межі блоку, відображається тільки область всередині блоку;

  • шрифт – моноширинний, жирний, 22 пт;

  • текст – вирівнювання по центру блока, без переносу;

  • перша літера кожної приказки – унікального кольору, жирна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – 1.3 пт;

  • ім’я співака – жирні малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд горизонтальної стрілки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 3 пікселя;

  • відступ – 25 пікселів зверху, по 10 – справа і зліва, 15 - знизу;

  • список – вкладений маркирований;

  • маркер - власний графічний, зовнішній;

  • імена співаків - заголовні літери;

  • назви пісень - курсивний текст;

  • шрифт – без зарубок, 115%.

  1. Заголовок:

  • 2 рівня,

  • текст з тінню, радіус розмиття - 5 рх, зсув по х та у задати довільно.

«Улюблені види спорту»

Заголовок: «Мої улюблені види спорту»

Блоки 1-3: вид спорту та інформація про нього

Блок 4: перелік відомих спортсменів кожного із видів спорту

Гама кольорів:

  1. Фон сторінки: темно-зелений колір фону та власне фоновое зображення, розміщене у нижньому лівому куті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – 40 пікселів зверху і знизу, 30 - справа і зліва;

  • незалежно від можливості виходу тексту за межі блоку, додаються смуги прокрутки;

  • шрифт – із засічками, курсив, 1.2 em;

  • текст – вирівнювання по лівому краю блока, з урахуванням пробілів;

  • відступ червоного рядка - 45 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – 120%;

  • вид спорту – заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд руки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка – середньої товщини;

  • відступ – по 30 пікселів з усіх боків;

  • список – вкладений (верхній рівень – маркирований, нижній - нумерований);

  • маркер - власний графічний, внутрішній;

  • нумератор – на власний розсуд, внутрішній зовнішній;

  • види спорту – жирні малі заголовні літери;

  • шрифт – декоративний, дуже жирний, 24 пт.

  1. Заголовок:

  • 1 рівня,

  • текст з тінню, радіус розмиття - 2 рх, зсув по х - 3 рх, зсув по у задати довільно

«Привітання»

Заголовок: «Привітання з професійним святом»

Блоки 1-3: привітання з різними професійними святами

Блок 4: перелік професійних свят, яким приурочені відповідні привітання

Гама кольорів:

  1. Фон сторінки: бронзовий колір фону та власне фоновое зображення, що повторюється по вертикалі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – 30 пікселів зверху, 15 - знизу, 20 – справа, 25 - зліва.

  • незалежно від виходу тексту за межі блоку, він відображається повністю;

  • шрифт – без зарубок, похилий, 140%;

  • текст – вирівнювання по правому краю блока, з переносом рядків;

  • перша літера кожної приказки – унікального кольору, курсивна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – полуторний;

  • при переміщенні курсора над блоками, він приймає вигляд стрілки із знаком запитання.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 5 пікселів;

  • відступ – 25 пікселів зверху, по 10 – справа і зліва, 15 - знизу;

  • список – маркирований зовнішнім власним графічним маркером;

  • шрифт – моноширинний, 1,2 em.

  1. Заголовок:

  • 2 рівня,

  • текст з тінню, радіус розмиття - 1 рх, зсув по х задати довільно, зсув по у - 1 рх.

«Улюблені поети»

Заголовок: «Мої улюблені поети»

Блоки 1-3: ім’я поета та інформація про нього

Блок 4: перелік кращих віршів кожного із поетів

Гама кольорів:

  1. Фон сторінки: блакитно-фіолетовий колір фону та власне фоновое зображення, що повторюється по горизонталі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – по 40 пікселів з усіх боків;

  • якщо текст виходить за межі блоку, додаються смуги прокрутки;

  • шрифт – із зарубками, дуже жирний, 15 пт;

  • текст – вирівнювання по ширині блоку, без переносу;

  • відступ червоного рядка - 30 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – подвійний;

  • ім’я поета – курсивні малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд текстового курсора.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 8 пікселів;

  • відступ – по 30 пікселів зверху і знизу, по 10 – справа і зліва;

  • список – вкладений (верхній рівень –нумерований, нижній - маркирований);

  • маркер - власний графічний, зовнішній;

  • нумератор – на власний розсуд, внутрішній;

  • ПІБ поетів - жирні заголовні літери;

  • шрифт – декоративний, 115%.

  1. Заголовок:

  • 6 рівня,

  • текст з тінню, радіус розмиття - 3 рх, зсув по х та у задати довільно.

«Улюблені співачки»

Заголовок: «Мої улюблені співачки»

Блоки 1-3: сценічне ім’я співачки та інформація про неї

Блок 4: перелік відомих пісень кожноїх із співачок

Гама кольорів:

  1. Фон сторінки: світло-червоний колір фону та власне фоновое зображення, розміщене у верхньому правому куті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – по 20 пікселів зверху і знизу, по 30 – справа і зліва.

  • якщо текст виходить за межі блоку, відображається тільки область всередині блоку;

  • шрифт – без зарубок, похилий, 1.25 em;

  • текст – вирівнювання по центру блока, з урахуванням пробілів;

  • перша літера кожної приказки – унікального кольору, жирна, курсивна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – 130%;

  • ім’я співачки – курсивні жирні заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд чотиринаправленої стрілки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка – середньої товщини;

  • відступ – 25 пікселів зверху, по 10 – справа і зліва, 15 - знизу;

  • список – вкладений (верхній рівень – маркирований, нижній - нумерований);

  • маркер - власний графічний, зовнішній;

  • ПІБ співачок - малі заголовні літери;

  • шрифт – моноширинний, 15 пт.

  1. Заголовок:

  • 5 рівня,

  • текст з тінню, радіус розмиття - 5 рх, зсув по х - 2 рх, зсув по у задати довільно

«Привітання»

Заголовок: «Привітання з днем народження»

Блоки 1-3: привітання з днем народження для різних вікових груп

Блок 4: перелік вікових груп, яким можуть бути приурочені відповідні привітання

Гама кольорів:

  1. Фон сторінки: оливковий колір фону та власне фоновое зображення, що повторюється по вертикалі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – 40 пікселів зверху і знизу, 30 - справа і зліва;

  • незалежно від можливості виходу тексту за межі блоку, додаються смуги прокрутки;

  • шрифт – декоративний, курсив, 1.4 em;

  • текст – вирівнювання по лівому краю блока, з переносом рядків;

  • відступ червоного рядка - 50 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – 1.4 пт;

  • при переміщенні курсора над блоками, він приймає вигляд хреста.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 4 пікселя;

  • відступ – по 15 пікселів з усіх боків;

  • список – маркирований внутрішнім власним графічним маркером;

  • нумератор – на власний розсуд, зовнішній;

  • шрифт – без засічок, 20 пт

  1. Заголовок:

  • 3 рівня,

  • текст з тінню, радіус розмиття - 3 рх, зсув по х задати довільно, зсув по у - 1 рх.

«Віршовані привітання»

Заголовок: «Віршовані привітання із святом»

Блоки 1-3: віршовані привітання із різними святами

Блок 4: перелік свят, яким приурочені відповідні привітання

Гама кольорів:

  1. Фон сторінки: блакитний колір фону та власне фоновое зображення, розміщене у нижньому правому куті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – по 20 пікселів зверху і знизу, по 30 – справа і зліва.

  • незалежно від виходу тексту за межі блоку, він відображається повністю;

  • шрифт – із зарубками, похилий, 25 пт;

  • текст – вирівнювання по правому краю блока, без переносу;

  • перша літера кожної приказки – унікального кольору, жирна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – полуторний;

  • при переміщенні курсора над блоками, він приймає вигляд горизонтальної стрілки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 3 пікселі;

  • відступ – 12 пікселів зверху, 15 - знизу, 20 – справа, 25 - зліва;

  • список – маркирований внутрішнім власним графічним маркером;

  • шрифт – моноширинний, жирний, 130%.

  1. Заголовок:

  • 4 рівня,

  • текст з тінню, радіус розмиття - 2 рх, зсув по х та у задати довільно.

«Улюблені актори»

Заголовок: «Мої улюблені актори»

Блоки 1-3: ім’я актора та інформація про нього

Блок 4: перелік відомих фільмів, в яких знімався кожен із акторів

Гама кольорів:

  1. Фон сторінки: барвінковий колір фону та власне фоновое зображення, розміщене у І квадранті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – 40 пікселів зверху і знизу, 30 - справа і зліва;

  • якщо текст виходить за межі блоку, додаються смуги прокрутки;

  • шрифт – без засічок, курсив, 110%;

  • текст – вирівнювання по ширині блоку, з урахуванням пробілів;

  • відступ червоного рядка - 20 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – подвійний;

  • ім’я актора – жирні малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд руки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 6 пікселів;

  • відступ – 20 пікселів зверху, 15 - знизу, 30 – справа, 25 - зліва;

  • список – вкладений (верхній рівень – маркирований, нижній - нумерований);

  • маркер - власний графічний, зовнішній;

  • нумератор – на власний розсуд, внутрішній;

  • ПІБ акторів - курсивні заголовні літери;

  • назви фільмів - підкреслений текст;

  • шрифт – декоративний, 20 пт.

  1. Заголовок:

  • 1 рівня,

  • текст з тінню, радіус розмиття - 2 рх, зсув по х - 2 рх, зсув по у задати довільно

«Улюблені страви»

Заголовок: «Мої улюблені страви»

Блоки 1-3: назви і рецепти різних видів страв

Блок 4: перелік інших улюблених страв кожного виду

Гама кольорів:

  1. Фон сторінки: блакитний колір фону та власне фоновое зображення, розміщене у ІІ квадранті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – по 35 пікселів з усіх боків.

  • якщо текст виходить за межі блоку, відображається тільки область всередині блоку;

  • шрифт – без зарубок, жирний, 25 пт;

  • текст – вирівнювання по центру блока, з переносом рядків;

  • перша літера кожної приказки – унікального кольору, жирна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – 1.3 пт;

  • назви страв – курсивні заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд стрілки із знаком запитання.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка – середньої товщини;

  • відступ – 25 пікселів зверху, по 10 – справа і зліва, 15 - знизу;

  • список – вкладений (верхній рівень – нумерований, нижній - маркирований);

  • маркер - власний графічний, зовнішній;

  • нумератор – на власний розсуд, внутрішній;

  • назви страв - малі заголовні літери;

  • шрифт – моноширинний, 1,2 em.

  1. Заголовок:

  • 6 рівня,

  • текст з тінню, радіус розмиття - 3 рх, зсув по х задати довільно, зсув по у - 2 рх.

«Улюблені актриси»

Заголовок: «Мої улюблені актриси»

Блоки 1-3: ім’я актриси та інформація про неї

Блок 4: перелік відомих фільмів, в яких знімалася кожна із актрис

Гама кольорів:

  1. Фон сторінки: світло-помаранчевий колір фону та власне фоновое зображення, що повторюється по вертикалі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – 10 пікселів зверху, 15 - знизу, 30 – справа, 35 - зліва;

  • незалежно від можливості виходу тексту за межі блоку, додаються смуги прокрутки;

  • шрифт – із засічками, курсив, 110%;

  • текст – вирівнювання по лівому краю блока, без переносу;

  • відступ червоного рядка - 30 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – 125%;

  • ім’я актриси – жирні малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд текстового курсора.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 6 пікселів;

  • відступ – по 30 пікселів зверху і знизу, по 10 – справа і зліва;

  • список – вкладений (верхній рівень – маркирований, нижній - нумерований);

  • маркер - власний графічний, внутрішній;

  • нумератор – на власний розсуд, зовнішній;

  • ПІБ актрис - заголовні літери;

  • шрифт – декоративний, 20 пт.

  1. Заголовок:

  • 3 рівня,

  • текст з тінню, радіус розмиття - 5 рх, зсув по х та у задати довільно.

«Улюблені фільми»

Заголовок: «Мої улюблені фільми»

Блоки 1-3: назва та короткий зміст фільмів різної тематики

Блок 4: перелік тематик, яким відповідають наведені фільми

Гама кольорів:

  1. Фон сторінки: світло-вишневий колір фону та власне фоновое зображення, що повторюється по горизонталі

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 2 пікселя;

  • відступ – по 20 пікселів зверху і знизу, по 30 – справа і зліва.

  • незалежно від виходу тексту за межі блоку, він відображається повністю;

  • шрифт – без зарубок, дуже жирний, похилий, 25 пт;

  • текст – вирівнювання по правому краю блока, з урахуванням пробілів;

  • перша літера кожної приказки – унікального кольору, жирна, курсивна;

  • інтервал між літерами – 2 пікселя;

  • міжрядковий інтервал – полуторний;

  • назва фільму – курсивні малі заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд чотиринаправленої стрілки.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 7 пікселів;

  • відступ – 25 пікселів зверху, по 10 – справа і зліва, 15 - знизу;

  • список – маркирований внутрішнім власним графічним маркером;

  • шрифт – моноширинний, 1.3 em.

  1. Заголовок:

  • 4 рівня,

  • текст з тінню, радіус розмиття - 1 рх, зсув по х - 2 рх, зсув по у задати довільно

«Улюблені фільми»

Заголовок: «Мої улюблені фільми»

Блоки 1-3: назва та короткий зміст фільмів

Блок 4: перелік головних акторів, які знімалися у цих фільмах

Гама кольорів:

  1. Фон сторінки: гірчичний колір фону та власне фоновое зображення, розміщене у ІІ квадранті

  2. Блоки 1-3:

  • розмір блоку - власний (зберегти вказану пропорцію);

  • рамка – вказаного стилю, товщиною 5 пікселів;

  • відступ – 40 пікселів зверху і знизу, 30 - справа і зліва;

  • якщо текст виходить за межі блоку, додаються смуги прокрутки;

  • шрифт – декоративний, курсив, 15 пт;

  • текст – вирівнювання по ширині блоку, з переносом рядків;

  • відступ червоного рядка - 50 пікселів;

  • перший рядок першого абзацу – унікального кольору, жирний;

  • інтервал між словами - розріджений на 150%;

  • міжрядковий інтервал – подвійний;

  • назва фільму – жирні заголовні літери;

  • при переміщенні курсора над блоками, він приймає вигляд хреста.

  1. Блок 4:

  • розмір блоку - власний (згідно схеми);

  • рамка - товщиною 5 пікселів;

  • відступ – по 20 пікселів з усіх боків;

  • список – вкладений (верхній рівень – нумерований, нижній - маркирований);

  • маркер - власний графічний, зовнішній;

  • нумератор – на власний розсуд, внутрішній;

  • назви фільмів - малі заголовні літери;

  • шрифт – без засічок, 125%.

  1. Заголовок:

  • 6 рівня,

  • текст з тінню, радіус розмиття - 5 рх, зсув по х - 3 рх, зсув по у задати довільно.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]