SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
C ritique Web Page Des ign
                                   Wal
                                       lp   ap e
                                                   rs

C o lo rs                     ds
                           un
                    g ro
            B   ac k


            C ompetency 6.02
Web S ite C olors
   Printing color is expensive so color is used
    sparingly in the printed media.
   Color is virtually free on the web so web
    designers can incorporate any amount of
    color that is appropriate for their sites.
   Color should be used to set the mood of
    a site and to achieve a purpose.
   Too much color variety can obscure, rather
    than clarify the site’s message.
   Color features should enhance your
    website—not distract.
B ackground and Foreground
C olors
   Light on dark or dark on light works best for text. See
    below:
     This is a good example         This is a bad example
     This is a good example         This is a bad example
     This is a good example         This is a bad example
     This is a good example         This is a bad example
   Contrast between the background and foreground must
    be considered when selecting color. Generally, light on dark,
    or dark on light works well.
   Color blind people cannot distinguish red/black or
    green/black combinations. So avoid these combinations,
    even though they may look okay to you.
   A light text on a dark background may not print.
   White text on a black page usually does not print.
   Use harmonizing color schemes and contrasting colors
    for text.
Background Colors
   Mid tone grey background with dark text will be best
    for most eyes.

   Bright white and light colored backgrounds are hard
    on most eyes.

   Certain color combinations are difficult to read:
     •   Red type on blue background or black on dark
         grey background. Adequate contract between
         background and text (foreground) is needed.
     •   A background that differs from the foreground
         text only in color and not in brightness can strain
         the eyes.
S electing C olors

Color and how it is perceived are both very technical and
   complex subjects. People perceive color differently:
    o   Red seems to be almost universal in marking
        something that is important.
    o   Colors can also set the mood of your website:
        Red        Generates energy and excitement
        Green      Encourages people to think
        Yellow     Signifies optimism and confidence
        Blue       Relaxes and calms by lowering blood pressure and
                   pulse rate, so too much blue can impair
                   concentration
    o   Other colors often depend on culture and even on the
        user’s personal experiences.
    o   Age of the site’s target market can also help to
        determine colors choices.
B rows er-S afe C olor Palette
   Monitors support at least 24-bit color with most
    supporting a 32-bit.
   A 24-bit color monitors can display 16.7 million colors
    and are considered browser-safe.
   RGB colors must be converted to hexadecimal system
    numbers to use in a web site. These can be converted
    on the computer’s calculator or on several free site on
    the Internet.
   Color monitors have three colors in each pixel (Red,
    Green, and Blue)
     o   Visit the site below to converts RGB to
         Hexadecimals:

         http://www.webdesigns2000.com/WebPage
     o   Tutorial for RGB and hexadecimals:
         http://www.htmlcenter.com/tutorials/tutorials
Wallpaper
    Websites often use wallpaper (background design).
    Using wallpaper requires the designer to be more
     careful with the selection of text, colors, and textures
     to maintain optimal readability.



This is a good
example

                      This is a good example


                                           This is a good example

                This is not a good example—especially if graphics
                are being used in the web site.
Wallpaper continued…

   Using distinct patterns usually results in pages that are
    difficult to read and have too much distraction.
   Wallpaper may be pretty by itself but doesn’t work with
    text on its foreground.
   Slightly embossed patterns make very tasteful, rich
    looking pages.
   Pictures and animated GIF’s should not be used as
    wallpaper because they create too much distraction.
   Test the results of different blends of background with
    different text to be sure they are legible.
   If your web site has pages that viewers may want to copy,
    be careful with colors and background selections.
Wallpaper continued…


Graphics and             Join us for the
photographs are          next meeting of
not acceptable           FBLA.
as wallpaper…
because they
make text
difficult to read
when it is
fighting the busy   WCU Cheerleaders earns 2nd in
background.         UCA’s National Championship.
Links
   To make followed and un-followed links easier to read,
    color should be added. The code is listed below with
    the response:

        LINK=link color
        ALINK=link color when mouse moves over the
         text
        VLINK=link color after viewing the followed
         hyperlink page

   When using graphics as links, give the same
    consideration for all graphics used in the site.

Click here to view CNN.com         Original color
Click here to view CNN.com         Color when mouse moves
                                   over link
Click here to view CNN.com         Color after returning from
                                   visiting CNN
KIS S
 Keep
 It
 Simple &
 Short


   Remember “Kiss” when you are
    designing a website!

Más contenido relacionado

Destacado

Event Role Players - Week 2
Event Role Players - Week 2Event Role Players - Week 2
Event Role Players - Week 2rlabsza
 
college event managment system
college event managment system college event managment system
college event managment system Pratik dave
 
Sponsorship and Event Marketing
Sponsorship and Event MarketingSponsorship and Event Marketing
Sponsorship and Event MarketingAnubha Rastogi
 
Event management and sponsoring
Event management and sponsoringEvent management and sponsoring
Event management and sponsoringevent-sponsoring
 
Event management system
Event management systemEvent management system
Event management systemD Yogendra Rao
 
4 Key impact area on gst implementation
4 Key impact area on gst implementation 4 Key impact area on gst implementation
4 Key impact area on gst implementation synergytas
 
Logo design.ppt
Logo design.pptLogo design.ppt
Logo design.pptmcglp
 
ERP Case Study On Sony Corporation
ERP Case Study On Sony CorporationERP Case Study On Sony Corporation
ERP Case Study On Sony CorporationParimal Patel
 
A quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo designA quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo designFiverr
 
Event Management System Document
Event Management System Document Event Management System Document
Event Management System Document LJ PROJECTS
 
SIGN SYMBOL LOGO (Intro to GD, Wk 3)
SIGN SYMBOL LOGO (Intro to GD, Wk 3)SIGN SYMBOL LOGO (Intro to GD, Wk 3)
SIGN SYMBOL LOGO (Intro to GD, Wk 3)Shawn Calvert
 

Destacado (17)

Event Role Players - Week 2
Event Role Players - Week 2Event Role Players - Week 2
Event Role Players - Week 2
 
Event budget
Event budgetEvent budget
Event budget
 
Organising a successful event
Organising a successful eventOrganising a successful event
Organising a successful event
 
college event managment system
college event managment system college event managment system
college event managment system
 
Sponsorship and Event Marketing
Sponsorship and Event MarketingSponsorship and Event Marketing
Sponsorship and Event Marketing
 
Event management and sponsoring
Event management and sponsoringEvent management and sponsoring
Event management and sponsoring
 
Event management system
Event management systemEvent management system
Event management system
 
4 Key impact area on gst implementation
4 Key impact area on gst implementation 4 Key impact area on gst implementation
4 Key impact area on gst implementation
 
Logo design.ppt
Logo design.pptLogo design.ppt
Logo design.ppt
 
ERP Case Study On Sony Corporation
ERP Case Study On Sony CorporationERP Case Study On Sony Corporation
ERP Case Study On Sony Corporation
 
A quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo designA quick and extremely awesome guide to logo design
A quick and extremely awesome guide to logo design
 
Research critique example rmt 1
Research critique example rmt 1Research critique example rmt 1
Research critique example rmt 1
 
Gst presentation
Gst presentationGst presentation
Gst presentation
 
GST INDIA
GST INDIAGST INDIA
GST INDIA
 
Event Management System Document
Event Management System Document Event Management System Document
Event Management System Document
 
Gst ppt
Gst pptGst ppt
Gst ppt
 
SIGN SYMBOL LOGO (Intro to GD, Wk 3)
SIGN SYMBOL LOGO (Intro to GD, Wk 3)SIGN SYMBOL LOGO (Intro to GD, Wk 3)
SIGN SYMBOL LOGO (Intro to GD, Wk 3)
 

Similar a Critique web page design.ppt

Things to consider when designing websites
Things to consider when designing websitesThings to consider when designing websites
Things to consider when designing websitesNic Finch
 
23--Web-Design-Principles
23--Web-Design-Principles23--Web-Design-Principles
23--Web-Design-PrinciplesSelman Bozkır
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notesbutest
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websitenonlinear creations
 
Assignment 1 web authoring-ASM(:
Assignment 1 web authoring-ASM(:Assignment 1 web authoring-ASM(:
Assignment 1 web authoring-ASM(:haverstockmedia
 
Assignment 1 web authoring
Assignment 1 web authoringAssignment 1 web authoring
Assignment 1 web authoringhaverstockmedia
 
Assignment 1 web authoring
Assignment 1 web authoringAssignment 1 web authoring
Assignment 1 web authoringhaverstockmedia
 
Presentation2
Presentation2Presentation2
Presentation2gregbear
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointD'arce Hess
 
Best web color schemes for 2014
Best web color schemes for 2014Best web color schemes for 2014
Best web color schemes for 2014Christopher Dill
 
Presentation1
Presentation1Presentation1
Presentation1gregbear
 
The Elements of Design - Color
The Elements of Design - ColorThe Elements of Design - Color
The Elements of Design - Colorcoachhahn
 
Unit 11 web authoring
Unit 11 web authoringUnit 11 web authoring
Unit 11 web authoringEscudero24
 
Web Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran PresentationWeb Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran PresentationMantran
 

Similar a Critique web page design.ppt (20)

Things to consider when designing websites
Things to consider when designing websitesThings to consider when designing websites
Things to consider when designing websites
 
23--Web-Design-Principles
23--Web-Design-Principles23--Web-Design-Principles
23--Web-Design-Principles
 
Assignment 1 guide
Assignment 1 guideAssignment 1 guide
Assignment 1 guide
 
Assignment 1 guide
Assignment 1 guideAssignment 1 guide
Assignment 1 guide
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly website
 
Assignment 1 web authoring-ASM(:
Assignment 1 web authoring-ASM(:Assignment 1 web authoring-ASM(:
Assignment 1 web authoring-ASM(:
 
Assignment 1 web authoring
Assignment 1 web authoringAssignment 1 web authoring
Assignment 1 web authoring
 
Assignment 1 web authoring
Assignment 1 web authoringAssignment 1 web authoring
Assignment 1 web authoring
 
Creating a website
Creating a websiteCreating a website
Creating a website
 
Presentation2
Presentation2Presentation2
Presentation2
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
Best web color schemes for 2014
Best web color schemes for 2014Best web color schemes for 2014
Best web color schemes for 2014
 
Web dev
Web devWeb dev
Web dev
 
Presentation1
Presentation1Presentation1
Presentation1
 
Assignment 1 :JJD
Assignment 1 :JJDAssignment 1 :JJD
Assignment 1 :JJD
 
The Elements of Design - Color
The Elements of Design - ColorThe Elements of Design - Color
The Elements of Design - Color
 
Amine-AGT-Dubai
Amine-AGT-DubaiAmine-AGT-Dubai
Amine-AGT-Dubai
 
Unit 11 web authoring
Unit 11 web authoringUnit 11 web authoring
Unit 11 web authoring
 
Web Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran PresentationWeb Design - What's Trending in 2021-Mantran Presentation
Web Design - What's Trending in 2021-Mantran Presentation
 

Último

Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 

Último (20)

Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 

Critique web page design.ppt

  • 1. C ritique Web Page Des ign Wal lp ap e rs C o lo rs ds un g ro B ac k C ompetency 6.02
  • 2. Web S ite C olors  Printing color is expensive so color is used sparingly in the printed media.  Color is virtually free on the web so web designers can incorporate any amount of color that is appropriate for their sites.  Color should be used to set the mood of a site and to achieve a purpose.  Too much color variety can obscure, rather than clarify the site’s message.  Color features should enhance your website—not distract.
  • 3. B ackground and Foreground C olors  Light on dark or dark on light works best for text. See below: This is a good example This is a bad example This is a good example This is a bad example This is a good example This is a bad example This is a good example This is a bad example  Contrast between the background and foreground must be considered when selecting color. Generally, light on dark, or dark on light works well.  Color blind people cannot distinguish red/black or green/black combinations. So avoid these combinations, even though they may look okay to you.  A light text on a dark background may not print.  White text on a black page usually does not print.  Use harmonizing color schemes and contrasting colors for text.
  • 4. Background Colors  Mid tone grey background with dark text will be best for most eyes.  Bright white and light colored backgrounds are hard on most eyes.  Certain color combinations are difficult to read: • Red type on blue background or black on dark grey background. Adequate contract between background and text (foreground) is needed. • A background that differs from the foreground text only in color and not in brightness can strain the eyes.
  • 5. S electing C olors Color and how it is perceived are both very technical and complex subjects. People perceive color differently: o Red seems to be almost universal in marking something that is important. o Colors can also set the mood of your website: Red Generates energy and excitement Green Encourages people to think Yellow Signifies optimism and confidence Blue Relaxes and calms by lowering blood pressure and pulse rate, so too much blue can impair concentration o Other colors often depend on culture and even on the user’s personal experiences. o Age of the site’s target market can also help to determine colors choices.
  • 6. B rows er-S afe C olor Palette  Monitors support at least 24-bit color with most supporting a 32-bit.  A 24-bit color monitors can display 16.7 million colors and are considered browser-safe.  RGB colors must be converted to hexadecimal system numbers to use in a web site. These can be converted on the computer’s calculator or on several free site on the Internet.  Color monitors have three colors in each pixel (Red, Green, and Blue) o Visit the site below to converts RGB to Hexadecimals: http://www.webdesigns2000.com/WebPage o Tutorial for RGB and hexadecimals: http://www.htmlcenter.com/tutorials/tutorials
  • 7. Wallpaper  Websites often use wallpaper (background design).  Using wallpaper requires the designer to be more careful with the selection of text, colors, and textures to maintain optimal readability. This is a good example This is a good example This is a good example This is not a good example—especially if graphics are being used in the web site.
  • 8. Wallpaper continued…  Using distinct patterns usually results in pages that are difficult to read and have too much distraction.  Wallpaper may be pretty by itself but doesn’t work with text on its foreground.  Slightly embossed patterns make very tasteful, rich looking pages.  Pictures and animated GIF’s should not be used as wallpaper because they create too much distraction.  Test the results of different blends of background with different text to be sure they are legible.  If your web site has pages that viewers may want to copy, be careful with colors and background selections.
  • 9. Wallpaper continued… Graphics and Join us for the photographs are next meeting of not acceptable FBLA. as wallpaper… because they make text difficult to read when it is fighting the busy WCU Cheerleaders earns 2nd in background. UCA’s National Championship.
  • 10. Links  To make followed and un-followed links easier to read, color should be added. The code is listed below with the response:  LINK=link color  ALINK=link color when mouse moves over the text  VLINK=link color after viewing the followed hyperlink page  When using graphics as links, give the same consideration for all graphics used in the site. Click here to view CNN.com Original color Click here to view CNN.com Color when mouse moves over link Click here to view CNN.com Color after returning from visiting CNN
  • 11. KIS S  Keep  It  Simple &  Short  Remember “Kiss” when you are designing a website!