ART / CGI 221- 81 Mondays 6:00 - 9:30
Defined Homework List

Example for Homework Page - You are responsible for emailing the URL for this page.

 

Homework 1:

State the objective of your future midterm site. Answer the following questions.

  1. What's the general description of the site? i.e. retail sales, portfolio, family newsletter, etc.
  2. Who is your target audience? i.e. students, designers, architects, lawyers or friends.
  3. What will be the content of the site? Specify the different areas of information. i.e. introduction, services, portfolio and prices.
  4. Email this homework to lehmanstudents@yahoo.com Please specify your class section and your name in the subject of your email. Also keep this information handy for next class. You should email this info to yourself too. Do not attach a word document. The computers in the lab don't have microsoft word. We will make this document an html file next class.

Homework 2:

  1. Design and optimized 4 different graphics. The size of each of your images should be about 400 pixels width and 300 pixels height. Your design might be abstract. Make sure to save your original file as psd.
  2. Optimized each of your images. Save them either as jpeg or gif files.
  3. Create a simple html document and make sure to add this images to it. Name the html file homework2.html.

 

Homework 3:

  1. Make a list of 8 websites you like. Include a sentence for each URL describing what you find attractive about the site. This homework should be in html format. You will upload this file to a server location next class.
    Example: homework3a.html
  2. Visit the Hex color link to read more about color and pick the hex numbers for the colors that you would like to use for your future midterm website. Create a page displaying the colors that you want to use for your future midterm website. This page should show the colors for you background, link, active link, visited link and text.
    Example: homework3b.html

Homework 4:

  1. Design the graphical navigation tool you would like to use in your midterm project. You may change your mind about the look of it later on. Implement the colors you picked for homework 3b. Not doing this homework will delay the completion of your future midterm project.

Homework 5:

  1. Apply the rollover effect to the graphical navigation tool you created for
    homework 4.
  2. Design the homepage for your midterm project.

 

Homework 6:

You should be fully working on your midterm project by now. Make sure to create each of your second level pages and try to populate them as much as possible. Make sure your homepage has the look you want for you site.

 

Homework 7:

Finish your midterm project. Maker sure all your graphics are properly optimized and all your links are functional.

 

Homework 8:

Collect the information necessary for the pages you will need to add to your final project.You will need to add two new pages to your site. Create these new pages in Dreamwever. If you will keep the same design from your midterm project, just add the new buttons to your psd file. You may also begin to create a new fresh design for your final at this point. Keep in mind that you will need to create a design that will allow remote rollovers. You should have one psd file for your homepage and another psd file for the navigation tool for your second level pages.

 

Homework 9:

  1. Create a navigation tool with rollovers in Dreamweaver.

Homework 10:

Open the psd files that you had previously created for homework 8. These files should contain your edited or new design for the homepage and the graphical navigation tool for second level pages. Add remote rollovers to these two designs.

 

Homework 11:

  1. Create two gif animations and add them to an html file.
  2. Keep working with the remote rollovers for your homepage and the navigation tool for your second level pages. Begin creating each of your second level pages.

Homework 12:

  1. Create an image map in Imageready. Make sure to create the html doc for it.
  2. Create an image map in Dreamweaver.
  3. Keep working on your second level pages. Make sure the design for your homepage is completely perfect and defined at this point.

Homework 13:

Finish up the final look of your homepage. Add any necessary links and text to it with Dreamweaver. Tune up your second level page as much as you can.

 

Homework 14:

Finish your final site. Make sure to visit the link on final guidelines. Make sure your site contains all the necessary requirements.