![](/user_photo/2706_HbeT2.jpg)
- •5.06.01 Блок змістовних модулів html
- •5.06.01.01 Модуль Мова html
- •Контрольні питання:
- •Що собою представляє стандарт dom?
- •Як dom подає документ? Об'єктна модель документа
- •Контрольні питання:
- •Назовіть класифікацію способів доступу до об’єктної моделі. Коментарі в html
- •Контрольні питання:
- •1. Для чого використовують коментарі ?
- •Як записуються коментарі в html ? Класифікація тегів
- •Контрольні питання:
- •Теги для відкриття/закриття документів та їх частин.
- •Теги для створення і редагування html-текстів. Теги логічного форматування
- •Контрольні питання:
- •Що таке логічне форматування?
- •Назовіть теги логічного форматування. Список описів
- •Контрольні питання:
- •Для чого використовується список описів?
- •Синтаксіс запису списку описів. Зміна кольору фону рядків
- •Контрольні питання:
- •Синтаксіс запису тегу задання фону рядків. Якірні теги
- •Контрольні питання:
- •Поняття якірного тегу.
- •Гіпертекстові посилання.
- •Синтаксис якірного тегу. Теги для виконання переадресації ресурсів
- •Контрольні питання:
- •Для чого призначенний тег link ?
- •Атрибути тегу link ? Маршрутизатори
- •Контрольні питання:
- •1. Що собою представляють маршрутизатори ?
- •2. Синтаксис тегу маршрутизатора.
- •5.06.01.02 Модуль Фрейми Метатеги
- •Контрольні питання:
- •Контейнер для впровадження об’єктів.
- •Синтаксис контейнеру для впровадження об’єктів.
- •Параметри тегу object. Вставка аплетів
- •Контрольні питання:
- •Контейнер для впровадження аплетів.
- •Атрибути тегу Applet. Використання палітри кольорів
- •Контрольні питання:
- •Способи кодування кольорів у web-технологіях.
- •Теги й атрибути для задання колірної гами документа. Блокові та рядкові елементи
- •Контрольні питання:
- •Поняття блокового елементу розмітки.
- •Поняття рядкового елементу розмітки.
- •Теги для стильового узагальнення рядкових і блокових елементів. Властивості css
- •5.06.03.01 Модуль Інтерактивні і мультимедійні засоби web
- •Контрольні питання:
- •Тег уведення декількох рядків тексту.
- •Тег спливачіх меню. Вставка звукових файлів
- •Контрольні питання:
- •Тег вставки звукового файлу
- •Тег встановлення фонової музики
Контрольні питання:
Для чого призначенний тег link ?
Атрибути тегу link ? Маршрутизатори
Зображення також можна використовувати як маршрутизатор гіперпосилання:
<А href="URL" ><IMG src="URL"></A>. :V.
У документах HTML крім тексту можуть бути присутні графічні зображення, для вставки яких використовують тег <!MG>.
Допускається використання файлів у форматі GIF, PNG чи JPEG, оскільки більшість браузерів мають інтегровані модулі декодування для відтворення даних форматів, а для систем, що працюють під керуванням операційних систем сімейства Windows, допускається використання файлів формату BMP. Наступний приклад демонструє вставку в документ JPG-файла):
<IMG src-logojpg width=''542" height="407" alt="Microsoft">
Тут атрибут src=" " визначає URL-адресу графічного файлів
У наведеному прикладі файл буде розміщений в області шириною 542 і висотою 407 пікселів відповідно. Можна задавати відносні розміри картинки у відсотках. Якщо розміри, зазначені атрибутами height-' " (висота) і width-" " (ширина), не збігаються з розмірами графічного файла, то останній масштабується. Масштабування може призвести до різкого погіршення якості графічного файла, тому рекомендується задавати розміри рисунку, що відповідають розмірам графічного файла, чи не вказувати їх взагалі. Проте для великих графічних файлів рекомендується завжди задавати їхні розміри для прискорення роботи браузера. Якщо розміри не задані, то, зустрівши рисунок, браузер припиняє зчитувати сторінку і чекає завантаження всього малюнка для того, щоб визначити його розміри, а це затримує відображення сторінки в цілому.
Приклад вставки зображення:
Атрибут alt=".." вказує браузеру на те, який саме текст слід підставити на місце зображення, якщо користувач відключив завантаження графічних файлів чи через розрив з'єднання файл не було завантажено.
Зображення можна так само використовувати в якості маршрутизатора гіперпосилання.
Наприклад:
За замовчуванням браузер рисує рамку (бордер) навколо зображення.
Контрольні питання:
1. Що собою представляють маршрутизатори ?
2. Синтаксис тегу маршрутизатора.
5.06.01.02 Модуль Фрейми Метатеги
Пошукові сервери при реєстрації web-сервера, сайта або сторінки використовують інформацію, що зберігається в спеціальних тегах <meta>.
Метатеги — це службові теги, що не опрацьовують корисний текст документа, а призначені для управління документом у цілому. Метатеги завжди перебувають у заголовній частині, їх може бути будь-яка кількість, вони завжди однокомандні і завжди з атрибутами.
Метатеги мають два можливих атрибути:
<МЕТА name =ім'я об'єкта, яким хочемо управляти content = значення >
або
<МЕТА
HTTP-EQUIV = ім'я http-заголовка content = значення>
Приклад:
<Meta name="description" content="This is my document">
Метатеги мають знаходитися в заголовку HTML-документа між <HEAD> і </HEAD> (особливо це важливо для документів, що використовують фрейми).
Розглянемо варіанти складання метатегів, які найбільш часто використовуються.
1) Для того, щоб при завантаженні документа браузер брав його останню версію, а не версію з кеша:
<МЕТА
HTTP-EQUIV="expires"
content="Mon, 13 Nov 2004 00:00:01 GMT">
Якщо content="0", mo обновити потрібно зараз же
2) Для визначення браузером мови, якою написано сторінку:
<МЕТА HTTP-EQU7 V'=' 'content-Type" content-"text/htmi; charset=Windows-1251">
3) Для примусового перезавантаження або автоматичного завантаження будь-якого документа:
<МЕТА HTTP- EQ Ul V- "refresh" content-"t"; url=адреса>
Час завантаження в секундах, після закінчення якого браузер почне завантаження за зазначеною адресою;
4) Для управління кешуванням:
<МЕТА
HTTP-EQUIV="cashe-control" content="public/private/no-cashe/no-store">
5) Для контролю рівня «дорослості» сайта (платформонеза-лежна схема рейтингу):
<МЕТА HTTP-EQUIV="pics-label"
content~"vioience">
6) Для визначення вікна поточної сторінки: <МЕТА
HTTP-EQUIV="window-target" content-'top/bottom">
7) Для зазначення імені автора і додаткової інформації про нього:
<МЕТА name='autor"
Content=''Ваші П.І.Б., E-Mail.. ">
]8) Для зазначення відомостей щодо авторських прав:
<МЕТА
name="copyright" сопІепІ="Ваша_фірма...">
9) Для зазначення ключових слів і термінів:
<МЕТА
name="keywords" content-'Ключові слова">
Призначений для пошукових систем (індексування)» Максимальна довжина — 1000 символів;
10) Для короткого опису сторінки:
<МЕТА
Name='description" content-"Onuc_Cmopiнкu">
Рекомендації з використання метатегів:
1) пошукові машини, як правило, працюють з метатегами і тільки за їх відсутності — із вмістом сторінки;
2) від коректності складання метатегів залежить швидкість відтуку сайта за допомогою пошукових систем;
3) метатеги корисні, якщо в документі мало тексту; головна сторінка зроблена у вигляді скрипту; головна сторінка е фрейм-сетом;
4) у ключових словах і описах слід використовувати якомога більшу кількість синонімів. Ключові слова мають повторюватися не менше трьох разів;
5) довжина вмісту метатегів descriptions не повинна перевищувати 200 символів, a keywords — 1000 символів. Це пов'язано з тим, що пошукові сервери, як правило, використовують саме такі величини при індексуванні інформації про сайт. Пошукові машини відкинуть частину опису, що перевищує встановлені норми, у результаті чого в каталог потрапить не вся бажана інформація, або сервер просто відкине реєстрацію сайта.
Контрольні питання:
Поняття метатега.
Назовіть атрибути метатегів.
Де повинні знаходитися метатеги в HTML-документі ?
Як виглядає метатег для зазначення відомостей щодо авторських прав?
Як виглядає метатег для зазначення імен автора і додаткової інформації про нього?
Рекомендації з використання метатегів.
5.06.02 Блок змістовних модулів
Графічні інструменти WEB і формати графічних файлів
5.06.02.01 Модуль Графічні інструменти WEB і формати графічних файлів
Вставка об'єктів
Для впровадження об'єктів застосовується контейнер <OBJECT>. Він призначений для впровадження аплетів на JAVA, Active і об'єктів типу МІМЕ.
Синтаксис:
<object параметри>
<раrат атрибути.. >
</object>
Усередині <object> знаходяться теги
<param name=ім'я властивості об'єкта
Value=значення, присвоєне властивості об'єкта>.
Вони дозволяють передати об'єкту деякі значення.
Приклад: <param name=«pole1» value="12345">;
Припустимі параметри тегу object:
id — ім'я об'єкта в документі;
data — адреса ресурсу, звідкіля об'єкт повинен одержати дані;
type — визначає МІМЕ-тип об'єкта;
align — задає вирівнювання;
classid-'CLSID: 1234-хххх-хх...". Клас ID визначає унікальний ідентифікатор, що присвоюється об'єкту при створенні;
codebase — визначає адресу, звідкіля був отриманий об'єкт (де знаходиться код об'єкта);
codetype — визначає тип носія Інтернет-коду (необов'язковий);
height та width — висота та ширина в пікселах вікна для заданого об'єкта відповідно;
name — визначає ім'я для об'єкта, якщо він є частиною формуляра;
border—ширина рамки в пікселах.