120 likes | 224 Views
Writing Web Pages With XHTML. By Brett Hogan. What is XHTML? What are Web pages?. XHTML is an extension of HTML that has stricter syntax then HTML Is also derived from a language known as XML ( Extensible Markup Language ) Web pages are documents which are within a website.
E N D
Writing Web Pages With XHTML By Brett Hogan
What is XHTML?What are Web pages? • XHTML is an extension of HTML that has stricter syntax then HTML • Is also derived from a language known as XML (Extensible Markup Language) • Web pages are documents which are within a website
Acronyms for XHTML and HTML • HTML is Hypertext Markup Language • XHTML is Extended Hypertext Markup Language
History of XHTML • HTML 1.0 was first introduced. Permitted simple text on the web. • HTML 2.0 was derived from HTML 1.0. Permitted website design. • HTML 3.0 enhanced look of websites. New proprietary tags and attributes were added for new features to websites.
History of XHTML Continued • HTML 3.2 – browser specific tags kept coming. W3C(World Wide Web Consortium)standardized language for this version • HTML 4.0 was the last classic of HTML. Official standard of HTML. Problem: Netscape Navigator 4.7 did not work well with this version. • XHTML joins with HTML. Latest version. Provided stricter coding rules. Few more tags were added.
Facts About XHTML • XHTML is a stricter syntax then HTML • Requires the use of lowercase tags • Compatible with XML and HTML 4.01 • All attribute values must be quoted. Example: cellpadding=“10” • Empty elements such as <img> must take this form <img/> • Non empty elements must have closing tags. Example: <p> content </p>
Issues With Using XHTML • Inconsistency with layout of web pages • Navigation inconsistency • Bugs in the code. When linking, the links may go to the wrong webpage or site or may go nowhere. This is frustrating to users • Colors may not fit content of website or audience • Not all browsers support XHTML
Things To Consider When Using XHTML • Content of web pages. What designers are trying to tell users about their site • Structure of website. How to link web pages properly for clear navigation (Farkas, 2002, pp.51-52) • Appearance of web pages. What web pages will look like to users • Think about the audience. How do they want the web site to look like? • Consider user’s needs. Think like the user
Features XHTML Supports • Text fonts: style of texts. Examples: san-seriff, italics, bold, aerial. • Colored text nad background web page color • Background images and animation • Frames, which display more than one page of a website • Tables, which enable better web page layout
Features Continued • forms, which allow for GUI components to be placed on them. Examples of GUI components: textfields, textarea, labels, option buttons, command buttons, checkboxes, drop down list boxes • XHTML only places command buttons on the form. Does not allow command button action • CGI scripts only allow for command button actions, no other GUI component actions
Works Cited • Acadia, Michael. (October 2001). Intro to HTML/Himmelfarb Health Sciences. Retrieved November 7, 2005 from unknown at: www.gwumc.edu/library/tutorials/introhtml/design/ • Farkas, David K. & Jean B. (2002). Principles of Web Design (pp.51,52). Pearson Education Inc. • Pai, Rekesh. (September 2004). The economics of XHTML. Retrieved November 7, 2005 from unknown at:http://piecesofrakesh.blogspot.com/2004/09/economics-of-xhtml.html
The End • Any Questions?