Each project is guided by two instructional pages: a project description and a tutorial. You'll need both (linked below) to complete each project successfully.
We'll go over the tutorials in class on Mondays. Projects will be due every two weeks
(usually on a Friday).
Important Note: To use the tutorials, you need to pay close attention to how each tutorial is coded. Each tutorial is coded using the same code you will be learning in the tutorial, which means that each tutorial is coded differently and with a bit complicated code as the projects progress. You should make it a habit to read the code of each tutorial carefully.
Here is a short set of instructions about getting your files online.
1.1 Project: Homepage Project
1.2 Tutorial: "Making a Simple Website ... Like This One!"
Blurb: Make a simple web page, coded using html and tables. This homepage should (eventually) link to all of your projects.
2.1 Project: Digital Forgery Project
2.2 Tutorial: "Working With Images and Links"
Blurb: You receive fake email messages all the time, and have probably navigated to a phony website. Create a digital forgery of your own.
3.1 Project: Moving Image Project
3.2 Tutorial: "Moving Images"
Blurb: Conduct a small study of visual communication on campus. Make a visually-rich website about what you find.
4.1 Project: Redesign Project
4.2 Tutorial: "Styles"
Blurb: Redesign someone's sad website.
5.1 Project: Wikileaks Project
5.2 Tutorial: "Working with Sound"
Blurb: Wikileaks has been banned and criticized. Wikileaks has been honored and revered. Create a critical website about one aspect of the Wikileaks controversy.
6.1 Project: Action Now! Project
6.2 Tutorial: "Working with Divs"
Blurb: As Wikileaks shows, websites are seen as making a difference in the world. In this project, make a website that changes the world.
7.1 Project: Game Project
7.2 Tutorial: "Cascading Style Sheets"
Blurb: When we enjoy a web site, it often feels like playing a game. Make either 1) an online game or 2) a game-like website.
8.1 Project: Typography Project
8.2 Tutorial: "iFrames & JavaScript"
Blurb: It matters what writing looks like. Create a site about type.
Blurb: Put all of your projects together into a consistent, sophisticated portfolio governed by css.