1. DHTML

2. What is it? Dynamic HTML. Not a standard unlike HTML or Java It is a term applied by both Netscape and Microsoft to a collection of technologies that they are developing for making HTML documents more dynamic and interactive.

3. DHTML features Style sheets Content positioning DOM

4. Style sheets A web page has two component: a.Content b.Presentation Style sheets are used to specify the presentation part of the web page. They are collection of style information that are applied to plain text. Style information include special effects(bold, italics, underline), color and alignment. CSS2 – W3C

5. Advantage Standardizing the styles for all pages by making a common file that will store all style information. Content can be written without worrying much about the rendering. Some tags like is rendered in different browsers in a different way. Using style sheets, a web designer can be sure that their content will look the same on every browser.

6. Three ways to include style Embedded style Inline style Linked styles Setting up style info- an example Microsoft way BODY { font: 12 pt Arial; color: navy; margin- left: 0.25in } H1 { font: 18 pt Arial; color: red }

7. Embedded style : tag BODY { font: 12 pt Arial; color: navy; margin-left: 0.25in} H1 { font: 18 pt Arial; color: red} Dynamic Web Pages The need of dynamic web pages; an overview of DHTML, cascading style sheet, comparative studies of different technologies of dynamic page creation

8. Inline style Name Reg No. XXXX 55555

9. Linked style Linking to a style info in a separate file. BODY { font: 12 pt Arial; color: navy; margin-left: 0.25in} H1 { font: 18 pt Arial; color: red} style.css Dynamic Web Pages The need of dynamic web pages; an overview of DHTML,cascading style sheet, comparative studies of different technologies of dynamic page creation

10. Cross-browser style.myclass { font-size: 20pt; color: red; font-family: Arial; } Dynamic Web Pages The need of dynamic web pages; an overview of DHTML, cascading style sheet, comparative studies of different technologies of dynamic page creation

11. Content positioning with Netscape’s- Layer and tags are used for positioning HTML elements. tag defines layers that are absolutely positioned; tag define layers that are positioned relative to where they would otherwise have appeared in the html document.

12. Yes!

13. Dynamic content Microsoft way inner html function change() { t.innerHTML="See the title changed"; } Dynamic Web Pages