This is the main page for the MJBHA Web Design Class. The web site for this class includes a course description, lecture notes, and links to helpful resources on the Web. Remember to bookmark this page (add it to your Favorites), so that you can get back to it easily.

April 19, 2002.

See the final assignment.

April 8-11, 2002. Add the following features to your project site (click the links to find out how):

1. slide-in menu
2. rainbow text (rainbow text)
3. pop-up information box
4. Depressible buttons
5. Scrolling Window
6. Flying Message
7. Bubble Effect
8. Others (you pick)

Here are some weird tricks.

Here is an introduction to the marquee tag.

The latest exercise is to create a decision tool.

• Course Description gives the topics for the course and the grading policy
• Resources provides links to Web sites that are helpful to Web designers

Basic HTML
1. Preliminaries How to view/source, toggle, set up directories, etc.

2. Tips for using Angelfire.

3. Making a Web Page How to save as HTML and create a page title
4. Creating Links How to create internal and external links
5. Paragraphs and Line Breaks How HTML separates lines and paragraphs
6. Lists and Tables How to create bullet points, numbered lists, and tables of rows and columns
7. Comments and Special Characters How to put coder's notes into HTML and how to produce special characters, such as the copyright symbol or accent marks.
   Style Sheets
8. Introduction to CSS Your first Cascading Style Sheet
9. How CSS Works Step by Step Guide to using CSS
10. What CSS Can Do the types of controls available in CSS
11. Tricks with Fonts Changing font families and styles
12. Colors and Backgrounds How to change colors of text and add background colors and images
13. Indents and Bullets How to indent text and change the appearance of bullets
14. Boxes How to create boxes to make blocks of content stand out
15. Columns How to create newspaper-style columns
16. CSS Tables Combining CSS controls with HTML tables
17. CSS Assignment Show that you can implement CSS controls
18. My Design Biases in favor of usability and liquid design
19. Overview of Tools How the tools we are learning fit together
    Photoshop
20. Logos Some logos designed in Photoshop
21. Rollovers Swapping Images to Create a Rollover
    JavaScript
22. JavaScript Introduction your first script
23. Forms HTML code for forms
24. Form Test A simple test of a form script
25. Tic-Tac-Toe A JavaScript version of Tic-Tac-Toe
26. Changing Styles Changing Styles based on mouse events
27. JavaScript exercise putting a header onto each page of your project
28. A Fancy Menu putting a fancy menu onto each page of your project
29. JavaScript Summary What we have learned how to do so far
30. Creating a Quiz Putting a Quiz on your project site
31. Cookies Storing form information using cookies
32. Cookies 2 Using information that you have stored as cookies
33. Validating Form Information
34. Switching pages
35. A dropdown menu
36. A Search Box
37. A Search Box (This one uses cookies)
38. Decision Tool (uses frames)
39. Marquee tag (scrolling text)
40. Who wants to be a Web Engineer?
Utilities
41. Converter Converts HTML to code that can be inserted into a JavaScript program
42. Table Generator Automatically generates the table tags and class tags for a table that uses CSS