More html tags
- an image as a link:
- jumping around a page (see source)
- image map and title
From w3schools:
Click on the sun or on one of the planets to watch it closer:
- form
- input
- textarea
- button
- select
- radio button
- check box
Here's some form code
design principles
- work on several browsers
- don't assume pictures, popups, javascript, etc will be loaded.
- many are using mobile devices - don't load up on data on the home page.
- avoid use of deprecated tags
- consider the user's needs before you design (make things easy for him)
- try to follow the most rigorous standard you reasonably can
- value your real estate properly -- upper row, left column is very high value
- a change of appearance indicates change of semantics (form follows function)
- get a logical physical structure specified before you implement. (where do pictures and style go?)
- few (one) font family
- use color meaningfully
- don't let the background overwhelm the foreground
- no scrolling needed to view an entire page.
wall of shame
- michigannutgrowers.org
- Will's myspace page
- COSC comp sci prof: who's the worst?
INLAB exercise
- Mail me when you are finished with all of the below on or before Monday, 1/17/2011
- Design a form for a customer of an Internet Dating Service: MatchMeUp.com Include all tags discussed above for forms Put in <yourname>/01132011/dating.html
- Make a nomination to the wall of shame, identifying at least 2 egregious design sins. (Send in email to shaynes@emich.edu)
- Find a picture of at least 4 objects and manually "tag" it. Put in <yourname>/01132011/imageMap.html
- Create an html document using 4 large images, stacked vertically. Create 4 thumbnails across the top. When the user clicks on any thumbnail, jump down the page to a larger version of the thumbnail. After each large picture, include an anchor that, when clicked, will return to the top of the page. Put in <yourname>/01132011/thumbnails.html
If you prefer, all can be placed in one file, send me the name of the file