Assignments


June 4--Rate and Review Sites

May 27-June 3--Site Development - Due by 3:30 p.m. June 3 (Seniors Sites due May 29th at class time.)

May 26--Meet with your client, select the design, and begin developing the site.

May 22--Design Comps

Use Fireworks to make at least two design comps of the home page and two design comps of a sample content page. Have them to show to your client on Tuesday morning.

A folder located on the Stushare titled Pics for "SHS Bus Dept Web Site" contains photos you may choose to incorporate into your Web site.

May 21--Web Design Contest - (See **Web Design Contest_Final Project_Sp 09.doc** for complete directions.)
You are competing to obtain the contract to develop a new Web site for the SHS Business Department. You will create/develop the Web site and incorporate pages for each of the clients (teachers).

Timeline/Due Dates -- (Seniors' Projects Due at Class Time May 29th)

May 21 - Conduct an initial interview with your client (me) and write up your conclusions in a brief design document.

May 22 - Design Comps
May 26 - Select Design/Begin Developing
May 27-June 3 - Site Development
June 4 - Rate & Review Sites

May 20

Tomorrow--See above - Come ready with your questions for the interview!
Today--Due Date for Website!! Drop your completed Website in the drop box. (Have you tested all aspects of your site?)

  1. Are you satisfied with the content and appearance of every page?
  2. Has every page been double checked for spelling/grammar errors?
  3. Are all paths for all links and images correct?
  4. Does each page have a title?
  5. Does every page in the Web site have consistent navigation links?
  6. Does the home page have a last updated statement that will automatically update when the page is saved?
  7. Do all images appear?
  8. Are all colors Websafe?
  9. Do all images have appropriate alternate text?
  10. Have you eliminated any orphaned files?
  11. Have you deleted any unnecessary files?
  12. Have you viewed all pages using at least two different browsers?
  13. Does the home page have keywords, a description, and a point of contact?

May 18-19--Website Work Days

May 15--Website Progress Report

May 11-14--Website Work Days (Completed site due May 20)

May 5-8--Website Work Days

May 4--Complete Gallery Walk

May 1--Website Progress Report--Gallery Walk

April 29-30--Website Work Days

April 28--Mini-seminars

April 27--Drop Down Menu Help


The following links will give you direction on adding drop down menus (pop up menus) to your website using Spry.

www.adobe.com/go/vid0168
http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS692A7C97-48A1-4c26-9AC6-AF8B986E5557.html


April 23-24--Website Work Days

Help from
**Adobe Video Design Center**

April 22--Pop-up Menus and other Technical Features

Refer to Students Guide Activity 3.7, How to Create. . . . Calendars, Pop-up Menus, etc.

  • Begin with "How to create a calendar" and review the "How to" pages--choose at least one sample feature and build it into a test page to see how it works with your plans for your website.
  • Be prepared to hold a mini-seminar to teach the class how to use this feature. Your presentation should include:
    1. A working example
    2. Short explanations of when and why to use the feature (design challenges it helps to solve)
    3. Step-by-step demonstration of how to create the feature

April 20 & 21--Using the Library/Creating a Template

Refer to Student Guide Activity 3.7, How to Use Templates

  • Use Dreamweaver to create a template for your content pages. Your template should incorporate style sheets for consistency.
    Be sure to add editable regions and save your files as templates.
Refer to Student Guide Activity 3.7, How to Use Libraries
  • Add elements to the library for later use throughout the site, such as logos, buttons, and mottos. Be sure to add to the library any elements that are used more than once on site pages.

April 17--Design Comps/Website Prototyping

April 15 & 16--Designing a Client Website - Design Comps


In the design phase, professional designers conceptualize the look and feel of the client site, based on goals, audience, and content. They create visual comps--electronic drawing or compositions--to express the visual identity or brand of the client. Visual comps convey mood and include designs for buttons, color, fonts, and images. Typically, designers brainstorm and develop several approaches to give their clients options for communicating their content and messages.

Design Comp--an electronic drawing that shows a detailed design of a web page. Consider:
  1. Mood
  2. Color
  3. Fonts
  4. Images
  5. Text
  6. Navigation Elements

Today
  1. Read the information under Design and Prototype on the right side of the page.
  2. Search for keyword website prototyping using a search engine on the web. Be prepared with notes for discussion and links to the information you located.
  3. Make at least two design comps of the home page and two design comps of a sample content page, using Fireworks.

April 14--Gallery Walk

April 9 & 13--Complete Screen Views -
Turn in flowchart to the basket and be ready to present screen views at classtime Tuesday, April 14. If you have not completed the Shuttle Project, use any remaining time to do so.

April 8--Planning a Client Project - Completed client site due date is May 20.

Today--Use the Project Plan form to set up a reasonable time line to reach this completion date. This document should contain enough information and detail to accurately communicate key project tasks to the client and the instructor.

Due Tuesday--Structuring a Client Website--Screen Views

Read the information under Structure on the right side of the page.

Organize and outline your content.
  1. Be sure to consider technical features that might be relevent to convey the content such as calendars, forms, image maps, rollover images, pop-up menus, Flash movies, Flash video, or preparation of photographs.
  2. What is your criteria for determining whether content is (a) relevant to site goals and (b) appropriate for the target audience?
  3. Draw a flowchart for the client site.
  4. Make screen views of key pages. (Use shapes to represent graphics, show page layout and content layout, and communicate visual design without using specific graphics.) See the sample screen views on pages 11-13 of the Unit 3 Student Guides on the stushare. (Electronic copies are also available in the Media folder.)
  5. Use Fireworks to lay out black-and-white-screen views of the home page and a sample content page. Remember these tips:
    • Make the most important things prominent: larger, bolder, near the top, with more white space.
    • Relate similar content visually: grouped by heading, lined up, with similar look or size, grouped in an area.
    • Nest content visually: use boxes in boxes, have headings and indented subheadings to show elements as parts of groups.

April 7--Defining a Client Website

Read the information under Define on the right side of the page.

Write up your conclusions from your client interview in a brief design document. Design documents typically are divided into sections with these headings:
  • Project Overview
  • Goals and Objectives
  • Audience
  • Content
  • Design Summary and Site Messages
  • Technical (delivery) and Function Requirements

Make sure you identify any copyrighted material to be used in your sites. Also, identfy your strategy for acquiring permission to use such material.

April 6--Work Day - Shuttle Project

April 3--Work Day - Complete Activity 5.4; Begin Shuttle Project.pdf-- The images you will need are clouds_foreground.png, clouds_full.jpg, and shuttle.png.

April 2--Flash Tutorial - Video; Adobe Web Design Curriculum, Activity 5.4

April 1--Flash Tutorial - Sound; Adobe Web Design Curriculum, Activity 5.3

March 30 & 31--Snow Days

March 25-27 - Adobe Web Design Curriculum, Activity 5.1 (All resources located on the stushare.)

March 23 & 24--Snow Days

March 19, 20--Flash 3-30, Project Builder 1; 3-35, Portfolio Project

March 17 & 18--Flash Tutorial - ActionScript 3.0
Client Interviews Due Today!!

March 16--Flash Tutorial - Filters and Blends

March 13--Information Sharing

March 12--Complete Projects

March 11--Flash 2-42, Project Builder 1; 2-45, Portfolio Project

March 10

  • Complete Movie Clips
  • Web Collection Revealed Book--Flash 1-39/41 - Complete Project Builder 2, Design Project, and Portfolio Project.

March 9--Client Name Due Today - Complete the client interview form Client Interview_Project Plan interactive form.pdf as you meet with your client. This document also has additional project planning guides to assist you. Initial interview information due March 18.

Flash Tutorial - Buttons and Movie Clips

March 5--Flash Tutorial - Working with Text

March 4--Flash Tutorial - Motion Tweening and Bitmaps

March 3--Flash Tutorial - Symbols and Instances

March 2--Flash Tutorial - More on Animation

February 25-27--Flash Tutorial


Remember--By March 9th, you need to have turned in the name of the non-profit with which you will be working.

February 24--Acrobat Flash

Go to the Stushare and copy the Flash Exercise Files WPD2 to your own server folder. You will need them to complete the Flash tutorial.

February 23--Web Design Mistakes Presentations--Please drop your Book Reviews at the beginning of class.

February 20--Web Design Mistakes Work Day

February 19--Review and Rate Book Review Pages

Go to Web Design Mistakes—Things to Avoid When Building Web Pages. As a group, get together and each person choose one of the areas that continues on with a link. That individual will make a summary entry on the discussion page and be prepared to teach the material to the rest of the class on Monday, February 23.

February 13, 17, & 18--Book Review--Web Design Portfolio Project

February 12--Diversity Day Speaker--Return with ideas of ways to incorporate his message.

February 11--Gallery Walk

Following our Gallery Walk, be sure to save your examples from the Color Matters assignment to your Portfolio folder. Now go to Book Review--Web Design Portfolio Projectand get started on this page to add to your portfolio!

February 9-10
Review Design Basics--Tips and Hints. Finish your examples from Color Matters and be ready to share them by class time Wednesday.

February 6

Following class review of the design2 presentation, this will be a work day to complete your examples from Color Matters and finish the Principles of Design assignment.

February 5
Study Principles of Design. On a Word document list the five basic principles and describe each one giving an example of how you will use that principle in your web design. Print, turn in and be prepared to share your examples.


February 4--Color Matters!
Review the Lighthouse site to learn more about how color can enhance a site. Color Matters offers great information about color theory. Go to Kuler from Adobe Labs and review the site. Then watch the video at Adobe TV to learn how to use Kuler. Using the knowledge and information gained from these sites, respond to the Discussion question about color.

February 3
Use Web Design Basicsto identify the five basic elements of design. Follow the links to learn more about each one. On a Word document list them and describe each one giving an example of how you will use that element in your web design. Print, turn in and be prepared to share your examples.

February 2--eCommerce

January 30

Read The Web Designer versus the Web Developer: Who is Right?. On the Discussion page, summarize the main points and then write a comment as though you were going to post it to this blog.

January 29
Evaluate your Good site and your Bad site using Basic Website Design Rules by/for Professional Webmasters. Print your results to turn in. Then go to the Discussion page tab and participate in the Discussion