Дом-модель. Понятие дом-модели

DOM (от англ. Document Object Model - объектная модель документа) — это не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML XML документов, а также изменять содержимое, структуру и оформление таких документов.

Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями «родительский-дочерний».

Изначально различные браузеры имели собственные модели документов, не совместимые с остальными. Для обеспечения взаимной и обратной совместимости, специалисты международного консорциума W3C классифицировали эту модель по уровням, для каждого из которых была создана своя спецификация. Все эти спецификации, объеденные в общую группу, носящую название W3C DOM.

Внутренняя модель документа создаётся при загрузке страницы в браузер, которая будет содержать все элементы HTML разметки для каждого из которых браузер создаёт объект, который будет представлять соответствующий элемент и размещать его в древовидной структуре со всеми остальными объектами. Данная модель играет важную роль как добавляется поведение к веб-страницам с помощью js. Вся прелесть Объектной модели документа заключается в том, что она обеспечивает согласованный между всеми браузерами способ получения доступа к структуре и содержимому HTML из кода.

Примеры дом-моделей сайтов имеющие разнообразные уровни сложности.

Внутренняя модель документа создаётся при загрузке страницы в браузер, которая будет содержать все элементы HTML разметки для каждого из которых браузер создаёт объект, который будет представлять соответствующий элемент и размещать его в древовидной структуре со всеми остальными объектами. Данная модель играет важную роль как добавляется поведение к веб - страницам с помощью js. Вся прелесть Объектной модели документа заключается в том, что она обеспечивает согласованный между всеми браузерами способ получения доступа к структуре и содержимому HTML из кода.

2.4

DOM-дерево. Главная.

 

 

Document

HTML

HEAD

BODY

BOX

Link

Style

Title

Meta

Js

Nav

Header

Div

Footer

P

H2

H1

H2

Img

Img

Img

H1

Ul

Li

Li

Li

Li

Li

A

A

A

A

A

 

DOM-дерево. Сотрудники.

 

 

Document

HTML

HEAD

BODY

Link

Style

Meta

Title

Js

BOX

Nav

Footer

P

HTML

Table

Img

Ul

H1

Li

A

Li

Li

Li

Li

A

A

A

A

Tr

Tr

Tr

Tr

Tr

Tr

2Td

2Td

2Td

2Td

2Td

 

 

DOM-дерево. Портфолио.

 

Document

 

 

HTML

BODY

BOX

HEAD

Link

Style

Title

Meta

Js

Nav

Footer

P

Img

Ul

H1

Li

A

Li

Li

Li

Li

A

A

A

A

Content

Ul

Ul

Ul

4Li

4Li

4Li

4Img

4Img

4Img

 

 

DOM-дерево. Оформить заказ.

 

Document

HTML

HEAD

BODY

BOX

Nav

Img

Ul

H1

Li

A

Li

>

A

Li

b y6LCBs3wHJjYD2hwTeJtM44dNP02qJf/Mrj7DgAA//8DAFBLAwQUAAYACAAAACEAX9d10eAAAAAL AQAADwAAAGRycy9kb3ducmV2LnhtbEyPwU7DMBBE70j8g7VI3KhdUrVRiFNVleAEQqRFcHTiJYmI 11HstqFfz3Iqx50Zzb7J15PrxRHH0HnSMJ8pEEi1tx01Gva7x7sURIiGrOk9oYYfDLAurq9yk1l/ ojc8lrERXEIhMxraGIdMylC36EyY+QGJvS8/OhP5HBtpR3PictfLe6WW0pmO+ENrBty2WH+XB6fh vKPh4z2cy+386bUPzxv18lnttb69mTYPICJO8RKGP3xGh4KZKn8gG0SvIVmkvCWyodQKBCeSdMFK xUqyXIEscvl/Q/ELAAD//wMAUEsBAi0AFAAGAAgAAAAhALaDOJL+AAAA4QEAABMAAAAAAAAAAAAA AAAAAAAAAFtDb250ZW50X1R5cGVzXS54bWxQSwECLQAUAAYACAAAACEAOP0h/9YAAACUAQAACwAA AAAAAAAAAAAAAAAvAQAAX3JlbHMvLnJlbHNQSwECLQAUAAYACAAAACEAD4bgY68EAAB6EAAADgAA AAAAAAAAAAAAAAAuAgAAZHJzL2Uyb0RvYy54bWxQSwECLQAUAAYACAAAACEAX9d10eAAAAALAQAA DwAAAAAAAAAAAAAAAAAJBwAAZHJzL2Rvd25yZXYueG1sUEsFBgAAAAAEAAQA8wAAABYIAAAAAA== " adj="-11796480,, 5400" path="m38100, r-1, c17057,,, 17057,, 38099l, 190500v, 21042, 17057, 38099, 38099, 38100l190500, 228600v21042, -1, 38100, -17058, 38100, -38100l228600, 38100c228600, 17057, 211542,, 190500, l38100, xe" strokecolor="#4f81bd" strokeweight=".35mm">

A

Li

A

Li

A

Content

Footer

P

Link

Meta

Title

Js

Style

H1

Ul

Li

Li

Li

Li

Li

Button

A

A

A

A

A

 

 

DOM-дерево. Контакты.

 

 

Document

HTML

BODY

BOX

HEAD

Link

Style

Js

Title

Meta

Nav

Content

Footer

P

Img

Ul

H1

Li

Li

Li

Li

Li

Button

Ul

H1

Li

Li

Li

Li

Li

A

A

A

A

A

A

A

A

A

A

Технология реализации создание веб-студии средствами, HTML, CSS, JavaScript, MySQL.

Карта сайта.

 

Оформить заказ

Контакты

Главная

Портфолио

Сотрудники

Руководитель Янина

Аналитик Евгений

Программист Костантин

Проектировщик Максим

Верстальщик Дмитрий

Тестер Владислав

Художник Светлана

Художник Богдан

Художник Иван

Тестер Анатолий

Редактор Станислав

Редактор Максим

 

 

 

Творческий вклад участников веб-студии при создании сайта веб-студии.

В веб – студии «» я занимаю должность тестера и верстальщика. Мне поручили сверстать определенную страницу веб – студии. Я верстал страницу Portfolio. Вместе со мной страницы сайта верстали Митя и Анатолий. Мы создавали их по мокапам наших дизайнеров. Наша задача полагалась в том, чтобы воплотить мокапы в реальный сайт. И я думаю, что мы справились с этой задачей.

Плюсы моей работы:

Работал по указаниям директора и аналитика.

Добавлял свои идеи в веб – студию.

Помогал другим участникам веб – студии.

Минусы:

1. Не сразу выполнил назначенную работу.

2. Иногда спорил с директором и аналитиком.

Я старался как мог. Думаю, что за эти полгода мы сверстали хороший сайт, но можно была бы и получше.

 

Устав

⇐ Предыдущая1234Следующая ⇒

Поделиться:

Популярное:

1. I. Понятие и система криминалистического исследования оружия, взрывных устройств, взрывчатых веществ и следов их применения.
2. I. Понятие криминалистической тактики.
3. IV. Понятие о частях речи (ЧР)
4. V1: Понятие, объект, предмет и система криминологии
5. Административная юрисдикция. Понятие и основные черты.
6. Административно-процессуальные нормы: понятие и виды
7. Административно-юрисдикционный процесс: понятие, признаки, принципы. Административно-юрисдикционные производства.
8. Административное задержание: понятие, сроки
9. Административное принуждение: понятие и классификация.
10. Административный надзор, понятие, виды, органы.
11. Акт применения правовых норм: понятие, особенности, виды
12. Ассортимент: понятие и структура