Главная Обратная связь

Дисциплины:






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



 

Тема: Створення та приєднання до документу каскадних таблиць стилів (CSS).

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

1. Створити Web-сторінку яка має містити текстову частину, вставлене “плаваюче” зображення, гіперпосилання на інші сторінки.

Відформатувати текст сторінки з використанням “безпечних” елементів CSS:

Для документу:

- Задати фонове зображення і колір фону документу;

- Описати стилі форматування заголовків різного рівня;

Для абзацу:

- Встановити шрифт, розмір, колір основного тексту абзацу;

- Встановити відступ першої строки тексту;

- Визначити вирівнювання тексту;

- Встановити значення відступів навколо блоку тексту;

- Декілька слів всередині абзацу закреслити.

Для гіперпосилання:

- Гіперпосилання не повинні підкреслюватись;

- Встановити колір гіперпосилань у різному стані.

Для зображення:

- Встановити значення відступів навколо зображення;

- Визначити вирівнювання елементу;

2. Створити напис з тінню:

3. Засобами CSS створити фон сторінки з ім’ям та прізвищем студента, що виконав роботу.

При виконанні завдання задати правила каскадних таблиць:

- групуванням селекторів (якщо для них задається одне правило) та групуванням визначень;

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

- застосувати ідентифікатор.

Поєднати документ і таблицю стилів методом:

- Зв’язування

- Впровадження

- Вбудовування в теги документа.

 

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

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

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

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

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

c. висновки.


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

 

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

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

 

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

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

1. MENU.html

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

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



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

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

 

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

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

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

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

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

c. висновки.

 





sdamzavas.net - 2018 год. Все права принадлежат их авторам! В случае нарушение авторского права, обращайтесь по форме обратной связи...