Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология
Образование Политология Производство Психология Стандартизация Технологии


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



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. Иногда спорил с директором и аналитиком.

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

 

Устав


Поделиться:



Популярное:

Последнее изменение этой страницы: 2016-04-10; Просмотров: 824; Нарушение авторского права страницы


lektsia.com 2007 - 2024 год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! (0.024 с.)
Главная | Случайная страница | Обратная связь