
- •Html (HyperText Markup Language)
- •1. Структура html- документа
- •2.2. Фізичне форматування символів
- •2.3. Форматування абзаців
- •3. Списки
- •3.1. Маркований список.
- •Графічні маркери списку
- •4.2. Атрибути елементів рядків і стовпців
- •4.3. Колір у таблицях
- •6. Гіперпосилання
- •6.3. Посилання в межах одного документа
- •6.4. Підказка при наведенні мишки на посилання
- •7. Фрейми
- •7.1. Структура документу з фреймами:
- •7.3. Розбиття сторінки на фрейми
- •7.7. Приклад взаємодії між фреймами і окремими вікнами браузера
- •8. Каскадні таблиці стилів (Cascade Style Sheets – css)
- •8.1.Властивості елементів
- •8.2.Способи застосування стилів
- •8.2.1. Перевизначення стилю
- •8.2.2. Елемент style
- •8.2.3. Посилання на зовнішній опис
- •8.2.4. Імпорт опису стилів
- •9. Практичні роботи до курсу практична робота № 1 «Створення найпростіших html-документів»
- •Практична робота № 2 «Створення списків і таблиць у веб-документах»
- •Сонячна система
- •Практична робота № 3 «Зв’язування веб-сторінок за допомогою гіперпосилань»
- •Практична робота № 4 «Створення веб-сторінок з фреймовою структурою»
- •1. Адреса 2. Фото 3. Школа
- •Практична робота № 5 «Оформлення веб-сторінок з використанням каскадних таблиць стилів»
- •Знаки зодіаку
Практична робота № 5 «Оформлення веб-сторінок з використанням каскадних таблиць стилів»
Завдання:
1. Створити папку «Прізвище_практична5» (усі надалі створені веб-сторінки зберігати в неї)
2. Оформити веб-сторінку наступного зразка за вимогами:
Прізвище, ім’я, по-батькові
Знаки зодіаку |
||
Земля |
Діва |
|
Козеріг |
|
|
Тілець |
|
|
Вогонь |
Лев |
|
Стрілець |
|
|
Овен |
|
|
Повітря |
Терези |
|
Водолій |
|
|
Близнюки |
|
|
Вода |
Рак |
|
Скорпіон |
|
|
Риби |
|
Знаки зодіаку
-
Земля
-
Діва
-
Козеріг
-
Тілець
Вогонь
-
Лев
-
Стрілець
-
Овен
Повітря
-
Терези
-
Водолій
-
Близнюки
Вода
-
Рак
-
Скорпіон
-
Риби
Вимоги (все описати у формі впровадженої CSS і селекторів):
-
Прізвище, ім’я, по-батькові (букви накладаються одна на одну з тінню) (2 бала)
-
Фонове зображення, колір тексту – темно-червоний, розмір тексту – 5рх (1,5 балів)
-
Задати вид маркерів маркованого списку (1 бал)
-
В списках і таблиці назви знаків зодіаку відобразити різними кольорами відповідно до стихії (Земля – коричневий, Вогонь – червоний, Повітря – небесно-блакитний, Вода – аквамарин) (4 бали)
-
Колір фону таблиці – персиковий, рамка – фіолетова, товщина рамки – 10рх (1,5 балів)
-
Товщина межі зображень – 3рх, колір рамки – зелений (1 бал)
-
Ширина усіх полів сторінки – 30рх (1 бал)