Announcements

Here’s a list of assignments that must have links on your CAWEB home page:

• Web Gazette 3
• Resume
• 100K Scuba
• Artist/Musician
• Dane County Farmers Market
• Styling Link States with CSS
• SimpleViewer Gallery
• Pirate Party
• Basic Tables
• Portfolio/Brochure

Extra Credit

If you want to fancy up your home page for extra credit, refer to the Temporary Home Page Assignment Page  for points available for various things.

Please notify me me by email by midnight on Dec. 18  of the specific things you did for the extra credit. For example, you might say in your email:

“Hi Ann, I fancied up my temporary home page by adding an image map, an external style sheet and CSS links states.”

Here’s the grade scale at the moment. These numbers will change as I enter more grades. Your total points are on your Blackboard page.

Note that this does not include any grade alterations for absences. As stated in the Syllabus, grades are lowered one level for each three classes missed. IOW, after you miss four classes, your grade is lowered one level; after you miss seven classes, your grade is lowered another level, etc.

Tonight we’ll work on web forms. For more information about web forms, read Chapter 9, Forms, pp 147 – 176 in Learning Web Design.

For information about how to use Dreamweaver to create forms, watch James Williamson’s Dreamweaver 6: Essential Training on Lynda.com. Chapter 10 addresses web forms.

Freshly back from Thanksgiving break, we worked on our Portfolio/Brochure sites this week.

And! We learned how to use Simpleviewer.

On Tuesday the 20th, we worked on the CSS Links exercise. You can go to the exercise page and find out all about it!

Schedule for the rest of the semester:

• Nov. 27 Tue – Work on Brochure/Portfolio Site. I’ll be gone and you’ll have a sub.
• Nov. 29 Thurs–
  • Interim deadline for B/P site – Photoshop/Illustrator/Fireworks prototype of your site ready for a crit. If you don’t have some kind of a draft ready to show, your final grade will be lowered 10 points.
  • SimpleViewer demo – learn how to make an image gallery with Bridge
• Dec. 4 Tuesday – Work night. Also, discussion of web forms and hosting, domain registration, etc.
  
• Dec. 6 Thurs – Pirate Party (anchored Links and Image Maps) demo + work night
• Dec. 11 Tue – Work night. Also, brief discussion of tables.
• Dec. 13 Tue – Work night
• Dec. 18 Tue – Portfolio/Brochure crit. Last class. All work must be in on this day.

Happy Thanksgiving, BTW! Here is a treat for you. You’re welcome.

Here’s what we did this week:

1. On Tuesday, I demo’d how to make a background that stretches to fill the browser window.  If you want to do this, here is a video that shows you how: Full-Page Background Demo.
2. On Thursday, I we had a work night and and then a crit of the completed Farmer’s Market sites.
3. At the end of class on Thursday, I handed out stuff for our next (and last big) assignment – the Portfolio/Brochure site.

Schedule for the rest of the semester

• Nov. 20 Tue – Work night for Portfolio Brochure. Also, CSS Links in-class exercise
• Nov. 27 Tue – Work on Brochure/Portfolio Site. I’ll be gone and you’ll have a sub.
• Nov. 29 Thurs–
  • Interim deadline for B/P site – Photoshop/Illustrator/Fireworks prototype of your site ready for a crit. If you don’t have some kind of a draft ready to show, your final grade will be lowered 10 points.
  • SimpleViewer demo – learn how to make an image gallery with Bridge
• Dec. 4 Tuesday – Work night. Also, discussion of web forms and hosting, domain registration, etc.
  
• Dec. 6 Thurs – Pirate Party (anchored Links and Image Maps) demo + work night
• Dec. 11 Tue – Work night. Also, brief discussion of tables.
• Dec. 13 Tue – Work night
• Dec. 18 Tue – Portfolio/Brochure crit. Last class. All work must be in on this day.

Want to make a full page background image that stretches to accommodate the browser window like this? Yes you do. Here’s how:

Add a Full-Page Background Image – 22 minutes from Ann Foley on Vimeo.

We talked about websites that are horrible, and that was fun because we can all come up with so many.

Here‘s a post with links to some great usability resources.

Don’t Make Me Think is the definitive book about usability, well worth a read. I think it has applications beyond digital design. Many designed items that you use every day – packaging, textbooks, other books, phones, instruction manuals – could stand a little usability testing.

Dreamweaver Demo screencast

We also started using Dreamweaver for CSS – both for layout and for styling text and so forth. Below are links to screencasts I made from my Thursday night demo.

1. Layout with Dreamweaver part 1 – 6 minutes. Overview of project plus the most important part of working on a site in Dreamweaver.
2. Layout with Dreamweaver part 2  – 7 minutes. Creating the divs we’ll style later.
3. Layout with Dreamweaver part 3 – 7:40 minutes. CSS in Dreamweaver; styling the wrapper div.
4. Layout with Dreamweaver part 4 – 7 minutes. Styling the header div.
5. Layout with Dreamweaver part 5 – 3 minutes. Styling the maincontent and sidebar divs.
6. Layout with Dreamweaver part 6 – 13 minutes. Styling the text. Styling the links. Creating the border between maincontent and sidebar.

We started using Dreamweaver, Adobe’s web design product, this week. Dreamweaver is really useful. It’s a text editor, a file manager and an FTP client (like Fetch) all in one.

But it can also be confusing – probably because it does so much. So we’ll take it slow.

We also started work on the Dane County Farmer’s Market assignment. We’ll have a preliminary crit on Tuesday, Nov. 6.

Here’s what you need to have ready on Tuesday. In a manila envelope:

• Filled out worksheet with
• 2 mood sketches
• 2 wireframes

A preliminary Photoshop mockup of your home page for the site. This should be printed out.

 Also, please bring two examples of web sites, or features of websites, that drive you crazy.

Sorry this recap of last week is a little late, students. To refresh your memory of last week (only Thursday the 25th – no class on the 23rd):

• Critiqued the Musician assignment. You all did a fantastic job! I truly am impressed by the results I saw.
• Practiced making links. To assist you, I’ve put a Links Cheatsheet in the Handy Tips section. It includes info about how to make links to files in higher directories, if you want to experiment with that.
• We did the Temporary Home Page assignment. The bare bones version of this is due Tomorrow.

See you tomorrow!

ps – I made a video: Link to an External Style Sheet. It’s also on the Handy Tips page.