This course is a project-based learning course. Figuring out each project, making it, and then sharing projects with other students in the course will structure most of what we do.
Project Pages and Tutorials
Each project is guided by two instructional pages: a project description and a tutorial. You'll need both (linked below) to do well on each project.
Important Note: To use the tutorials successfully, 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 more going on in each one. 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.
Project Description 1: Digital Literacy Page
Tutorial: "Making a Simple Website ... Like This One!"
Blurb: A simple web page, coded using html and tables, focused on one aspect of digital literacy.
Project Description 2: Design Your Own Typeface Project
Tutorial: "Working With Images and Links"
Blurb: A visually rich website featuring a typeface of your own creation.
Project Description 3: Moving Image Project
Tutorial: "Moving Images"
Blurb: A small study of visual communication on campus.
Project Description 4: Action Now! Project
Tutorial: "Styles"
Blurb: It's a lot easier to gripe about things than to change them. In this project, you will change the world.
Project Description 5: Redesign Project
Tutorial: "Working with Sound"
Blurb: A project where you take a sad website and make it fabulous.
Project Description 6: Game Project
Tutorial: "Working with Divs"
Blurb: When we enjoy a web site, it often feels like playing a game. In this project, study and make games.
Project Description 7: Presentation Software Project
Tutorial: "Cascading Style Sheets"
Blurb: PowerPoint presentations, when done poorly, can lead to spinal trauma. Either critique uses of PowerPoint in this project or enter the arts of the Desktop MC.
Project Description 8: Simulation
Tutorial: "iFrames & JavaScript"
Blurb: You receive fake email messages all the time, and have probably navigated to a phony website. It's time for you to become an e.simulator.
Blurb: Put all 8 projects together into a consistent, sophisticated site with a message.