У роботі розглядаються
- Каскадні таблиці стилів
- CSS
- HTML
- Вебдизайн
- Селектори
- Оформлення вебсторінок
Лабораторна робота № 9. Каскадні таблиці стилів
Інформація про навчальний заклад
ВУЗ:
Івано Франківський національний технічний університет нафти і газу
Інститут:
ООП
Факультет:
Факультет інформаційних технологій та комп ютерної інженерії
Кафедра:
Не вказано
Інформація про роботу
Рік:
2014
Тип роботи:
Лабораторна робота
Предмет:
Програмування
Група:
КН-1
Коротко про документ
Про що ця робота
У роботі розглядаються методи використання каскадних таблиць стилів CSS для оформлення HTML-документів. Наведено приклади коду CSS та результати їх застосування на вебсторінці.
Зміст і розділи
- Мета
- Хід виконання
- Результат роботи
- Висновок
Для кого:Студенти технічних спеціальностей, які вивчають вебтехнології.
Викладачі:Викладач кафедри
Ключові поняття
CSSHTMLкаскадні таблиці стилівтегивебсайтDreamweaverшрифтфон
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний технічний університет нафти і газу
Кафедра комп'ютерних систем та мереж
Лабораторна робота №9
Тема: Каскакдні таблиці
Мета: Освоїти основні методи використання каскадних таблиць стилів CSS. Навчитися вказувати властивості для елементів гіпертекстової розмітки HTML-документа, створювати свої класи стилів.
Хід виконання:
Для початку створюю таблицю стилів CSS
BODY {
font-family:Times New Roman;
Background: rgb(264,236,209);}
P {line-height:normal;
text-indent:inherit;
font-size:medium; font-size:14px;
color:blue;
text-shadow: -1px -1px 1px white;
font-size: 120%;
text-align: center;
font-family: Geneva, Arial;}
DIV{color:orange;}
A:link, A:visited {
color: green;
text-decoration: none;
}
A:hover {
color:yellow ;
text-decoration: underline;
}
DIV{
background: rgb(224,197,112);
padding: 0px;
text-align: center;
border-radius: 15px;
border-bottom: 4px solid grey;
border-top-style: groove;
border-bottom-style: groove;
font-family: "Times New Roman";
font-size: 130%;
color: black;
z-index: 15;
}
Table{background: rgb(171,232,111);
padding:1px}
Потім привязуюю її до раніше створенного веб-сайту «Використання вWeb- редактора Dreamweaver»
/
Результат роботи
/
Висновок:
Створення каскадних таблиць стилів для Web-сторінок є досить легким процесом оформлення контенту, оскільки CSS дає широкий набір інструментів для редагування та створення дизайну, зокрема маніпулювання різноманітними тегами, використаними у Web-сторінці.
Допоможи студентському архіву
Ми допомогли тобі — допоможи наступному студенту
Оголошення від адміністратора
Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!