DHTML DHTML   е изкуството да съчетаваш  HTML, JavaScript, DOM  и  CSS. DHTML   НЕ език или  web  стандарт. DHTML   означа...
<ul><li>•  Въведение • История на DHTML  • Компоненти на DHTML </li></ul><ul><li>•  Структура на уебстраница </li></ul><ul...
Въведение <ul><li>DHTML  е абревиатура на  Dynamic Hypertext Markup Language  (динамичен хипертекстов маркиращ език), с ко...
История <ul><li>През 1960 години, IBM учени са работили по Generalized Markup Language (GML) за описание на документи и тя...
Компоненти на DHTML <ul><li>DHTML изисква четири независими компоненти за работа:  HTML ,  Cascading Style Sheets ,  скрип...
Компоненти на DHTML <ul><li>Scripting : Scripting предоставя механизми, които да тълкуват действията на потребителите и пр...
Структура на уебстраница <ul><li>Обичайно, уебстраниците, използващи DHTML, изглеждат по следния начин: </li></ul><ul><li>...
Заключение <ul><li>D HTML е разширение на HTML. Тя съдържа редица нови етикети, които позволяват да се определи потребител...
Литература <ul><li>http://bg.wikipedia.org/wiki/DHTML </li></ul><ul><li>http://en.wikipedia.org/wiki/Dynamic_HTML </li></u...
Автор <ul><li>Паулина Стефанова Кирова </li></ul><ul><li>Специалност: ККЕТ </li></ul><ul><li>Група:43а </li></ul><ul><li>Ф...
Upcoming SlideShare
Loading in …5
×

DHTML

1,031 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,031
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DHTML

  1. 1. DHTML DHTML е изкуството да съчетаваш HTML, JavaScript, DOM и CSS. DHTML НЕ език или web стандарт. DHTML означава динамичен HTML.
  2. 2. <ul><li>• Въведение • История на DHTML • Компоненти на DHTML </li></ul><ul><li>• Структура на уебстраница </li></ul><ul><li>• Заключение </li></ul><ul><li>• Литература </li></ul><ul><li>• Автор </li></ul>
  3. 3. Въведение <ul><li>DHTML е абревиатура на Dynamic Hypertext Markup Language (динамичен хипертекстов маркиращ език), с която се означава съвкупността от технологии за създаването на интерактивни и анимирани уебсайтове, използващи комбинация от статичен маркиращ език (какъвто е HTML), клиентски скриптов език (какъвто е JavaScript), език за описание на стилове (като CSS), и стандартизирания документен обектен модел (Document Object Model, DOM). </li></ul><ul><li>DHTML позволява на скриптовите езици да сменят променливите на езика, описващ уебстраницата, което на свой ред повлиява на изгледа и функционалността на иначе &quot;статичното&quot; HTML съдържание след като страницата се зареди напълно, както и в процеса на преглеждането ѝ. Така динамичната характеристика на езика DHTML се изразява в начина, по който той функционира по време на прегледа на страницата, а не в способност да се създава уникално съдържание при всяко зареждане на страницата. </li></ul><ul><li>За сравнение, понятието за динамична уебстраница е по-широко формулирано като уебстраница, която зарежда различно съдържание за всеки отделен потребител, при всяко презареждане или за различните стойности на специфични променливи. В това число влизат страници създадени или с клиентски скриптове, или със сървърни скриптове (като PHP или Perl), при които съдържанието се генерира от уеб-сървъра преди да се изпрати до клиента. </li></ul>
  4. 4. История <ul><li>През 1960 години, IBM учени са работили по Generalized Markup Language (GML) за описание на документи и тяхното форматиране. През 1986 г. Международната организация по стандартизация (ISO) прие вариант на този стандарт, наречен Standard Generalized Markup Language (SGML). SGML предлага много сложна система за маркиране на документи, така че появата им не зависи от специфични софтуерни приложения. </li></ul><ul><li>За съжаление, SGML езика е неподходящ за бързо и лесно публикуване в Интернет. Мненията са, че този тип представяне е твърде скучно за масовия пазар на Интернет. Данните трябва да се показва в една интересна структура и т.н. HTML (Hypertext Markup Language) е създаден. HTML е подмножество на SGML. Той променя представянето на съдържанието на документа. HTML представя данни в прозореца на браузъра в множество форми, размери, цветове и предвижда допълнителни функции, като например формуляри и хипервръзки .HTML е добър инструмент за публикуване на малки по размер файлове по Интернет. Въпреки това HTML в традиционната си форма не е достатъчно мощен за създаване на интерактивни и множество богати на документи, които днес налага търговското търсене, уеб сайтове. В един стандартен документ, HTML не може да се уточни, че текст и изображения се намира на точните координати .Повечето компютърни езици за програмиране имат повече функции от HTML. Езикът за програмиране JavaScript има мощен набор от команди. С цел да се съчетаят тези два програмни езика заедно и да се създаде продукт , който ще е търсен на пазара и използван от потребителите, се създава динамичният HTML. </li></ul>
  5. 5. Компоненти на DHTML <ul><li>DHTML изисква четири независими компоненти за работа: HTML , Cascading Style Sheets , скриптове и Document Object Model . HTML : HTML определя структурата на уеб страницата, използвайки основни елементи, като заглавия, форми, таблици, параграфи и връзки. </li></ul><ul><li>Cascading Style Sheets (CSS): Подобно на шаблон с една дума за обработка на документ, чийто стил лист контролира форматирането на HTML елементите. Както и в традиционния за предпечат, може да се използва стила лист да се определят полетата на страницата, точни размери. Cascading Style Sheets е метод за определяне на предимство и за разрешаване на конфликти, когато множество стилове се използват. </li></ul>
  6. 6. Компоненти на DHTML <ul><li>Scripting : Scripting предоставя механизми, които да тълкуват действията на потребителите и предизвиканите от страна на клиента промени в страницата. Например, скриптове могат да интерпретират действия на мишката и ще се предизвика действие с помощта на набор от предварително определени инструкции (като подчертава текста активира с мишката действие) . Въпреки че DHTML може да комуникира с няколко скриптови езици, JavaScript е всъщност стандарт за създаване на кръстосани браузър страници DHTML. </li></ul><ul><li>Document Object Model (DOM): DOM очертава уеб съдържание по начин, който дава възможност на HTML елементи, стилове и скриптови езици да взаимодействат помежду си. </li></ul>
  7. 7. Структура на уебстраница <ul><li>Обичайно, уебстраниците, използващи DHTML, изглеждат по следния начин: </li></ul><ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&quot;> </li></ul><ul><li><html xmlns=&quot; http://www.w3.org/1999/xhtml&quot;> </li></ul><ul><li><head> </li></ul><ul><li><title>DHTML example</title> </li></ul><ul><li><script type=&quot; text/javascript&quot;> </li></ul><ul><li>function init() { </li></ul><ul><li>myObj = document.getElementById(&quot;navigation&quot;); </li></ul><ul><li>// .... more code]] </li></ul><ul><li>} </li></ul><ul><li>window.onload=init; </li></ul><ul><li></script> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li><div id=&quot; navigation &quot;></div> </li></ul><ul><li><pre> </li></ul><ul><li>Often the code is stored in an external file; this is done by linking the file that contains the JavaScript. </li></ul><ul><li>This is helpful when several pages use the same script: </li></ul><ul><li></pre> </li></ul><ul><li><script type=&quot; text/javascript &quot; src=&quot; myjavascript.js &quot;></script> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  8. 8. Заключение <ul><li>D HTML е разширение на HTML. Тя съдържа редица нови етикети, които позволяват да се определи потребителски интерфейс, по отношение на HTML елементи и позволява на потребителите да взаимодействат с този интерфейс. DHTML се състои от няколко свързани технологии: HTML дефинира структурата на информацията, която се пренася за потребителя; Cascading Style Sheets (CSS) определя външния вид на тази информация, която е предоставена, и Document Object Model (DOM) позволява на скриптови езици като VBScript и JavaScript да взаимодействат с HTML елементи в документа. Взети заедно, тези елементи дават възможност да се създават приложения, които не са статични в уеб браузъра. За съжаление,няма все още един стандарт за DHTML и двете водещи компании създатели Netscape Communications и Microsoft, в момента имат различни приложения на DHTML в своите браузъри. </li></ul>
  9. 9. Литература <ul><li>http://bg.wikipedia.org/wiki/DHTML </li></ul><ul><li>http://en.wikipedia.org/wiki/Dynamic_HTML </li></ul><ul><li>http://www.techiwarehouse.com/engine/94eedc1c/DHTML-Tutorial </li></ul><ul><li>http://www.bodomdesign.co.uk/de_dhtml.php </li></ul><ul><li>http://www.w3schools.com/dhtml/default.asp </li></ul><ul><li>http://www.webreference.com/dhtml/ </li></ul>
  10. 10. Автор <ul><li>Паулина Стефанова Кирова </li></ul><ul><li>Специалност: ККЕТ </li></ul><ul><li>Група:43а </li></ul><ul><li>Фак.номер: 355337 </li></ul><ul><li>E-mail: [email_address] </li></ul><ul><li>[email_address] </li></ul>

×