HTML 1 Course, Center for Electronic Art

ASSIGNMENT 1: STORYBOARD YOUR SITE

assignment 1 | assignment 2 | assignment 3 | final project
syllabus | HTML1 homepage



The first step in web design is to plan your site. A storyboard can help you plot out your strategy, graphically speaking. Storyboards are used in many production processes, including film, music videos, TV commercials, websites and other multimedia projects.

Graphic emphasizing the importance of working toward a goal.Goal

The main goal of this assignment is for you to sketch out the organization, navigation and general content of your website. Trust me--it's much easier to fix problem areas or change your mind during the storyboard process, rather than after you've already developed ten web pages for your site!


Graphic illustrating tools necessary to complete assignment.Assignment

Create a storyboard for your resume/portfolio site. The minimum your storyboard should cover is the assigned amount of pages for the final project (3-5 total). However, if you have the time and desire, feel free to storyboard your entire site. You won't have to complete all the pages to fulfill the course assignments, but you will be better off in the long run with a complete storyboard from which to continue working after the course is finished.

 

Helpful Steps

adapted from Castro, p.32:

  1. Figure out why you're creating this website. What do you want to convey?

  2. Think about how you can tailor the content to appeal to your audience (in your case, perhaps a potential employer).

  3. How many pages will you need? What sort of structure would you like your site to have? Do you want visitors to go through in a particular direction, or do you want to make it easy for them to explore in any direction they choose?

  4. Sketch out your site on paper (or use tools like Microsoft Word's drawing tools or PowerPoint's organization charts). Remember that the focus should be on the content of the storyboard, and not its design.

  5. Devise a simple, consistent naming system for your pages, images, and other files (see Castro, p. 26)

Graphic of a checkmark, illustrating the due date for assignment

Due Date

Assignment 1 (Storyboard) is due by class time Wednesday, September 13. If you create the storyboard electronically (e.g. using Microsoft Word or PowerPoint), you can send it to the instructor via e-mail attachment (with "HTML1, Assignment 1" in subject line), or print a hard copy and give it to me in class. If you sketch out your website by hand, please bring in a hard copy to class. With either method, be sure to keep a copy for yourself.



assignment 1 | assignment 2 | assignment 3 | final project
syllabus | HTML1 homepage

copyright 2000 © Karla Frizler Octavio
Center for Electronic Art

1