Resources & Tips

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.

Dreamweaver Demo screencast

Screencasts of Thursday, Nov. 8 demo of how to do layout and many other things with Dreamweaver:

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.

Websites

• Usability 101 by Jakob Nielsen. He’s a great thinker in the usability field, but his website is not so usable.
• U.S. Government usability website – this is a great resource
• Boxes and Arrows – a design website that concentrates on user experience

Videos (we’ve seen these in class)

• What the Heck is UX Design?
• Usability Test with a Paper Prototype

Same directory (from index.html to about.html):

Click <a href=”about.html”> here </a> to visit my about page!

One level down (from index.html to salmon.html ):

Click <a href=”recipes/salmon.html”> here </a> to view the salmon recipe!

Two levels down (from index.html to linguine.html):

Click <a href=”recipes/pasta/linguine.html”> here </a> to view the linguine recipe!

One level up (from tapenade.html to index.html):

Click <a href=”../index.html”> here </a> to return to the home page.

Two levels up (from linguine.html to index.html):

Click <a href=”../../index.html”> here </a> to return to the home page.

Here’s a screencast of my demo about linking to an external stylesheet. Apologies for the sketchy production quality. I’m a noob at video sorts of things.

This video is tiny in the screen, but you can make it fit to your monitor.

If you still have questions when you’re done, refer to our textbook, Learning Web Design, pages 300 – 302.

Are you curious about how Textwrangler works? Probably not. But if you’re going to use it, at some point you will benefit by having the User Manual.

Here it is, in pdf format.

According to the Atlantic, via Gizmodo, it’s pronounced “jif” like the peanut butter. Because the folks at CompuServe, who invented the format, said so.

But I hear people say “gif” with a hard “g” sound all the time. That’s the way I’ve pronounced it over the years. I have been wrong all along.

“Series of tubes” is a phrase coined originally as an analogy by then-United States Senator Ted Stevens (R-Alaska) to describe the Internet in the context of opposing network neutrality.[1] On June 28, 2006, he used this metaphor to criticize a proposed amendment to a committee bill. The amendment would have prohibited Internet service providers such as AT&T and Verizon Communications from charging fees to give some companies higher priority access to their networks or their customers. This metaphor has been widely ridiculed as demonstrating Stevens’s poor understanding of the Internet, despite the fact that he was in charge of regulating it.[2][3] ~ Wikipedia

In 2008, Stevens was indicted and convicted of failing to properly report gifts (this has nothing to do with the internet, but it’s interesting). He allegedly accepted $250,000 of home-improvement help from a contractor buddy.

After his conviction, some members of the Senate talked of having Stevens expelled. Throughout this time, Stevens maintained his innocence. But he lost the 2008 election so the point was moot.

A few months later, an FBI agent involved in the investigation of Stevens filed a whistleblower affidavit – the prosecution had withheld a fair amount of evidence that may have resulted in a verdict of “not guilty” if the jury had known about it. The trial judge called the prosecutor’s conduct “outrageous” and set aside the Stevens verdict.

In 2010, Stevens died in a plane crash north of Dillingham, Alaska.