Web Site Design

Lesson 1: What is the World Wide Web? How the Web works; connecting to the Web with the browser; download speed; making a simple Web page; how to save documents as HTML.

Lesson 2: Hypertext Markup Language. Basic HTML coding; the three sections of an HTML document; transforming text into HTML documents; tags; adding white space; modifying text; lists; adding hyperlinks; making line breaks; horizontal rules; physical styles; logical style tags; URLs.

Lesson 3: Web Design: Part 1. Elements of great Web page design; readability and the simplicity test; structuring and organizing the message; random access, linear, hierarchical, and mixed structures; understanding your audience, purpose, and scope.

Lesson 4: Web Design: Part 2. The three elements of good interaction design; storyboards; organizing pages; making navigation easy; controls for interactivity; the welcoming page; thumbnails; rough sketches; setting a visual theme; elements of a user interface; organizing space by using a grid.

Lesson 5: Test Writing & Graphic Design. Formatting; editing; proofreading; adding graphics as user interface and navigation elements, and as part of the theme; color; pixels; palettes; dithering; GIF and JPEG formats.

Lesson 6: The Web & HTML: A Closer Look. Basics of the World Wide Web and Hypertext Markup Language (HTML); creating your first Web page; inserting special characters, horizontal lines, and graphics; tagging text elements such as headings, paragraphs, and lists.

Lesson 7: Adding Hypertext Links to a Webpage. Creating hypertext links between elements and between two or more documents; a review of basic Web page structures; creating hypertext links to pages on the Internet and to FTP servers, newsgroups, and other Internet resources; using absolute and relative pathnames.

Lesson 8: Advanced Webpage Design. How HTML handles color; creating a color scheme; inserting a background image; spot color; working with various image formats; how to control the placement and appearance of images; working with client-side image maps.

Lesson 9: Designing with Tables. Creating a text table, a graphical table using various tags, table headers, and captions; controlling table text and appearance; creating table cells that span several rows or columns; using nested tables and Internet Explorer extensions with tables.

Lesson 10: Frames. Creating and controlling frame placement; controlling hyperlinks with frames; creating for browsers that support frames and those that don't; magic target names; changing frame appearance with Netscape Navigator extensions.

Lesson 11: Creating Forms. Parts of an online form; CGI scripts; using HTML tags; input boxes; check boxes, form properties and hidden fields; selection lists; form buttons and image fields; the MAILTO action.

Lesson 12: Programming with Javascript. Running JavaScript; sending output to a Web page; working with variables, data, dates, expressions, and operators; arrays, loops, and conditional statements.

Lesson 13: Working with Javascript. Form validation; object-based programming; JavaScript objects, object names, object properties, and object methods; working with a selection object; prompting the user for input; creating calculated fields; validating user input; controlling form submission; reloading a page.

Lesson 14: Multimedia Webpages. Linking to and embedding sound and video files; providing pages for browsers that don't support embedded objects; creating background sound with Internet Explorer; inserting a Java applet; creating a scrolling marquee.