Hey All,
If you’re looking for some images, you may be able to find some at these places. Of course, you can always check in with the library for access to Ghetty Images
Hey Everyone!
Here are some super awesome links in case you get stuck on making forms!
W3 Schools – HTML Form Tag — Start Here
W3 Schools – HTML5 Form Tag
W3 Schools – HTML5 Input Types
W3 Schools – HTML5 Form Elements
W3 Schools – HTML5 Form Attributes
Web Standards – Accessible Forms — A bit much to read over, but good examples of how to code forms to be accessible. Also, these forms are all XHTML, not HTML or HTML5
Web Standards – Accessible Forms II
Web Standards - Accessible Forms III
CSS Tricks – Example Form Markup
CSS Tricks – Form Gallery (short, but sweet eye candy)
HTML5 Playground – Forms (good for playing with forms in the browser, you can edit code directly)
Making Forms Fabulous with HTML5 — More extensive, but great article
Sensible Forms - no code, mostly theoretical
Forward Thinking Form Validation – HTML5
A brief list of what will be due, and what we will cover for the next few classes:
In class, we will go over the Final wireframes for your project and your initial design comps. We will work in class on tightening up your designs.
DUE: Forms Homework, 10 Wireframes Sketches, Final Wireframes for your final, initial design comps
In class, we will critique your final design comps. We will also use the class as a working period to both finish up your designs and start coding your site.
DUE: 10 Wireframe Sketches, Final Design Comps
In class, you will present your final projects and we will critique your sites. This will NOT be a working class period.
DUE: 20 Wireframe Sketches, Finished Websites
After talking in class on Week 8, we’ve decided that the Final Project will be a website that you’ve designed and developed yourself.
The project will be a small brochure website for a local business. The business could be a comic shop, a Portland non-profit, an after school service, a flower shop, or a cleaning service, you name it. But the business must be small, independently owned, and preferably local.
The Final will consist of 3 pages:
The site will also have the following elements:
We will work on this in class on Week 9 and 10, so don’t fret if you get a little over your head. 
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.
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.
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:
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/
Start prepping for your Final Project. You will need to turn in:
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.