- •1.Історія розвитку інтернет
- •3. Поняття інтернет, його сервіси та служби.
- •8. Доменна адресація в Інтернет.
- •9. Основні поняття та класифікація Web-технологій.
- •11. Мови сценаріїв.
- •12. Інструментальні засоби Web-технологій.
- •14. Поняття html.
- •15. Розвиток html
- •16.Поняття тега та структури web-документа
- •18. Теги форматування тексту
- •19. Логічне та фізичне форматування тексту в html. Фізичне форматування:
- •Логічне форматуванн:
- •21. Марковані списки в html. Маркований список
- •23. Заголовки, горизонтальні лінії в html.
- •26. Форматування таблиць в html.
- •27. Кольорове оформлення Веб-документу.
- •28. Формат графічних файлів для Інтернет. Формати зображень, які використовують
- •30. Звук та відео на Веб-сторінках.
- •32.Поділ web-документа на фрейми
- •38.Підключення зовнішньої таблиці стилів
- •39.Внутрішні таблиці стилів
- •34.Візуальні редактори web-сайтів
- •35.Публікації сайту на сервері
- •36.Поняття таблиць каскадних стилів
- •37.Правила опису стилів
- •Id селектори (id Selectors):
- •40.Вбудовані стилі
- •41.Колір і властивості фону
- •42.Влативості блокових елементів
- •44 Властивості шрифту
- •47.Можливості Java Script при впроваджені у web- сторінки
- •48.Способи розташування та правила створення сценаріїв
- •49. Робота з вікнами браузера у Java Script
38.Підключення зовнішньої таблиці стилів
Зовнішня таблиця стилів (External Style Sheet) — це текстовий
файл із розширенням .css. Його підключають до HTML-документа
за допомогою тегу <LINK>, який записують у розділі <HEAD>,
наприклад:
<LINK REL="stylesheet" TYPE="text/css" HREF="mystyle.css">
Атрибути REL та TYPE вказують браузеру на те, що сторінка використовує
таблиці каскадних стилів. Атрибут HREF задає адресу
файлу (mystyle.css).
Перевага такого методу підключення CSS полягає у тому, що одну
таблицю стилів можна підключати до багатьох документів, і всі
вони матимуть єдине стильове оформлення.
39.Внутрішні таблиці стилів
Внутрішню таблицю стилів (Embedded Style Sheet) розміщують
безпосередньо в розділі HEAD, у блоці, який обмежений тегами
<STYLE> та </STYLE>.
<HEAD>
<STYLE>
Тегі { в л а с т и в і с т ь 1 1 : значення11; в л а с т и в і с т ь 1 2 : значення12; ...;
в л а с т и в і с т ь 1 n : з н а ч е н н я і 1 n }
Тег2 { в л а с т и в і с т ь 2 1 : значення21; в л а с т и в і с т ь 2 2 : значення22; ...;
в л а с т и в і с т ь 2 m : значення2m}
</STYLE>
</HEAD>
найпростіша внутрішня таблиця стилів — це
послідовність визначень тегів, кожне з яких записується, як правило,з нового рядка. Визначення тегу містить його ім'я без кутових дужок, за яким у фігурних дужках через крапку з комою
перелічують властивості тегів та їхні значення, розділені двокрапками.
Внутрішні Таблиці Стилів
Вони задають стиль
тільки одному елементу документа за допомогою атрибута STYLE y HTML
тегу.
34.Візуальні редактори web-сайтів
Для створення веб-сайтів існує безліч різних програм. Одні з них є редакторами html, інші - редакторами серверних або клієнтських скриптів, а треті - редакторами таблиць css. Всі вони найчастіше візуалізують процес редагування, і Ви можете бачити як буде виглядати той або інший елемент на Вашому сайті. HTML-редактори можна розділити на дві умовні основні групи: текстові і візуальні. У текстових html-редакторах можна писати й правити html-код вручну. А за допомогою візуальних редакторів Ви можете, не знаючи мову html, створювати веб-сторінки, використовуючи візуалізовані компоненти.
Microsoft FrontPage
Microsoft FrontPage - html-редактор з пакета MS Office. Microsoft FrontPage є візуальним редактором (WYSIWYG - What You See Is What You Get - що бачиш, то й одержиш), але в Microsoft FrontPage код можна також редагувати вручну. Інтерфейс Microsoft FrontPage схожий на інтерфейс Microsoft Word, звичний для більшості користувачів, тому дуже зручний для новачків у веб-дизайні. В Microsoft FrontPage для роботи доступні три режими: Normal, HTML і Preview.
У режимі «Normal» користувач може редагувати текст і картинки як у звичайному текстовому файлі. Засоби редагування в Microsoft FrontPage дозволяють легко форматувати текст, додавати таблиці (навіть таблиці MS Excel!) і малюнки, створювати маркіровані й нумеровані списки користувачам без знань мови html.
У режимі «HTML» користувач може переглядати й редагувати код створюваної веб-сторінки, а в режимі «Preview» може побачити як буде виглядати створювана веб-сторінка в браузері.
Macromedia HomeSite
Macromedia HomeSite є одним з найбільш популярних html-редакторів. Цей редактор допомагає прискорити процес створення html-коду сторінок і сайту в цілому. Робочий простір ділиться на три частини. Перша - вікно з html-кодом, друга - перелік документів, що знаходяться на диску користувача, третя - різноманітні панелі інструментів, які можуть настроюватися користувачем на свій смак. У процесі написання html-коду, HomeSite дає користувачеві зручні спливаючі підказки з переліком можливих атрибутів для поточного тегу, підсвічує теги за певною кольоровою схемою, яку можна змінювати, розташовує на панелі інструментів найбільше часто використовувані теги для прискорення доступу до них.
Adobe Dreamweaver
У популярному візуальному редакторі Adobe Dreamweaver можна редагувати html-коди, причому робити це легко й невимушено. Якщо Ви досить добре знаєте мову розмітки html, то можете скористатися режимом «code», у якому на екрані відображається тільки вікно для редагування коду. Якщо ж Ви не знаєте html або знаєте його не дуже добре, можете скористатися режимом «design», у якому Ви «один до одного» побачите, як буде виглядати Ваш сайт у результаті. Хочете самі писати код і при цьому відразу ж бачити, що вийде в підсумку? Будь ласка: режим «split» відображає два вікна, візуального й звичайного редагування html-кодів. Крім того, якщо Ви забудете який-небудь html-тег, Adobe Dreamweaver дасть Вам спливаючу підказку з усіма доступними в даному місці документа варіантами тегів і їхніх атрибутів.