1 / 9

XHTML

XHTML. Introduction to X tensible H yper T ext M arkup L anguage Screen Readers – Click the Notes button in the lower right corner. Creating Web Pages. About Creating Pages Many ways to create web pages Text Editors and GUI Editors Write the pages in Extensible HTML (XHTML)

dessa
Download Presentation

XHTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. XHTML Introduction to XtensibleHyperTextMarkup Language Screen Readers – Click the Notes button in the lower right corner.

  2. Creating Web Pages • About Creating Pages • Many ways to create web pages • Text Editors and GUI Editors • Write the pages in Extensible HTML (XHTML) • Web Designers should… • Know additional technologies • Flash • JavaScript • ActiveX • Use and understand • Databases • Database connections • Become a Web Designer • MUL 112 Interactive Media I • MUL 218 Dynamic Web Design • MUL 125 Interactive Motion Media • CSIS 125A Web Development 2

  3. Use basic text editor Creates XHTML tags by hand Use Notepad (PC) NOTE: NOT Wordpad! TextEdit (Mac) Saving XHTML files Save the text as plaintext Save the file using either the .html or .htm file name extension Example: mypage.htm or mypage.html GUI HTML editors: Create HTML/XHTML code for you You type the page text as you would with a standard word processor You point and click with a mouse When saving, the editor adds the extension automatically Popular GUI HTML editors include: Adobe DreamWeaver Microsoft Expressions Coffee Cup Editors

  4. Web servers search for default page names Default page names include: index.html index.htm Names determined by the server Designers must know what type of server hosts the web pages Apache Server (Linux) -- usually index.html IIS (Windows) – usually index.htm or default.htm Naming Web Page Files http://www.chromezebra.com The browser will open the index file without having to type it.

  5. Markup Languages • Extensible HTML (XHTML) • Latest formulation of HTML • Defines content rather than format • Used to organize data on the page • More flexible than HTML • Used to insure accessibility for persons with limited vision, hearing, etc. • Works with Cascading Style Sheets

  6. Web Page Access • Viewing Pages • The page and all referenced images and objects must reside on a Web server that provides access to the Internet. • File Transfer Protocol (FTP) • This is a program that uploads web pages to the web server. (you will do this in this class) • Options for a server: • Contract with an Internet Service Providers (ISP) • Set up your own server and Internet access NOTE: your web page will reside on a server but you will not need a server in this class.

  7. Creating Pages in XHTML

  8. XHTML Tags • Form • Uses wickets • Lower-case only • <body></body> • Contains an opening and closing tag • Tags must nest properly • Every XHTML document must have the following document structure components to render as expected and validate: • <!DOCTYPE > • <html> • <head> • <title> • </title> • </head> • <body> • </body> • </html> <strong> My Home Page </strong> Opening Tag Closing Tag <body>This is an example of markup tags</body>

  9. XHTML Tag Rules • All tags must be written in lower case. • Wrong: <HR> • Right: <hr> • All tags must be closed: • <p> </p> or<br/> • All tag values must be enclosed in quotes. • Wrong: <table border=1> • Right: <table border="1"> • All tags must be properly nested. • Wrong: <strong><em>MSJC</strong></em> • Right: <strong><em>MSJC</em></strong> • There must be a DOCTYPE declaration. • NOTE: this does not follow the lowercase and closing tag rules

More Related