Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
More Basic HTML<br />Module 2: HTML Basics, Lesson 2<br />
Guiding Questions<br />What colors do you like to see when viewing a web page?<br />How can a choice of color affect the m...
Coloring the Web<br />Color choice can be crucial to conveying your message and engaging your audience<br />Colors affect ...
Defining Colors<br />Hexadecimal Color Chart<br />Visibone Hexadecimal Color Chart -<br />216 Web Safe Color Chart (Hexade...
Background Color<br />Background color is defined using an attribute<br />Attributes define the way a tag should be marked...
Text Alignment<br />As with any word processing program, you can choose to align the text on a page in three ways<br />Lef...
Horizontal Rules<br />A horizontal rule is a line that spans the width of a web page element<br />Created using the <hr> t...
Upcoming SlideShare
Loading in …5
×

T.2.2.pp(new)

205 views

Published on

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

T.2.2.pp(new)

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

×