Hi All,
During this week’s class, we’ll be going over forms. Take a look at the wk8_classplan for the tutorials. And we had used the HTML5 templates that we had created during week 1 for the class.
Week 8 Homework
Wireframes
In your journal, create 10 wireframes that copy the layout structure of pre-existing websites. You could sketch the Yahoo! homepage, or the Google News page, the Facebook Group page, or the My Little Pony’s site. The purpose of this exercise is to understand their structure and layout. If you use color, be sure it is minimal, only demarking important areas, or links, for example.
Label each wireframe with the name of the site and the URL that you are sketching.
DO NOT REPEAT SITES.
Homework 1
Last week, you created a one page website for “Projecterific”, listing out all of their plans in a table. This week, you will create a form for users to sign up for a plan.
You will need to ask users for:
- Name
- Billing Address
- Contact Phone Number
- Contact Email Address
- Credit Card number
- Security Code
- Name on the Credit Card
- Which plan they want to use
I suggest that you use the first form that we created in class as your starting point. Be sure to add the appropriate fields that you’ll need for this assignment. Also, style your forms so that it is similar to the tables you created last week. Consider using similar colors and font choices.
*Remember to validate your code, include your name at the top of each document, and label your folder like so: /lastname_firstname_wdim161_wi12_wk8_hw1/
Homework 2 – Final Project
Start prepping for your Final Project. You will need to turn in:
- a set of final digital wireframes
- initial designs
These wireframes should be digital. After sketching them in your journals, use Photoshop, Omnigraffle, MS Paint, Illustrator, whatever to make these wireframes digital. Pay attention to the size of items on your wireframes. Is your search bar bigger than your hero image? Why?
You will also turn in initial designs. I expect that you will have put in no less than 2 hours of work in Photoshop on these. We will present both the wireframes and initial design in class on Week 9.
