2.26.2007 Monday1. XML & HTMLhttp://www.aw.com/webwizardXML Online referencehttp://wps.prenhall.com/bp_webwizard/0,11495,2820727-,00.htmlXML Slides downloadhttp://wps.prenhall.com/bp_webwizard/0,11495,2820727-,00.htmlHTML Slides downloadhttp://wps.prenhall.com/bp_webwizard/0,11495,2820669-,00.htmlHTML Online referencehttp://wps.prenhall.com/bp_webwizard/0,11495,2820669-,00.html2. Instruction to build your web pages in www.student.gsu.edu//Setting web account:telnet www.student.gsu.edulogin *login* passwordmkdir public_htmlchmod 755 public_htmllogoff (bye)//Uploading your fileftp ftp.student.gsu.edulogin *login* passwordcd public_htmlput index.htmlbye//Checking if you did it righthttp://www.student.gsu.edu/~*login*3. Freeware HTML EditorNvu Portable Downloadable websitehttps://sourceforge.net/project/downloading.php?group_id=152555&use_mirror=internap&filename=Nvu_Portable_1.0r4_en-us.paf.exe&314149134. Main PointsComponents of XML1) XML Declaration<?xml version=“1.0”? Encoding=“UTF-8” standalone=“yes”?>2) Elements: Used to describe the data. Consist of: A start tag Content An end tag Example: <element>Content</element> Empty Element 3) Element Nesting4) Components: XML Attributes -- name-value pairsAttributes are contained in the start tag of the element 5) An XML comment <!-- This is a comment -->A “well-formed” document is one which adheres to the syntax rules for XML: An XML document contains one root element All elements must have start and end tags, except for empty elements Elements must be properly nested All attributes must have a value Attributes can only appear in the start tag and must be unique to that element Element names are case-sensitive Special characters must be written as entities Names of element can start only with letters or an underscore, and can contain letters, numbers, hyphens, periods and underscoresExample:<family_tree numberOFMember=”3”><mother age=”43” >Sally</mother><father>Joe</father><children><child>Larry</child><child>Curly</child><child>Mo</child></children></family_tree>HTMLExample:<html><head><title> (insert text for the browser’s title bar here)</title></head><body> (insert visible Web page elements here)</body></html>Formidable challenge—to create a web page that will look good to everyone despite many uncontrollable variablesWeb page designers must understand that their pages will not look exactly alike to all the people viewing them.Choose colors in the range of 0--200 which is suitable to alloperating systemPage Layouts and Incremental DisplaysA web browser doesn’t have to wait until all the elements of a web page have been downloaded before it shows anything on-screen;A browser displays pages incrementally, showing whatever elements it can as soon as possible, based on whatever it knows about the final layout of the web page;Directory Organization-------public_html home.html; index.html; other files|-----images|-----tools|-----courses|-----……other directoriesFormatting Headings, Paragraphs, and horizontal alignment rulesType fonts and type stylesList elementsControlling white spaceColors, Patterns and Inline GraphicsImages Dimensions; image attribution (width and height)GIF (Graphics Interchange File) 8-bit color palette 256 colorsJPEG (Joint Photographic Experts Group) 24-bit color palette; cover all possible colorsAspect RatioTableTable elementTable Row ElementTable Data ElementWidth and Height of Table CellInsert a table with FrameHTML frames partition a browser window into predefined regions so that different HTML files can be displayed inside each region.A frame-based display consists of one web page that displays multiple web
View Full Document