Dynamic XHTML documents • !"#$%&'(& )&( ("*%+( XHTML '( ,-,+( µ-,",./ /( (0012,3/ $('1 '4 5&1"$%&( '46 -(",37+(786 ',36 7', -("193", %/#6 -0,4),.. • : -,&# $,&/#6 '"#-,6 30,-,+4746 53/(µ&$;/ %))"10%7µ( (0040%-&5"17%=/ ',3 *"87'4 µ% ',/ -0,4)# – C% '($'1 *",/&$1 5&(7'8µ('( – D'(/ -",$.-',3/ $1-,&( 73µA1/'( 7',/ -0,4)#

• Def: A dynamic HTML document is one whose tag attributes, tag contents, or element style properties can be changed after the document has been and is still being displayed by a browser Chapter 5

© 2010 by Addison Wesley Longman, Inc.

2

1

Dynamic XHTML

Positioning Elements • C'&6 ("*&$>6 %$5#7%&6 '46 HTML $(& '=/ -0,4);/, 4 7',&*%&,9%7+( '=/ 7',&*%+=/ HTML 7'4/ ,9#/4 '=/ -0,4);/ 8'(/ (-08 - , -",)"(µµ('&7'86 %+*% µ&$"8 %-&"",8 7'4/ -(",37+(74/',-,9>'474 '=/ HTML 7',&*%+=/ 7'4/ ,9#/4: – !+/($%6, !0(+7&( (frames)

• Cascading Style Sheets-Positioning (CSS-P): – @/($,&/;94$(/ (-# ', W3C ', 1997 – !08"46 3-,7'8"&24 (-# IE8, FX3

3

4

!"#$%&%'%() CSS-P

Style properties !

• T,-,9>'474 ,-,&,358-,'% 7',&*%+,3 HTML ,-,358-,'% 7'4/ ,9#/4 -(",37+(746 %/#6 %))"1( 9>74, µ% 53/(µ&$# '"#-, $(& =6 (-,'>0%7µ( %$'>0%746 JavaScript %/',0;/ )&( '",-,-,+474 '=/ &5&,'8'=/ '%*/,'",-+(6 (style properties) ',3 7',&*%+,3 • E5&#'4'%6 '%*/,'",-+(6 -",6 (00()8: – left: (-#7'(74 7',/ 12,/( '=/ F ',3 -1/= ("&7'%"1 74µ%+,3 ',3 -%"&A08µ(',6 ',3 HTML 7',&*%+,3 (-# $1-,&, 74µ%+, (/(