September 26

posted Sep 26, 2011, 7:22 AM by Peter Knowles   [ updated Sep 27, 2011, 5:38 AM ]
Using what you learned from visiting the color sites, complete the following practice activity. When it says to CHECK YOUR WORK, call Mr. Knowles over to (you guessed it) check your work. (If you need to go back to those sources at any time, you can go back to last Thursday's assignment
  1. Open a new file from HTMLInstant, ShiftEdit, or just Google Docs
  2. Copy and paste 3 paragraphs of text from Lorem Ipsum into your file as Body text, with <p> tags at start and end of each paragraph. 
  3. The color table at http://www.w3schools.com/tags/ref_color_tryit.asp?color=Black may help you with this task.
Step one: Use a <font-color=colorname> format for your tags
  1. Choose a COOL COLOR to color the first paragraph's text 
  2. Choose a NEUTRAL COLOR to color the second paragraph's text
  3. Choose a WARM COLOR to color the next paragraph's text
Step two: Copy and paste the code you just created. Then, on the code you just pasted, do the following steps.
  1. Change your COOL COLOR tag from a color name attribute, using an RGB attribute instead to achieve the same color
  2. Change your NEUTRAL COLOR tag from a color name attribute, using an RGB attribute instead to achieve the same color
  3. Change your WARM COLOR tag from a color name attribute, using an RGB attribute instead to achieve the same color
Step three: Copy and paste the code you just created. Then, on the code you just pasted, do the following steps.
  1. Change your COOL COLOR tag from an RGB attribute, using a Hexadecimal attribute instead to achieve the same color
  2. Change your NEUTRAL COLOR tag from an RGB attribute, using a Hexadecimal attribute instead to achieve the same color
  3. Change your WARM COLOR tag from am RGB attribute, using a Hexadecimal attribute instead to achieve the same color
Step four: Copy and paste the code you just created. Then, on the code you just pasted, do the following steps.
  1. Change your COOL COLOR tag, using a Hexadecimal attribute to create a cool color that IS NOT POSSIBLE using the colorname attribute 
  2. Change your NEUTRAL COLOR tag, using a Hexadecimal attribute to create a neutral color that IS NOT POSSIBLE using the colorname attribute
  3. Change your WARM COLOR tag, using a Hexadecimal attribute to create a warm color that IS NOT POSSIBLE using the colorname attribute
When you're all done, you'll have a page of code that has four sets of colored text on it. The first three should all look exactly the same, even though the coding is different. The fourth should look a little different, because you have tweaked the colors using unique hexadecimal codes. 

Got it? Good. 
  1. Save your work as a GoogleDoc
  2. Share it with Mr. Knowles
  3. Help someone who isn't as far along as you are.
Comments