1. 3/10/11 Lecture 2

2. W3C - 2 The World Wide Web consortium was created in October 1994 to lead the World Wide Web to its full potential by developing common protocols that promote its evolution and ensure its interoperability. W3C's goals for the Web are:  Universal Access  Semantic Web  Web of Trust: http://www.w3schools.com/

3. Static Web Applications 3  The content of page A served to client 1 is exactly the same as the content for page A served to client 2  The web server does not dynamically generate any part of the site’s contents but simply serves static HTML pages loaded from the Web Server’s file systems and sends it to the requesting client

4. Serving an HTML page 4

5. What is xHTML? xHTML stands for eXstensible HyperText Markup Language An xHTML file is a text file containing small markup tags  E.g. The markup tags tell the Web browser how to display the page An xHTML file must have an htm or html file extension  E.g. mypage.html 5

6. Is Mandatory 6 Used to take advantage of HTML's presentational features and when you want to support browsers that don't understand Cascading Style Sheets

7. 7 STRICT when you want really clean markup, free of presentational clutter. Use this together with Cascading Style Sheets TRANSITIONAL FRAMESET when you want to use HTML Frames to partition the browser window into two or more frames

8. 8 Your pages must have a DOCTYPE declaration if you want them to validate as correct XHTML An XHTML DTD describes in precise, computer- readable language, the allowed syntax and grammar of XHTML markup. Validator: http://validator.w3.org/check?uri=http%3A%2F% 2Fwww.w3schools.com%2Fxhtml%2Fdefault.asp

9. First Homepage 9 This is good xHTML Good xHTML

10. 10

11. Comments in xHTML 11 The comment tag is used to insert a comment in the xHTML source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date. Note that you need

12. XHTML Documents Must Have One Root Element 12 All XHTML elements must be nested within the root element All other elements can have sub (children) elements Sub elements must be in pairs and correctly nested within their parent element...

13. XHTML Syntax Rules 13 Attribute names must be in lower case Attribute values must be quoted Attribute minimization is forbidden The id attribute replaces the name attribute The xHTML DTD defines mandatory elements E.g.

14. Basic Elements 14 Organize web content using block level elements:  Heading to  Paragraph  Preformatted text  Blockquote  Address

15. Heading 15 This is good xHTML Good xHTML

16. Paragraph 16 This is good xHTML Good xHTML News WASHINGTON, Oct. 14 — For now, the most powerful law enforcement official in the federal government is a 47-year-old lawyer little known outside Washington. Mahesh Kumar/Associated Press Henrietta H. Fore, a State Department under secretary who also leads an aid agency. Or inside Washington, for that matter.He is acting Attorney General Peter D. Keisler, who is running the Justice Department until a new attorney general is confirmed by the Senate to replace Alberto R. Gonzales. Mr. Keisler had been in charge of the department’s civil division.

17. Preformatted Text 17 This is good xHTML Good xHTML News WASHINGTON, Oct. 14 — For now, the most powerful law enforcement official in the federal government is a 47-year-old lawyer little known outside Washington. Mahesh Kumar/Associated Press Henrietta H. Fore, a State Department under secretary who also leads an aid agency. Or inside Washington, for that matter.He is acting Attorney General Peter D. Keisler, who is running the Justice Department until a new attorney general is confirmed by the Senate to replace Alberto R. Gonzales. Mr. Keisler had been in charge of the department’s civil division.

18. Blockquote 18 The tag is supposed to contain only block-level elements within it, and not just plain text To validate the page as strict XHTML, you must add a block-level element around the text within the tag The blockquote element creates white space on both sides of the text.

19. Blockquote 19 This is good xHTML Good xHTML Podge and Rodge Here comes a long quotation: Podge and Rodge are the two characters from A Scare at Bedtime and The Podge and Rodge Show, an Irish adult comedy televised puppet show. The characters were created and are produced by Ciaran Morrison and Mick O'Hara, who also voiced the characters of Zig and Zag and Bronx Bunny and Teddy T.

20. Address 20 This is good xHTML Good xHTML Podge and Rodge Donald Duck Box 555 Disneyland

21. More Formatting Tags Break rule Emphasis Strong emphasis Renders as teletype or mono spaced text Renders as italic text Renders as bold text Renders as bigger text Renders as smaller text 21

22. XHTML Syntax Rules 22 Attribute names must be in lower case Attribute values must be quoted Attribute minimization is forbidden The id attribute replaces the name attribute The xHTML DTD defines mandatory elements E.g.

23. Using the (Horizontal Rule) tag 23 Draw a horizontal rule across our Web Page Separate sections of content from each other The tag is a standalone or empty tag For this tag to comply with the standards set out for XHTML we use a “/” to indicate that it is an empty tag

24. Recommended Reading 24 http://www.useit.com/alertbox/9710a.html Customer-friendly : design guidelines for e- commerce (Feller, 2000) http://www.useit.com/ Nielson http://www.useit.com/ http://www.w3schools.com/ http://www.w3.org/WAI/mobile/