Websites Mentioned in Using Effective Webpage Design Concepts Class

Some of the following websites were used in this class to illustrate various examples -- positive and negative.

#1 ..... Size and Speed

#2 ..... Layout

#3 ..... Navigation

#4 ..... Distractions

#5 ..... Graphics

#6 ..... Text

#7 ..... Colors

#8 ..... Newer Technologies

#9 ..... Web Accessibility

#10 ... Coding Errors

---

#1 ..... Size and Speed

Examples:

http://www.dochemp.com/

http://njballoons.com/

http://www.giftedbasket.com

http://www.iteachyou.com/web/samples.htm -- scroll down to "Web-Friendly..." near the bottom.

Activity:

http://www.martindalecenter.com/AATimeCalc.html

(top of page)

---

#2 ..... Layout

Entrance Page:

http://www.simply-italian.com

http://www.in-carlsbad.com/

http://www.kirkstone.com

http://www.indigenouspeople.net

Resolution:

http://www.onestat.com/html/aboutus_pressbox31.html

Above the Fold:

http://www.sungodsuniverse.com

http://iceflyer.com/

http://www.symantec.com/

http://www.google.com/

White Space and Horizontal Scrolling:

http://countrycoffee.com/

(top of page)

---

#3 ..... Navigation

Too Many Clicks to the Meat

http://www.grohe.com

"Mystery Meat" Navigation:

http://www.movado.com/

http://www.contemporarychair.com.au/

http://www.dacor.com/products/producttype_index.asp?ptype=CKTP

http://www.paulsimon.com/index_main.html

http://www.library.arizona.edu/branches/ccp/

Image Maps:

http://www.disney.com

Frames:

http://www.ukwebpages.co.uk/deafdogs/training.htm

http://www.humphreysconcerts.com

http://www.stjameshotel.com/reservations.htm

http://www.qbgardens.com

http://hubcap.clemson.edu/~sparks/sframe.html

http://www.flagdist.com

Hyperlinks:

http://slate.msn.com/id/2097682

http://www.cnn.com/

http://www.infograph.com/

http://www.icwgroup.com/

http://www.festivalsantafe.org/

Misc. about Hyperlinks:

http://www.amazon.com/

http://www.eddiebauer.com/

http://www.orlandoairports.net:/goaa/main.htm

Activity:

http://www.poynterextra.org/eyetrack2004

(top of page)

---

#4 ..... Distractions

Constantly-Running Animations:

http://www.uchug.org/

http://travel.discovery.com/

http://www.crayola.com/

http://www.dcpdoctor.com/

http://www.degreeadvisors.com/

Scrolling Text and Marquees:

http://www.flagdist.com/

http://www.aadesigns.com/

Distracting Backgrounds:

http://www.diamondassoc.com/

http://www.searchengine-news.com/optilink/

Automatic/Endless Music:

http://www.torreslawfirm.com/

http://www.annabella.net/music.html

http://www.dochemp.com/

Activity:

http://www.archive.org/

(top of page)

---

#5 ..... Graphics

Sources for Graphics Tools:

http://www.jasc.com/

http://www.adobe.com/

Demo of Image Optimization:

http://njballoons.com/

Activity:

http://www.netmechanic.com/

(top of page)

---

#6 ..... Text

Font Selection:

http://www.flagdist.com/

http://countrycoffee.com/

Text Graphics:

http://www.iteachyou.com/

Text Hyperlinks:

http://en.wikipedia.org/wiki/2004_Indian_Ocean_earthquake

Activity:

http://www.netmechanic.com/

(top of page)

---

#7 ..... Colors

Color Samples:

http://www.iteachyou.com/web/samples.htm

http://colorcombo.com/array.html

http://www.techcolor.com/help/cmyk.html

Printing Color:

http://www.max-effect.com/oldsite

http://www.max-effect.com

http://www.tellworld.com/Astro.Biological.Coenergetics

Contrast:

http://www.bitsworld.com/dogrun/

http://auction.sharperimage.com/

http://www.blackviper.com/

Activity:

http://www.cooltext.com/

http://www.vischeck.com/

(top of page)

---

#8 ..... Newer Technologies

Flash:

http://www.paulsimon.com/

http://www.dutton.com

http://www.miragefloors.com/us/MirageDreamerRoomDesign/create-hardwood-floor-design.html

http://www.useit.com/alertbox/20001029.html (info about Flash)

Shockwave:

http://www.sci.sdsu.edu/multimedia/birdlungs

PDF:

http://ftp.fedworld.gov/pub/irs-pdf/ict1.pdf

QuickTime VR:

http://www.bellissima-spa.com/8.html (click Virtual Tour)

Simplicity:

http://www.cyberdream.co.uk/

http://www.microsoft.com/

http://www.ebay.com/

http://www.amazon.com/

http://www.google.com/

http://www.johnnycash.com/

http://www.interpublic.com

http://www.omnicomgroup.com

(top of page)

Activity:

http://www.webpagesthatsuck.com/

---

#9 ..... Web Accessibility

Activity:

http://www.w3.org/WAI

http://www.cast.org/bobby

(top of page)

---

#10 ..... Coding Errors

Validators:

http://www.netmechanic.com/

http://validator.w3.org/

(top of page)

---

Additional Class Resources:

Helpful Websites:

http://www.iteachyou.com/web/websites.htm

Books:

http://www.iteachyou.com/web/books.htm

(top of page)

Webpage Samples:

http://www.iteachyou.com/web/samples.htm

Planning Info:

http://www.iteachyou.com/web/plan.htm