DHTML: Динамично уеб кодиране

• Може 6, 2024

DHTML означава динамична НyperTвътр Мarkup Language и може да се определи като изкуството да правите HTML уеб страници динамични, като комбинирате HTML с Javascript и Cascading Style Sheets (CSS). За разлика от останалите четири варианта на HTML, проучени в предишните четири статии от тази поредица, DHTML не е стандарт, дефиниран от консорциума W3. По-скоро това е „маркетингов термин, използван от Netscape и Microsoft, за да опише новите технологии, които браузърите 4.x поколение биха поддържали“ (W3 Consortium). HTML 4.0 първо въведе два важни компонента, присъщи на структурата на DHTML:

• Каскадни таблици за стилове (CSS)
• Модели на документи на документа (DOM)

Направете своя код динамичен

CSS предоставят модели за стил и оформление, докато DOM предоставят модели за съдържание на документи за HTML документи. JavaScript и VBScript добавят възможност за писане на скриптов код за управление на HTML елементи. Взети заедно, тези три компонента добавят към динамичните HTML страници. Едно от основните възпиращи фактори е несъвместимостта на браузъра - Netscape и Microsoft все още не са се договорили какво да внедрят в своите браузъри: по този начин писането на DHTML страници, които работят добре и в двата браузъра, може да бъде сложно. За да се убедите сами, можете да получите достъп до стандартите на Microsoft и Netscape онлайн:

• MSDN библиотека в Microsoft
• Динамичен HTML в Netscape Communicator

„DHTML превъзхожда създаването на ефекти с ниска честотна лента, които подобряват функционалността на уеб страницата. Може да се използва за създаване на анимации, игри, приложения, осигуряване на нови начини за навигация през уеб сайтове и създаване на външни оформления на световните страници, които просто не са Не е възможно само с HTML. Въпреки че много от функциите на DHTML могат да бъдат дублирани с Flash или Java, DHTML предоставя алтернатива, която не изисква плъгини и се вгражда безпроблемно в уеб страница. "(Dan Steinman, 1998).

За да разберете сложността на DHTML, е полезно да разгледате по-подробно неговите компоненти.

Каскадни стилове

CSS са сложни кодове, които отделят уеб съдържанието от уеб десплей - стила, позиционирането, цветовете, шрифтовете и т.н. CSSP или CSS позициониране позволява контрол на ниво пиксел над позиционирането на HTML елементи. Отделянето на стила на представяне на уеб документите от съдържанието с CSS2 (CSS ниво 2) опростява създаването на уеб сайт и поддръжката на сайта. „CSS2 поддържа таблици за специфични за медиите стилове, така че авторите да могат да приспособят представянето на своите документи на визуални браузъри, аудио устройства, принтери, брайлови устройства, ръчни устройства и др. Тази спецификация също поддържа позициониране на съдържанието, шрифтове за сваляне, оформление на таблицата, функции за интернационализация, автоматични броячи и номериране и някои свойства, свързани с потребителския интерфейс "(Консорциум W3). W3C предлага отличен урок за научаване на CSS2, наречен, CSS2 спецификация.

JavaScript

JavaScript е специален скриптов език, базиран на браузъра, използван за контрол на HTML елементи и добавяне на функционалност към форми, рамки, прозорци, преобръщане на изображения, аудио-видео контрол и манипулиране на DHTML. Netscape за първи път нарече този скриптов JavaScript, така че Microsoft излезе с термина JScript за своята конкретна марка сценарии. Резултатът? Две версии на JavaScript, които могат да бъдат досадно несъвместими. За да проучите този проблем повече, посетете Netscape's Централен JavaScript и Microsoft JScript страница с ресурси. Тайната на динамичните ефекти на съдържанието на JavaScripted е използването на слоеви обекти. Обектите на слоя правят промяна на текста, когато мишката премине върху него; той кара изображенията или текста да се движат около уеб страницата; той също прави падащите менюта падащи. Обектите на слоя са подредени в div тагове с определящи характеристики като цвят, позиция и видимост.

Поставянето им заедно

DHTML обикновено се прилага за постигане на три задачи:

• позиция или поставянето на блокове от съдържание на страницата и преместването им
• Модификации на стила които променят външния вид и усещането на страницата
• Справяне със събития или свързани с потребителски събития с промени в позиционирането или други модификации на стила

В по-новите версии на Internet Explorer и Netscape (версии 5, 6 и по-нови) DOM се превръща в код за избор за повечето DHTML кодиране. След като бъде овладян, DOM може да помогне на уеб дизайнерите да манипулират, добавят, изтриват и редактират кодиране на документи, свързани с всички стилове, атрибути (като href) и елементи (като html тагове) на страницата. Това означава, че всеки маркер и атрибут, общ за HTML документ, е достъпен чрез DOM. Понастоящем нивата на модела на обект на документ 0 и 1 се препоръчват от W3C. Ниво 2 също е в разработка, но все още не е рекламирано като стандарт за кодиране на DHTML.

Помощна група от уроци е достъпна чрез HTML Goodies, наречена DHTML и урок за слоеве.

Връзките, включени в тази статия, предлагат въведения и начини за започване на пътуването ви в овладяването на тази най-нова разработка в HTML кодирането.Всяко бързо търсене в Google ще привлече много повече ресурси към вашето внимание, лесно достъпни под ръка. Тъй като производителите на браузъри работят върху тяхната несъвместимост и използването на браузъри с по-висока версия стават все по-често срещани, DHTML ще стане задължителна част от маршрута на всеки професионален дизайнер.

HTML Маркирайте серия от статии

ЧАСТ 1: Трябва ли достоверният дизайнер да знае HTML?
ЧАСТ 2: HTML 3.2 - Раждането на Уилбър
ЧАСТ 3: HTML 4.0 И 4.01 - Повече от добро нещо!
ЧАСТ 4: XHTML: Уеб кодиране за усъвършенстван дизайн
ЧАСТ 5: DHTML: Динамично уеб кодиране

Инструкции Видео: How to create a Rainbow in java Applet (Може 2024).