Практична робота №9.

Тема: Керування властивостями елементів за допомогою CSS.

План виконання роботи:

Створити індивідуальний авторський стиль відображення Web-сторінок. Оформити практичну роботу дотримуючись обраного стилю використовуючи CSS.

Створити фреймову структуру. Один з фреймів повинен являти собою меню, в іншому необхідно відображувати основний зміст сторінок. Задати колір границі між фреймами та відсутність полоси прокрутки. Для всіх інших сторінок описати стиль для полоси прокрутки.

1. MENU.html

Створити напис: № практичної роботи, її назва та прізвище і ініціали студента, що її виконав з фрагментів документу, що накладаються.

Скласти маркірований список гіперпосилань, при цьому замінити стандартні маркери на власні. Створити гіперпосилання на сторінку з текстовим змістом text.html; на таблицю table.html; на сторінку, що містить поля форм form.html.

2. text.html Змістом документу є текст відформатований за допомогою CSS.

Для даної сторінки встановити інтервал між строками тексту; встановити відступ першої строки тексту; розріджений текст; текст ВЕЛИКИМИ ЛІТЕРАМИ; встановити стиль для першої літери абзацу; створити таблицю, що відображує різноманітність елементу “границя”.

Вимоги до звіту:

1. Звіт повинен бути оформлений на аркуші А4 з дотриманням стандартних вимог.

2. Звіт повинен містити:

a. зовнішній вигляд створених документів

b. код сторінок який реалізує виконання завдання

c. висновки.

Практична робота №10.

Тема: Керування властивостями елементів таблиць, форм і курсорів.

План виконання роботи:

Створити індивідуальний авторський стиль відображення Web-сторінок (Див. Практичне заняття №9). Оформити практичну роботу дотримуючись обраного стилю використовуючи CSS. Обов’язково обґрунтувати обрані способи зв’язування документа і таблиці стилів для кожного конкретного випадку.

Окрім застосування обраного стильового оформлення до загальних елементів всіх сторінок (колір фону, шрифт та колір тексту, стиль оформлення полоси прокрутки і т.д.) для документів:

1. table.html (дозволяється використати зміст практичної роботи №4) описати оформлення таблиці використовуючи виключно засоби CSS. Змінити шрифт (спосіб написання – нормальний, курсив, нахилений; варіант написання – всі літери заглавні для заголовку таблиці) та фоновий колір тексту заголовку та тіла таблиці і т.д. (Всі можливі властивості).

2. form.html (дозволяється використати зміст практичної роботи №5) описати стиль дотримуючись обраного для всієї роботи. Встановити колір фону та колір тексту для текстових полів, елементів керування (кнопок), легенди, випадаючих списків і т.д.

3. Створити таблицю для демонстрації стилів курсорів.

Вимоги до звіту:

1. Звіт повинен бути оформлений на аркуші А4 з дотриманням стандартних вимог.

2. Звіт повинен містити:

a. зовнішній вигляд створених документів.

b. код сторінок який реалізує виконання завдання

c. обґрунтування обраних способів зв’язування документа і таблиці стилів;

d. Висновки.