POLI 311: Writing Political Humor – Website Information

Your Personal Webpage:

http://www.willamette.edu/~yourUserName

Setting Up Your Personal Webpage:

http://www.willamette.edu/wits/resources/docs/webmedia/webpage.htm

Organizing Your Personal Webpage:

Keep all files (html pages, images, sounds) in the public_html folder

Name the home page file index.htm(l)

Create subfolders for associated files (subpages, images, etc.)

Setting Up Your Personal Webpage(s):

1. Know what you want to say; structure the content and design around the purpose of your webpage
2. Plan how users will navigate around your website; sketch out the moves to jump from one page to another
3. Coordinate your site by using similar graphics and layout to tie your pages together
4. Test your layout in different browsers

The Bad Examples:

http://www.nicemice.net/amc/soapbox/html-abuse/fonts.var

http://users.nac.net/falken/annoying/

http://www.webpagesthatsuck.com/biggest-web-design-mistakes-in-2004.html

http://www.ratz.com/featuresbad.html

Additional Information:

Oldie but Goodie Advice: http://www.useit.com/alertbox/990530.html

Design Tutorial: http://www.un.org/events/workshop/dpi-unitar/2003/dreamweaver/bad-design.htm

Dreamweaver Tutorial: http://www.learnthat.com/computers/learn-362-dreamweaver_mx_2004.htm

Storyboarding: http://chantry.acs.ucf.edu/~mikep/cet1515c-sp99/storyboard.html

Cascading Style Sheet Information:

http://www.csszengarden.com/

http://www.w3schools.com/css/css_intro.asp

http://www.htmlhelp.com/reference/css/

http://www.yourhtmlsource.com/stylesheets/

Creating a Webpage Using Word

1. Create a webpage using the webpage wizard (Word 2002 PC)

• File>New>New from template: click General Template, then the Web Pages tab.
• Double click the Web Page Wizard and follow the instructions

2. Create a webpage based on a template (Word 2002 PC)

• File>New>New from template: click General Template, then the Web Pages tab.
• Double click the template you want to use and populate with your own data

3. Create a webpage based on a template (Word X Mac)

• File>Project Gallery, then Category>Web Pages.
• Double click the template you want to use and populate with your own data

4. Create a blank webpage (PC and Mac)

• File>New>Blank Web Page.

5. Create a webpage from an existing Word document (PC and Mac)

• File>Save as Web Page

6. Editing

• Use tables, with or without borders, to organize and align layout
• Use File>Web Page Preview to see the document in the default browser. To test in a variety of browsers, change the default browser specification.
• Format>Background, Format>Themes, etc. to add color, fill effects and texture to the webpage
• To add a hyperlink, highlight the text and select Insert>Hyperlink. Type or paste in the link address in the Link to: field.
• File>Save as Web Page will convert the DOC file to HTML format and create an HTM file. Once you’ve done this, you can’t open the file for editing by double clicking on it because file associations usually match HTM files with browsers, You have to open Word and then use File>Open to edit the file.

7. Create hyperlinks: Highlight the text and choose Insert>Hyperlink. Must type the entire link (http://www...)

8. Using graphics: Insert>Picture. Use Format Picture>Layout to align text and graphics. The following layouts generally work well in browsers:

• Square wrapped with graphics right or left aligned
• Top and bottom wrapped with graphics between paragraphs
• Graphics in front of or behind text
• Graphics in line with text

Be aware of the difference between inserting a graphic into your webpage file and linking a graphic to your webpage file. If you move or copy your webpage and you have linked graphics, be sure to move the graphics as well.

9. Supporting Files: Be default, Word creates supporting files that contain parts of your webpage and puts them in a folder that is given the same name as your page file with “_files” added (myPage.html + myPage_files.html). If you move your page file, you must move the supporting file folder as well or your page will be broken

Facilities

Smullin:

• Multi-media Work Room: Mac/PC, microphones, scanners, student assistants M-F 8-5, can get code for 24 hour access, large suite of multi-media applications
• Language Learning Lab: PC only, microphones, student assistants, Monday-Thursday 8-5/7-9, Friday 8-4, Sunday 7pm-11; large suite of multi-media applications
• Main Lab: Mac/PC, limited multi-media capability
• WITS-FAST: students can provide one-on-one training to assist with class assignments. Email cramerc@willamette.edu.

Eaton 424:

• Mac only, no microphones

Copy Center:

• Ground floor Waller Hall
• http://www.willamette.edu/dept/cc/price_list.pdf
• Originals may include hard copy, CD, floppy and Zip disks
• Single- and double-sided printing on white or colored paper or cardstock: letter, legal and 11x17 sizes
• Single- and double-sided color printing: letter (regular and glossy), 11x17, 12x18 sizes

Sources for Images

Google/Yahoo Images	Museum web sites	Grove Art Online
AP Photo Archive	ARTstor	Corbis
Getty Images	Stock.xchng	Library image collection
FreeStockPhotos	FreeImages	MorgueFile
StockCache	ImageAfter	Flickr

“Free” images means just that; “royalty-free” means that you must buy or license the image (costs range from $1.00 up into the hundreds) but can then use it as often as you like with no additional royalty fee payment. Many images on the web are watermarked invisibly so that usage can be tracked.

Attribution: when you use someone else’s image, it is polite to give them credit with a small tag.