What is web design at JMS all about?
Web design is a ten week course that teaches the fundamentals to students. I designed the class so students would have a solid understanding as to what skills are needed to be a professional web designer and to spark student interest for a possible career within the industry. Software used in this course is the exact same as a true web designer would utilize. Upon completion of the class, students use Adobe Fireworks CS5 to design and develop a fully functioning website. Students develop individual projects that become part of their final portfolio. Each project builds upon the previous as part of the rapid prototyping process. Final projects are not published to the web, but are exported as interactive PDFs for students to share with friends and family. Their final projects are similar to a design document that a professional web designer would present to a client. In addition to web design, an emphasis is placed on the importance of graphic design. Since graphic design and the web go hand in hand, students are taught how to utilize images, prepare images for final export, understand various types of graphics, and to pay close attention to detail. I believe it is the quality of the project...not the quantity!
Graphic Design Project 1 Materials
| html5.zip |
Graphic Design Project 1 Tutorial: Click this link to view the tutorial for your graphic design project 1.
| Graphic Design Project 1 Frame Template |
| Graphic Design Project 1 Frame Template: 2nd Year Students |
Graphic Design Project 2 Materials
| Graphic Design Project 2 Template: Use this file for your project. |
| Graphic Design Project 2 Template: 2nd Year Students |
Graphic Design Project 3 Materials
Graphic Design Project 3 Tutorial: Click this link to view the tutorial for project 3.
| Graphic Design Project 3 Project Files |
Graphic Design Project 4 Materials
| Graphic Design Project 4 Assignment Info |
| libs_preschool.jpg |
Web Portfolio Materials
| Final Portfolio Rubric |
| Web Portfolio Template |
| How to Add Pages to your Portfolio |
| how_to_submit_your_final_portfolio.pdf |
Class Assignment Downloads
| Wireframe Assignment with Rubric |
| exploring_web_browsers.pdf |
| introducing_web_technologies.pdf |
| evaluating_websites_activity.pdf |
| internet_scavenger_hunt_opt.pdf |
| career_presentation_ppt_rubric.pdf |
Miscellaneous Project Files
Wire Framing with Adobe Fireworks CS5: Website that describes how to wire frame a website
| jeopardy_template_complete.ppt |
| backgrounds.zip |
| jms_logo.gif |
| web_design_notes.pdf |
| liz_and_libs.jpg |
| fireworks_poster_template.png |
| website.png |