- •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
- •Контрольні питання:
- •Тег уведення декількох рядків тексту.
- •Тег спливачіх меню. Вставка звукових файлів
- •Контрольні питання:
- •Тег вставки звукового файлу
- •Тег встановлення фонової музики
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ПРИАЗОВСЬКИЙ ДЕРЖАВНИЙ ТЕХНІЧНИЙ УНІВЕРСИТЕТ
МЕХАНІКО-МЕТАЛУРГІЙНИЙ ТЕХНІКУМ
МЕТОДИЧНІ ВКАЗІВКИ
до самостійної роботи студентів
з дисципліни: “Web-дизайн”
для студентів 4 курсу
спеціальності: “Програмування для електронно-обчислювальної техніки й автоматизованих систем”
Розробив викладач
Красковсська Н.О.
Розглянуто та затверджено
на засіданні циклової комісії
“Розробка програмного забезпечення”
Протокол №__від ”___”_______2010 р.
Голова комісії_________Ількевич В.О.
Маріуполь
2010
5.06.01 Блок змістовних модулів html
5.06.01.01 Модуль Мова html
Поняття стандартного DOM
Розглянемо основні поняття об'єктної моделі документа (англ. DOM — Document Object Model).
DOM — це сукупність об'єктів, якою може бути поданий документ. Саме виходячи з об'єктної моделі документ генерується спеціальним програмним забезпеченням після передачі його каналами зв'язку на клієнтську сторону.
Наприклад, після завантаження web-документа він генерується браузером (спеціальною програмою клієнтської сторони). При генерації документа браузер повинен забезпечувати ту чи іншу версію DOM.
На сьогодні DOM — прикладний інтерфейс програмування для HTML- і XML-документів.
Стандарт визначає логічну структуру документа і засоби доступу і маніпулювання документами. DOM розроблений з метою використання з будь-якими мовами програмування. На сьогоднішній день найбільш популярні реалізації стандарту OMG (Object М Group) та IDL (Interface Definition Language). Стандарт DOM специфікує інтерфейси, що можуть використовуватися для управління XML- або HTML-документами.
DOM подає документ як ієрархію об'єктів Node (вузли), що реалізують інші, більш спеціалізовані інтерфейси (див. табл. 2). Деякі типи вузлів можуть мати успадковані вузли різноманітних типів, інші ж Node є листками дерева і від них не може нічого успадковуватися.
Типи вузлів у DOM
Вузли (Node) |
Успадковані вузли |
|
1 |
2 |
|
Document |
Element (максимально — 1), Comment, Processinglnstruction, DocumentType |
|
DocumentFragment |
Comment, Processinglnstruction, DocumentType, Text, CDataSection, EntityReference |
|
DocumentType |
He має |
|
Element |
Element, Comment, Processinglnstruction, Text, CDataSection, EntityReference |
|
EntityReference |
Element, Comment, Processinglnstruction, Text, CDataSection, EntityReference |
|
Attr |
Text, EntityReference |
|
Processinglnstruction |
He має |
|
Comment |
» |
|
Text |
» |
|
CDATASection |
» |
|
Notation |
|
|
Entity |
Element, Comment, Processinglnstruction, Text, CDataSection, EntityReference |
Більшість API визначені не стільки як класи, скільки як інтерфейси.
Це означає, що реальне втілення інтерфейсу потребує розширення методів визначення імен специфікації операцій. Звідси випливає, що звичайні конструкції мов ООП не можуть бути використані для створення DOM-об'єктів. Відповідним рішенням для цього в ООП є визначення фабричних методів (factory-методів), що створюють сутності об'єктів.
Наприклад, у інтерфейсі document створюється деякий документ X за допомогою методу create( ) інтерфейсу document, де X — це ім'я об'єкта.
Ядро DOM АРІ розроблено з метою забезпечення сумісності широкого діапазону мов.
Більш докладно характеристики деяких інтерфейсів розглянемо в наступних розділах.