WPD 2 Assignments
May 23--Final Testing Time--Rate and Review Sites
May 22--Drop your site today--3:30 p.m. at the latest.
May 16-21--Web Design Contest (This is in lieu of a Final Exam.)
May 15--Gallery Walk
May 14--Final Work Day (drop by end of the day)--Use the Website Final Check List to check your site. Launch Adobe Contribute and do the tutorial so you get an idea how this software will allow your client to update their website. These links may be helpful for your client:
Addobe Contribute How to Video http://www.youtube.com/watch?v=5MaSBbOnoq8
Adobe Contribute Video Tutorial http://www.vtc.com/products/Adobe-Contribute-CS3-Tutorials.htm
Adobe Contribute Written Tutorial http://www.coloradomesa.edu/webmaster/documents/contribute_tut.pdf
April 30 thru May 11--Website Work Days
April 27--Mini Seminars
April 26--Drop Down Menu Help
The following links will give you direction on adding drop down menus (pop up menus) to your website using Spry.
Adobe Video Workshop www.adobe.com/go/vid0168
Adobe Help http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS692A7C97-48A1-4c26-9AC6-AF8B986E5557.html

April 24 & 25--Website Work Days
Help from **Adobe Video Design Center**

April 23--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 19 & 20--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 18--Design Comps/Website Prototyping

April 16 & 17--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. Check out this Interesting look at the role of design in website prototyping.
  3. 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.
  4. Make at least two design comps of the home page and two design comps of a sample content page, using Fireworks.

April 13--Gallery Walk

April 12--Project Plan (Timeline) due
Use the Project Plan form to set up a reasonable time line to reach the May 15th completion date. This document should contain enough information and detail to accurately communicate key project tasks to the client and the instructor.

April 5 & 11--Complete Screen Views -Turn in site map to the basket and be ready to present screen views at classtime Friday, April 13.

April 3--Planning a Client Project - Completed client site due date is May 15.

Due Thursday, April 12--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 site map 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 2--Defining a Client Website - Due by end of period 4/4
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.

March 28-30 - Getting Started with Adobe Flash CS3 (Red Web Collection Revealed Book)
  1. Copy the Flash Chapter 1 Data Files from the WPD folder at Nielsen on the Stushare
  2. Complete Flash Chapter 1 step-by-steps and Project Builder 2, Design Project, and Portfolio Project
  3. Due date 3/30

March 27--Acrobat Flash
Go to the Stushare and copy the Flash Exercise Files WPD2 to your own server folder. You may need them to complete the Flash tutorial.
.
March 19--Client Interview Due!!

March 19-26--Mobile Web Site Creation
  1. Please turn in your typewritten client interview results at class time tomorrow.
  2. Class review of notes regarding Mobile Website Design
  3. Now let's try the App Inventor from MIT

Mobile Web Creation Lesson

Go to http://beta.appinventor.mit.edu/learn/ - watch video to see how App Inventor works.
Set up computers and choose Build Your First App with the Emulator, then complete the Hello Purr tutorial. (It’s on this page but should be accessed simply by following the links. http://beta.appinventor.mit.edu/learn/setup/hellopurr/hellopurremulatorpart1.html )
Can add more by clicking on Tutorials at the end of that lesson -- choose more items to add.

March 16--Guest Speaker

March 15--Web Site Strategey and Planning Video

March 14--Evaluate WSA #6 AND Getting Started on Mobile Web Site Creation
  1. Be sure all have dropped WSA#6 (Grayson, Skylar, & Katelyn were missing on 3/13)
  2. Evaluate another student's WSA, make corrections as needed and turn in.

Mobile Web Site Creation
Type notes from the following articles to share with the class. Identify three items you believe to be most important.
  1. Read the information on How to Design and Build a Mobile Website. Review the Slideshare, Understanding & Designing for the Mobile Web.
  2. Review Designing for Mobile Devices

March 12--Client Contact Information--Due March 19 AND Drop WSA #5 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 19.

March 7 & 8--Positioning Objects--Drop by end of class 3/12
Use the guidelines for WSA #6 to continue to build your Web site.

March 5-7--Dreamweaver Chapter 9--Positioning Objects with CSS
  1. Copy the DW Chapter 9 Data Files from the WPD folder at Nielsen on the Stushare
  2. Complete DW Chapter 9 step-by-steps and Project Builder 1

March 5--Revise & Redrop WSA #5 by the end of class 3/5

March 2--Reset!!!!
After all the server problems this week, let's go to Plan F!

February 28--Drop Chapter 8 & Test--Collecting Data

February 27--Portfolio Gallery Walk, Form Processer Check, Build Ch 8 Quizlet
Video review of Chapter 8.

February 24 & 27--Collecting Data
Use the guidelines for WSA #5 to continue to build your Web site.

February 21-23 Dreamweaver Chapter 8--Collecting Data with Forms
  1. Go to the WPD folder at Nielsen on the Stushare.
  2. Copy the root folders in the folder labeled Chapter 8 for WPD2. You will use these files to complete Dreamweaver Chapter 8 step-by-steps and Project Builder 1.
  3. We will use a form processer to determine if your forms are working correctly. You should also copy the Form Processor folder to your server file so it will be handy when we need it.

February 14-17--Portfolio Building
Review the information at How to Create a Portfolio , What to Include in Your Web Design Portfolio , and Online Web Portfolio - Web Design Portfolio Project. Now build your own Web Design Portfolio.

February 13--Web Design Mistakes Presentations
Following the presentations, begin building your "Portfolio" Web Site. Go to Web Design Portfolio Project. Incorporate the work we have been doing (Color Matters and Book Review) to develop a stunning portfolio of your work you can use for job interviews, etc. Refer to the Web Template for an example of how to put your portfolio together. Set it up so you can easily add more items.

February 10
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.

February 9--Review and Rate

February 7 & 8--Book Review--Web Design Portfolio Project

February 6
Review Design Basics--Tips and Hints. Check out What is an Affiliate Program and Example of Book Review. Now go to Book Review--Web Design Portfolio Project and get started on this page to add to your portfolio.

February 3--Gallery Walk
Following class review of Effective Visual Design, we will check out our first portfolio items!

February 1-2
Class meeting topic: Principles of Design. Then finish your examples for Color Matters and be ready to share them by class time Friday.

January 31--Effective Visual Design
This will be a work day to complete your examples from Color Matters and finish the Principles of Design assignment.

January 30
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. Due 2/1.

January 26--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 videoat Adobe TV to learn how to use Kuler. Using the knowledge and information gained from these sites, respond to the Discussion question about color. Due 2/2.

January 25
Use Web Design Basics to 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.

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

January 19
Evaluate your Good Site and your Bad Site using Basic Website Design Rules by/for Professional Webmasters. Print the results for both sites as a PDF and save in your WPD2 folder under Last Name Good (or Bad) Site Test Results. Then go to the upper right corner of the page, choose the discussion post link, and participate in the discussion by entering your response to the discussion question. You will also need to thoughtfully comment on two other people's responses to complete this assignment. Correct spelling and grammar are required--no text talk!

Getting Started
Go to one of the following sites; choose one you believe is a well designed site and one not so well designed.Save a link to each on a word document and be ready to work with them tomorrow.
The 50 Best Websites of 2011 - TIME PC Magazine Top 100 Web Sites Most Addictive Sites on the Web, 2011 Top 25 Best E Commerce Sites of 2011 Web 100.com (top web sites)10 Web Design Tragedies