CS 62 - Web Programming I


Introduction to methods and techniques of Web programming. Includes coverage of HyperText Markup Language (HTML), Cascading Style Sheets (CSS), Extensible HyperText Markup Language (XHTML), and JavaScript. Designed to bring students up to the necessary skill and knowledge level for an intermediate Web programming course.


Completion of CS 10 or equivalent.

Course Outcomes

Developing a Basic Web Page
1) Summarize the history of the Internet, the Web, and HTML
2) Describe different HTML standards and specifications
3) Explain the basic syntax of HTML code
4) Construct elements using two-sided and one-sided tags
5) Compare and contrast block-level elements and inline elements
6) Define an element's appearance with inline styles
7) Create and format different types of lists
8) Compare and contrast logical and physical elements

Developing a Basic Web Site
1) Define links and how to use them
2) Create element IDs to mark specific locations within a document
3) Create links to jump between sections of the same document
4) Describe how to set and use anchors for backward compatibility with older browsers
5) List different types of Web site structures and how to employ them
6) Create links between documents
7) Compare and contrast absolute and relative paths
8) Analyze the structure and contents of a URL

Designing a Web Page
1) Summarize how HTML handles color and how to use colors effectively
2) Create foreground and background colors using styles
3) Manipulate spacing between letters, words, and lines using styles
4) Identify the different graphic formats supported on the Web and how to use them effectively
5) Investigate how to use transparent images and animated graphics
6) Apply a background image to an element
7) Explain image maps and how to use them
8) Create image map hotspots and link them to destination documents

Designing a Web Page with Tables
1) Create the basic structure of a graphical table
2) Describe how to add summary information to a table
3) Create table borders and gridlines
4) Determine the width and height for different table elements
5) Apply a background image and color to a table
6) Compare and contrast the different types of page layouts that you can achieve with tables
7) Create a newspaper-style layout using tables

Designing a Web Site with Frames
1) List the uses of frames in a Web site
2) Diagram a frame layout within a browser window
3) Modify the appearance of frames by setting the margin widths, removing scrollbars, and specifying whether users can resize frames
4) Explain which reserved target names to specify as a target for a hypertext link
5) Compare and contrast content for browsers that support frames and those that do not
6) Manipulate the color and size of frame borders
7) Construct an inline frame within a Web page

Creating Web Page Forms
1) Describe how Web forms can interact with a server-based program
2) Summarize the various parts of an online form
3) Create and format an input box for simple text data
4) Construct a selection list for a predefined list of possible field values
5) Design option buttons for a list of possible field values
6) Generate form buttons to submit or reset a form
7) Describe how data is sent from a Web form to a server

Working with Cascading Style Sheets
1) Summarize the history and theory of cascading style sheets
2) Create inline, embedded, and external styles
3) Compare and contrast style precedence and style inheritance
4) Explain how to float a block-level element
5) Define a style for hypertext links in their four conditions
6) Differentiate between pseudo-elements and pseudo-classes
7) Identify document content with the DIV and SPAN tags and create styles for them
8) Describe how to use cascading style sheets to design page layout

Using Multimedia on the Web
1) Define external and embedded media
2) List the different file formats for digital sound
3) Create a background sound
4) Define the different file formats for digital video
5) Explain how to create a background sound with Internet Explorer
6) Summarize the history and use of Java applets
7) Modify applet parameters and insert a Java applet into a Web page

Working with XHTML
1) Summarize the history and theory of XHTML
2) Describe the three XHTML DTDs and the differences between XHTML versions
3) List the syntax rules for well-formed XHTML documents
4) Create a structured XHTML document and apply a DTD to it
5) Explain how to apply a namespace
6) Illustrate how to create a CDATA section for an embedded style sheet

Programming with JavaScript
1) Describe the history and theory of JavaScript
2) Create an embedded and external script
3) Write simple text to a Web page using JavaScript
4) Differentiate between variables and data
5) Create a JavaScript function that works with date objects and extracts values from dates
6) Compare and contrast Boolean expressions, logical operators, and conditional operators
7) Explain how to create and apply program loops


Bill Cole (classroom, online)


This course is offered every semester, including summer, in either a traditional classroom setting or online.