Web Publishing I Outline University of Oregon Libraries

Web Publishing I


  • 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

Hands On PracticeExercise 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

Hands On PracticeExercise 2: Publish Your Web Page [ 15 minutes ]


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

Hands On PracticeExercise 3: Enhance Your Web Page [ 20 minutes ]


  • 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