Class Updates:
Web Design
Welcome to the Web Design class access page.
Web Design is an elective course for all students with an interest in learning how to communicate effectively on the World Wide Web.
The purpose of this class is to introduce students to the concepts, history, and basic principles of web design. Students will begin by learning how to "hard code" a web page and will progress to using one of the many web editors currently available. Students will also learn to apply the accepted principles and techniques of today's web designers. The curriculum will also explore the use of new and cutting edge technologies that will change how the web will be used in the future.
This course has no prerequisites and requires no special skills. Although "geeks" are certainly welcome, you do not have to be one to enjoy this class. This is an ideal place for students to explore the learning technologies that they have become interested in.
This section of our class site was designed by students to support multimedia classes in their learning experience. Each class has a menu link to its section of the class site. Resources for all classes are organized in the reference link section.
| Course Documents | |
|---|---|
| Link: | Description: |
| Course syllabus | course syllabus in PDF format |
| Basic tags (right click save linked file) | The Basic HTML of a web page.(If you open this page it will be blank. You must save it to your account and then open it.) |
| Semester projects outline | project scope and sequence in PDF format |
| Resume project assessment rubric | assessment rubric for resume.html |
| Table project pssessment rubric | assessment rubric for table.html |
| multimedia scope project | on-going web design project, to outline, in detail, the scope of the multimedia course |
| Student Examples | |
|---|---|
| Link: | Description |
| Poster Example 1 | Poster project example by Ritika B |
| Poster Example 2 | Poster project example by Avneet S |
| Table Example 1 | Table project example by Andrew W |
| Table Example 2 | Table project example by Aparna G |
| Table Example 3 | Table project example by Bryan H |
| Example of a resume page 1 | Resume project example by Greg G |
| Example of a resume page 2 | Resume project example by Taylor M |
| Example of a resume page 3 | Resume project example by Abinav M |
| Example of a resume page 4 | Resume project example by Alex O |
| Example of a resume page 5 | Resume project example by Suraj R |
| Example of a travel zine | Travel Zine by Linda X and Shannon S |
| Example of a food zine | Food Zine by Elaine, Sana, and Bia |
| Example of a restaurant zine | Restaurant Zine by Josh S and Katy C |
| Example of a javascript rollover button | Rollover project example by Mr. Fine |
| How To's: | |
|---|---|
| Link: | Description: |
| Table | How to do your table project |
| Basic table layout | Basic layout for table project |
| Rollover | How to make a rollover button |
| CSS | How to do a cascading style sheet |
| Horizontal Navbar | This is an example horizontal navbar. |
| css box menu | How to do a css box menu |
| Downloads | |
|---|---|
| Link: | Description: |
| www.coffeecup.com | Download the free CoffeeCup HTML Editor |
| Comments or questions about this site? Don't bother asking them. They wont be answered. Send them to our Wizard |