David Pang < [email protected] >

CAOT 403 - HTML and Web Authoring I Production Assignments

Skyline College



Production Assignment: HTML Example



Production Assignment 1


Synopsis: The web page for this assignment portrays a fictional business named Nomad Ltd, a reseller of natural products. It utilizes the following HTML elements:

    1. Unordered list items, using the <LI> and <UL> tags

    2. The insertion, sizing and alignment of images, using the <IMG> tag with SRC, ALIGN, HSPACE, VSPACE, HEIGHT and WIDTH attributes

    3. Absolute ( External ) links, using the <A> tag and HREF attributes

    4. Named Anchor ( Internal ) links, using the <A> tag and <A NAME> anchors


Production Assignment: Extend Your Knowledge / Identifying Web Site Types



Production Assignment 2


Synopsis: This is a brief comprehensive report on content aggregator, informational and web application websites, providing two examples of each type and the reasons for their categorization:

  • Content Aggregation: Google News, Vimeo

  • Informational: Occupational Outlook Handbook, The World Wide Web Consortium

  • Web Application: IDrive Universal Online Backup, LogMeIn Remote Access and Remote Desktop Software


Production Assignment: An Overview Of Webmastering


Information About Webmastering


Synopsis: This is an informational report on the various duties that are performed by a webmaster, a type of data communications and network systems analyst. Some of the topics it covers are as follows:

  • Website Administration, Design and Development

  • Website Maintenance, Optimization and Testing

  • Required Education and Technical Skills

  • A webmaster's role in serving as a first point of contact for website visitors


Final Project: Odds-And-Ends Hobby Web Site, featuring a Memorabilic Collectibles Artifact Gallery


Memorabilic Collectibles


Synopsis: This web site features an artifact gallery of memorabilic collectibles and odd-and-ends dating from the late 1970s to the late 1990s. Its basic design utilizes an HTML frameset divided into three sections and digital photos of the artifacts, with a collage appearing on the Introduction page. The leftmost frame incorporates the use of absolute ( external ) links, relative ( internal ) links, an ordered list, and window targeting via the TARGET attribute.