230 likes | 643 Views
Web Design by Anne Galante. The Good, the Bad, and the Ugly!. Your Website may not be a peacock at first!. Don’t let your website be the ugly duckling!. Your website can turn into a swan …..with some tips. Web Design Topics. Background Page Colors Layouts Color Schemes Fonts
E N D
Web Designby Anne Galante The Good, the Bad, and the Ugly!
Your website can turn into a swan …..with some tips.
Web Design Topics • Background Page Colors • Layouts • Color Schemes • Fonts • URL Names • Movement • Technical
Home Page Colors -Ugly My home Page Stay away from base colors like red. They are hard to read!
HomePage Colors – Bad • Never, never use black as a base. http://www.ocf.berkeley.edu/~chenj/brucelee/brucelee.html
Home Page Colors - Good • Using soft a soft color palette for background color. • Using a soft color font
HomePage Colors - Good About us Project Web My Personal Site • Stick to white/light colored backgrounds. • Use color for titles and toolbars. • Try using a color wheel for a decorators touch • msn.com
HomePage Colors - Good About us Project Web My Personal Site Monochromatic Color Scheme.
Home Page Colors - Good About us Project Web My Personal Site Contrasting Color Scheme. CondéNet and Condé Nast Magazines
Font Usage – Ugly to Bad • Donot mixdifferentcolorsinsentences! • Do notmix fontsin a sentence. • It’s hard to read blinking words! • Do Not make Fonts to small. (10 pt) (ie. Do not make fonts to small)
Font Usage - Good • Use a different font for heading and paragraphs. • Acceptable Paragraph type sizes are: Example of 14pt Example of 16 pt Use the following fonts: Arial, Courier, Fonts will be limited based upon what tools you use to make your website.
Web Page Content • What are you trying to convey? • Informative • Interaction • Data Collection • What fill be the function of your Website? • Homework Help • General Information • Calendar/Lunch Menu • Start with a design first
URL Names • Give some thought to the name • Easy to remember • May be restricted/used already • Domain Names run out eventually 1,5,10 years • How will others know what the URL is?
Sample of School Websites • Find a design you like and • http://www.bestschools.org/ • http://www.syosset.k12.ny.us/ • http://www.lynbrook.k12.ny.us/site/index.cfm • http://www.adelphi.edu/ • http://www.usmma.edu/
“The secret to creativity is knowing how to hide your sources.” Albert Einstein (1879 - 1955)
References: • Web Style Guide http://webstyleguide.com/ • Patrick Crispen Classroom Resources http://www.netsquirrel.com/classroom/ • Web Page Design http://www.wpdfd.com/ • Accessible Web Page Design http://www.makoa.org/web-design.htm