1. COS 125 Day 13

2. Agenda Capstone Progress Reports Due Quiz #2 Graded 7 A’s, 3 B’s, 3 C’s and 1 no-take Assignment #3 due this Friday We review some of the requirements today Lecture/Discuss Basic XHTML Structure & Formatting Chaps 3 & 4 of Castro Text Friday we will look at creating and using images

3. Basic XHTML Declare the page as XML Set the DTD Tells browser what “rules” you are using Set the namespace Instructions for tags Create the page Head & title Body

4. Template for Transitional XHTML Dreamweaver does this for you automatically

5. USING xHTML in Dreamweaver File>>NEW

6. Creating Headers Used as Dividers and Title for sections of your page Always displayed with a line return at end Six levels h1, h2, h3, h4, h5, h6 h1 is largest font Can be formatted with styles Can be aligned (left, right, center) Can be “named” (id=“aName”)

7. Examples of Headers Header 1 header 2 header 3</h3 header 6

8. Starting a Paragraph Type Type your paragraph Type Can be aligned Can be named Can formatted with style Add a space &nbsp Add a blank line

9. Breaking a page into parts Two ways Division Block level Spans Inline Useful for formatting with style sheets Can be named

10. Naming and Classifying Elements All HTML element can be named and/or made a member of class group Why For Style Sheet Formatting For page navigation Naming is creating a unique name for a specific element id=“daName” Classifying is for grouping elements in a group with similar characteristics Class=“daGroup”

11. Adding comments Comments are for the maintainers of the XHTML code Comments are viewable in the code but NOT in the web page What should you put in comments Your name (prove ownership) Notes to yourself so that you can edit your code Identify places in the code that need work or updates

12. Gee Whiz Tip of the Day Adding Titles to your elements Title=“daTitle” When the user puts his mouse cursor over the element in the web page a little box with the “daTitle” will appear http://perleybrook.umfk.maine.edu/samples/basicXHTML.htm

13. Basic XHTML Formatting Making text Bold Making text italic Making Text Bigger Making Text Smaller

14. Basic XHTML Formatting Using a Monospaced Font Using Preformatted text Used when you want the browser to display text as it is written in the code

15. Quoting text Either Block or in-line Block http://someserver.com Inline quote (doesn’t work with IE)

16. Other stuff Superscript Subscript Revised Text (underlined) Deleted text (strike through) Abbreviations (doesn’t work with IE) Examples http://perleybrook.umfk.maine.edu/samples/xhtmlformat.htm

17. In class excerise Create an XHTML page using Dreamweaver Code Mode Do an example of each of the elements shown today Headers Paragraph Division and spans Line breaks and Spaces Names, classes and titles Text formatting Bold, Italics Big, small, Superscript, subscript Insert, delete, quotes, abbreviations Preformatted text