1.  Review ◦ DMACC  P drive ◦ Email 4htclub@gmail.com password: stem2014 first line  always put your name4htclub@gmail.com  Club Web site : www.4hhtc.orgwww.4hhtc.org

2.  Photo editor; ◦ Photoshop  free program Gimp http://www.gimp.org/ http://www.gimp.org/  Text editor; ◦ Dreamweaver  free program notepad and notepad++ ◦ http://notepad-plus-plus.org/http://notepad-plus-plus.org/

3.  ◦ Untitled Document ◦  /*put the css between the style tags in the head.  This is a CSS comment */ ◦  ◦ put contents between the body tags ◦ 

4.  Header tags  Paragraph tags  Picture  http://www.w3schools.com/html/tryit.asp?fil ename=tryhtml_images_style http://www.w3schools.com/html/tryit.asp?fil ename=tryhtml_images_style  Stored in another folder + broken path to the picture http://www.w3schools.com/html/tryit.asp?fil ename=tryhtml_images_folder http://www.w3schools.com/html/tryit.asp?fil ename=tryhtml_images_folder

5.  Link to  ◦ another web page on you web site ◦ to an external web site  http://www.w3schools.com/html/tryit.asp?fil ename=tryhtml_links http://www.w3schools.com/html/tryit.asp?fil ename=tryhtml_links

6.  CSS Demo  http://www.w3schools.com/css/demo_defaul t.htm http://www.w3schools.com/css/demo_defaul t.htm  Color  p{color:red:}  http://www.w3schools.com/css/tryit.asp?file name=trycss_color http://www.w3schools.com/css/tryit.asp?file name=trycss_color

7.  Background  http://www.w3schools.com/css/css_backgro und.asp http://www.w3schools.com/css/css_backgro und.asp  http://www.w3schools.com/css/tryit.asp?file name=trycss_background-image_position http://www.w3schools.com/css/tryit.asp?file name=trycss_background-image_position  add body, p and h1 change: repeat, margin, position

8.  Text-align  ◦ http://www.w3schools.com/css/tryit.asp?filename=trycss_text-align_all http://www.w3schools.com/css/tryit.asp?filename=trycss_text-align_all  Text-decoration  ◦ http://www.w3schools.com/css/tryit.asp?filename=trycss_text- decoration_link http://www.w3schools.com/css/tryit.asp?filename=trycss_text- decoration_link ◦ Add color: red background-color: yellow;

9.  Font-size  ◦ http://www.w3schools.com/css/tryit.asp?filename=trycss_font-size_px http://www.w3schools.com/css/tryit.asp?filename=trycss_font-size_px  Border  ◦ http://www.w3schools.com/css/tryit.asp?filename=trycss3_border-radius http://www.w3schools.com/css/tryit.asp?filename=trycss3_border-radius

10.  Tables  http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_collapse http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_collapse   Learn More Free   http://www.w3schools.com/ http://www.w3schools.com/  http://www.codecademy.com/tracks/ web http://www.codecademy.com/tracks/ web