WWW.REFERATCENTRAL.ORG.UA - Я ТУТ НАВЧАЮСЬ

... відкритий, безкоштовний архів рефератів, курсових, дипломних робіт

ГоловнаІнформатика, Компютерні науки → Використання каскадних листів стилів (лабораторна) - Реферат

Використання каскадних листів стилів (лабораторна) - Реферат


Лабораторна робота
на тему:
Використання каскадних листів стилів
Мета:
1. Засвоїти застосування листів стилів та використання відповідних дескрипторів та атрибутів.
2. Засвоїти застосування спеціальних атрибутів форматування.
3. Набути навички застосування стилів для форматування певних елементів.
4. Набути навички застосування різних стилів до окремих розділів сторінки.
Завдання :
1. Застосувати каскадні листи стилів до трьох сторінок, що у практичній роботі №8 підготовлені самостійно і завантажуються у фрейм №4 при обранні трьох перших гіперпосилань у фреймі №2, наступним чином:
Для першої сторінки:
- визначити стиль для документу - фон блакитний;
- визначити стиль для заголовку - шрифт Arial, колір червоний, вирівнювання за центром сторінки;
- визначити стиль для абзацу - шрифт Sans Serif, курсив.
Для другої сторінки:
- визначити стиль для заголовку - шрифт Times New Roman, розмір 14 пунктів, колір зелений;
- визначити стиль для абзацу - шрифт Courier, напівжирний.
Для третьої сторінки, розбитої на два розділи:
- застосувати стиль 1-ої сторінки для 1-го розділу;
- застосувати стиль 2-ої сторінки для 2-го розділу;
У ході виконання роботи було створено ряд гіпертекстових файлів. Для виконання перших завдань з таблицями стилів, було внесено у код сторінок ознаки стилів. Надалі аби поєднати декілька стилів на одній сторінці булла створена фреймова структура та вказано посилання на таблиці стилів у заздалегідь створених файлах. Таким чином утворена сторінка з 4-х фреймів містила один навігаційний фрейм та однин - для відображення сторінок, наразі туди була завантажена сторінка з фреймовою структурою. Код створених сторінок наступний:
ГОЛОВНА СТРІНКА ЗФРЕЙМАМИ:
lab_6
СТОРІНКА З КАСКАДНИМИ СТИЛЯМИ №1:
laba_6 таблиці стилів
BODY {background: #6A93C4;}
H3 {font: 14pt arial; color: #C70303; text-align: center}
P {font: sans serif; font:italic; }
Документ з впровадженими таблицями стилів 1
Даний документ має блакитний фон
Усі заголовкт 3-го рівня будуть виведені 14 кеглем шрифт Arial, колір червоний, вирівнювання за центром сторінки
Абзаци в документі - шрифт Sans Serif, курсив
СТОРІНКА З КАСКАДНИМИ СТИЛЯМИ №2:
laba_6 таблиці стилів
BODY {BACKGROUND: #6a93c4}
H3 {FONT: 14pt Times New Roman; COLOR: #47834e}
P {FONT-WEIGHT: bold}
Документ з впровадженими таблицями стилів 2
Даний документ має блакитний фон
Заголовки 3-го рівня шрифт Times New Roman, розмір 14 пунктів, колір
зелений
Абзаци в документі - шрифт Courier, напівжирний
СТОРІНКА З КАСКАДНИМИ СТИЛЯМИ №3:
laba_6 таблиці стилів
Loading...

 
 

Цікаве