2. 1. What colors do you like to see when viewing a web
page?
2. How can a choice of color affect the message on a Web
page?
3. What is text alignment and what are some examples of
it?
(You will respond to these questions in the discussion forums)
Guiding Questions
3. • Color choice can be crucial to conveying your message
and engaging your audience
• Colors affect our decisions everyday… without ever
realizing it!
• Web colors can be defined three ways:
1. Color Name (i.e. Black; 16 choices)
2. Hexadecimal code (#000000)
3. RGB code (0, 0, 0)
Coloring the Web
4. • Hexadecimal Color Chart
• Visibone Hexadecimal Color Chart -
• 216 Web Safe Color Chart (Hexadecimal and RGB)
• Color Names and Hexadecimal Code
• RGB, Hexadecimal and Color Names
• RGB, Hexadecimal and Color Names
• Each is a link to an online resource
Defining Colors
5. • Background color is defined using an attribute
• Attributes define the way a tag should be marked up
• The background color attribute is “bgcolor”
• <body bgcolor=“black”>
• This code would change the background color for the page
to black
Background Color
6. • As with any word processing program, you can choose to
align the text on a page in three ways
• Left
• Center
• Right
• By default, text will be aligned to the left margin of a web
page
Text Alignment
7. • A horizontal rule is a line that spans the width of a web
page element
• Created using the <hr> tag
• Attributes can be defined to change the default line
• Width can be defined as a percentage
• Size is defined with an integer
• Color is defined by a code
• Ex: <hr width=“90%” size=“5” color=“#000000”>
Horizontal Rules