FRIDAY, DECEMBER 22 at 9AM to 11AM
Sorry again, see you Friday.
December 8
December 15
Friday, December 22 from 9-10:50 am
| Task | Deliverable | Possible |
| Task 1 | Called links.htm | 1 |
| 10 pts | 9 links, 3 categories | 2 |
| 2 Heading sizes | 2 | |
| Specify fonts | 2 | |
| Email the link to me | 1 | |
| Style and thoughtfulness | 2 | |
| 2 thru 4 | Named Meaningfully | 3 |
| 30 pts | Use of photo | 2 |
| 200-words | 1 | |
| Email the link to me | 3 | |
| Style and thoughtfulness | 6 | |
| Use of Template | 5 | |
| CSS use and application | 5 | |
| Non-redundant styles | 1 | |
| At Least 8 styles | 1 | |
| Home page | 1 | |
| Consistent Navigation | 1 | |
| Color Consistency | 1 | |
| Validation | site validation for section 508 | 5 |
| 5 pts | ||
| Gallery | Creation of Gallery | 4 |
| 5pts | Link to Gallery | 1 |
| Midterm | Clear as to content | 3 |
| 25 Pts | Contact info | 2 |
| readable text | 2 | |
| effective navigation? | 5 | |
| at least 5 pages? | 5 | |
| consistent style? | 4 | |
| effective style sheet | 4 | |
| Redesign | Chose from list | 1 |
| 10 Pts | Retained Content | 2 |
| Fitting for bus/audience | 2 | |
| effective style sheet | 2 | |
| Clear product | 1 | |
| Contact info | 1 | |
| readable text | 1 | |
| Portfolio | Has index.htm home page | 1 |
| 15 pts | Links to about | 1 |
| Links to links | 1 | |
| Links to gallery | 1 | |
| Links to redesign | 1 | |
| Links to midterm | 1 | |
| Use of template | 2 | |
| Contact Info | 2 | |
| external / clean CSS | 3 | |
| consistent style/theme | 2 | |
| TOTAL | 100 | |
| Attendence | 9/1/06 | 1 |
| 5 Bonus pts | 9/8/06 | 1 |
| 9/15/06 | 1 | |
| 12/1/06 | 2 | |
| 5 more bonus pts | Added Jazz (resume, Mp3s, etc.) | 5 |
There are a lot of free scripts out there, but they all assume that your server has certain capabilities (to handle code like perl, php, or asp) and that you are comfortable editing said script with information like your ISP’s email protocol. Since your student accounts do not have these capabilities, its not going to be very helpful for you to review how to set up a form. If you want to trudge through it and install it on your personal server, here are some of the most popular form mail scripts:
While researching I found this neat-o tool! Its a free online form builder with reporting through an online interface. Below is my test “Contact Us” form that I embedded into the blog using the code they gave me. Please fill it out, then you can check the results via the web based admin panel: http://cch.wufoo.com/admin/
Username is my email: chiefcrazyhair@hotmail.com
Password is: gcom362
Our Final will be held on FRIDAY, DECEMBER 22 at 9AM to 11AM Wednesday, December 20 from 8:40-10:40 am. I will post the final grading rubric and usability questions this week…check back soon. Be sure to get/bring a notebook for comments.
You have now built a template site with a home, about, links, gallery, midterm links. Polish your completed Web site. Be sure that you link to all your work and have contact information. You can add your resume for bonus points! Add a site map- one page that links to all your other pages. Use bulleted lists, and since your sites are pretty small, please link to EVERYTHING! A viewer should be able to go to the sitemap and get to your gallery index (not individual images), or even your midterm site’s about page. We’ll do one in class.
Final project/Redesign requirement questions? The rest of the semester will be for final tweaks and linking other projects to your final “portfolio” site.
The second half of the class we’ll review how to make a printable version of your resume.
My finished page: http://www.chiefcrazyhair.com/h/hireme/hres4webdesign.html
**The Word version of the resume: http://www.chiefcrazyhair.com/SCC/HeatherHogan_resume.doc
The print style sheet and the web style sheet
You said shadows and rounded corners, heres both. Go to the completed page and once it’s open go to file> save page as, and put the entire web page somewhere you can find it. Open it in Dreamweaver and get to building. On this page I have included the CSS in the head of the document, since its only one page. If I were to create other pages based on the same layout I would then make the CSS external (as I hope you would too).
Here’s the Fireworks , the Photoshop file and a screenshot of how I cut up the page.
I came across this other page that has a similar effect, but is easier to replicate: http://get-what-you-give.com/ So we can pick that apart too if theres time.
And a helpful, but slightly unrelated find: Ten CSS tricks you may not know.
Its a little embarrassing how excited I can get over web developer tools, I promise I do have a life off-line. But here it is, a site that builds simple and elegant code for you, for free. Accessify.com The big bonus that I think all of you will love is the list-o-matic, which will turn your navigation into a princess in a few easy steps.
Get it here: http://www.mozilla.com/en-US/
The BEST 3 things in this version:
Oh, and IE 7 is out too, so we should test our pages on it.
Many of you have not finished your midterm and personal site- so you should finish those first! But for those who asked, here are your three choices for pages to redesign. I chose them pretty randomly, I hope that at least one is of interest to you. Too keep from piling too much work on ya, please just redesign the home page. These will be due on the day of the final for critique. Please feel free to email me at any time for comments and pre-critique. Technical questions, where the answers may benefit others should be submitted as a comment to this post (I will be sent an email notification).
Anything goes (they trust in your creative genius- web design is magic to them)! Your client doesn’t have a design preference, but wants to keep the content they already have. You can change up the colors, look, feel, and images. Things to keep: the links, text, and logo (if supplied). Do not create them a splash page, the viewer needs to get right to the information they are seeking on the home page. Imagine that all interior pages will retain the same design so you should use a template. Please post questions to the comment section of this post and I will reply there as well.
Powered by WordPress
