Web+Development+02+--+Fundamentals+of+XHTML

toc =Web Development=

Web Development 02 -- Fundamentals of XHTML
Students will use XHTML standards & coding to create “well formed” web pages.

Objectives:
0203 XHTML structure – Know and use the rules to create “well formed” web pages with appropriate XHTML structure and standards that can be validated. (W3C) 0204 XHTML types – Understand and use the DOCTYPE Declaration (DTD) in the types of XHTML including strict and transitional. (Frameset DTD is optional) 0205 XHTML elements -- Use the required and basic elements (tags and attributes) at the block level and inline to create web pages with text formatting, links, images, special characters, lists, tables, etc.
 * 0201 Create pages** -- Demonstrate knowledge required to create a web page.
 * 0202 File naming** -- Save web pages and files in a logical folder organization and with appropriate naming.
 * All documents must have a root element
 * XHTML is case sensitive
 * All elements must have a closing tag
 * XHTML elements must be properly nested
 * Attribute values must appear within quotation marks
 * Full attribute form must be used for all attributes
 * Empty elements must be closed
 * 0206 Deprecated tags** – Understand deprecated tags and the differences between html and xhtml.
 * 0207 Metatags** --Use Metatags for page documentation and search engine optimization (SEO).
 * 0208 Design principles** -- Identify and use design and color principles for web pages.
 * 0209 GUI editor** – Use a GUI-based HTML editing software to create web pages.
 * 0210* Advanced elements** – Use advanced elements to create web pages with image maps to web pages, forms, frames, and/or iframes.
 * 0211 Terminology** – Review and understand the pertinent XHTML terminology.

Lessons:
Opera WSC #12 -- [|The basics of HTML], by Mark Norman Francis. Opera WSC #13 -- [|The HTML element], by Christian Heilmann. Opera WSC #6 -- [|Information Architecture—planning out a web site], by Jonathan Lane. Opera WSC #8 -- [|Colour Theory], by Linda Goin. Expressions Web Design #1 -- [|Introduction to Web Design Using Microsoft® Expression® (Beta), Module 1 HTML Basics] Expressions Web Design #3 -- [|Introduction to Web Design Using Microsoft® Expression® (Beta), Module 3 Designing for Communication] Expressions Web Design #5 -- [|Introduction to Web Design Using Microsoft® Expression® (Beta), Module 5 Beyond the Basics with Expression Web]

Activities:
02 Terminology Worksheet -- [|WD02_Fundamentals_XTHML_Voc.doc] [|WD02_Fundamentals_XTHML_Voc.pdf]