web design by anne galante l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Web Design by Anne Galante PowerPoint Presentation
Download Presentation
Web Design by Anne Galante

Loading in 2 Seconds...

play fullscreen
1 / 23

Web Design by Anne Galante - PowerPoint PPT Presentation


  • 367 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Web Design by Anne Galante' - Jimmy


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
web design by anne galante

Web Designby Anne Galante

The Good,

the Bad,

and the Ugly!

web design topics
Web Design Topics
  • Background Page Colors
  • Layouts
  • Color Schemes
  • Fonts
  • URL Names
  • Movement
  • Technical
home page colors ugly
Home Page Colors -Ugly

My home Page

Stay away from base colors like red.

They are hard to read!

home page colors bad
HomePage Colors – Bad
  • Never, never use black as a base.

http://www.ocf.berkeley.edu/~chenj/brucelee/brucelee.html

home page colors good
Home Page Colors - Good
  • Using soft a soft color palette for background color.
  • Using a soft color font
home page colors good9
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
home page colors good11
HomePage Colors - Good

About us

Project Web

My Personal Site

Monochromatic Color Scheme.

home page colors good12
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
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
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
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
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?
slide19

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
“The secret to creativity is knowing how to hide your sources.”

Albert Einstein (1879 - 1955)

references
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