Objectives

• To understand the basic mechanics of the web
• To understand the web publishing process
• To create a web page using HTML
• To understand and use good web publishing practices

Overview: How the web works

• Notes
• Web browsers
• Multiple document formats
• Anatomy of a web page – head, title, body, text, links, images
• Web server
• Authoring vs. publishing

Introduction to HTML

Exercise 1: Create Your First Web Page [ 25 minutes ]

• HTML = Hypertext Markup Language
• Structure vs. presentation – HTML is not a visual layout language
• Browser dependence: MSIE != Firefox; Mac != PC; 640x480 != 1024x768
• HTML document structure – doctype, html, head, title, body
• Syntax – elements, attributes, values, [tags]
• HTML elements as containers
• Case
• Nesting elements

Exercise 2: Publish Your Web Page [ 15 minutes ]

More HTML

• More structural elements: break, horizontal rule
• Character formatting: strong, emphasis
• Anchors
• Images: img, src, alt

Exercise 3: Enhance Your Web Page [ 20 minutes ]

Review

• Creating & publishing web pages
• Software
• HTML concepts
• HTML elements

Guidelines for Good Practice

• Sign and date your web pages (name, email address, and date last modified)
• Be consistent in your HTML coding practices; good coders often adopt the programming practice of indenting for greater readability
• Be knowledgeable about copyright and the web's rules of the road; images, style sheets, scripts, layout and design are very personal and should not be borrowed or copied without permission