I WILL NEED TO HAVE THIS COMPLETED BY MONDAY SEPT 21ST AT 5 PM EASTERN TIME MAXIMUM - PLEASE MESSAGE ME IF YOU HAVE ANY QUESTIONS!
You will be producing a web site with a number of interactive features. The required features are:
1) Display a random image / banner when a page is loaded
a) At least 4 images
2) Has a section on the page that is labeled with today’s date, such as:
a) Things going on today, Wed 21 July 2009
b) Store specials for Wed 21 July 2009
3) Form validation of a phone number field
a) When user leaves phone number field, check that it is 10 digits of only numbers
c) Don’t forget to remove the error message after a valid phone number is entered.
d) Extra: if the number is valid, reformat it in this format (###)###-#### and put it back in the field.
4) Picture / Item Chooser
a) Displays a different picture depending on item selected in drop-down list (illustration, photo, etc)
5) Background Color Chooser
a) Change the page’s background color depending on the choices in a radio button group
6) Sorting a list of items
a) User types a list of items into a text box (form field)
b) When the user presses the sort button, the list in the text box is sorted
c) It takes the text from the text box and puts the sorted text back in the text box
7) Intercept a Link
a) Create a hyperlink on the page
b) Link a function to the onclick event for that link
c) Put up an alert that thanks the user for visiting before it navigates away to the link
8) Set a Cookie
a) Have a field for putting in your name. Then have a button that sets a cookie with the name that was typed into the field.
9) Use a Cookie
a) If there is no cookie, then the welcome message says “guest”. If there is a cookie, the name is read and the welcome message is personalized “Welcome Fred, glad you could stop by.”
Guidelines (Rules and Regulations)
This is a piece for your portfolio. You will want to show this to a prospective client to impress them with what you can do for them. Don’t make it a boring, mechanical piece that could be done with a template. This should be a coherent and balanced design – not just a bunch of effects plunked on a page. Show your ability to design at multiple levels – graphical elements, technical elements, page layout, color, and type.
The requirement is for at least two graphics per page. At least one of these must be original (photography or illustration). Do not use all clip art or stock photography.
The company that you design the site for must either be your company, a paying client, or a fictitious entity. Do not pick a national brand or a product with a trademarked identity unless you are being paid to do this work for that company. If you have any doubt about your choice, check with the instructor.
If you use anything you did not create (like photographs), be prepared to show where you took them from, and that you have permission to use them. If you can’t prove it’s legitimate, I will have to consider it a copyright violation. Take note of sites like Getty Images that require you to give them credit on any page where their images appear.