Web Site Design

1. Web SiteDesign Unit 11.3A: Web programming

2. Tags and Elements • h1 • p • h6 • li • Ol • Ul • Strong • Bold • Emphasis • Sub • Sup • How many standard colours exist?

3. Images and Links Tags • <a> </a> • The <a></a> tag is the one used to make hyperlinks (or just links) on webpages. These are the words or images you click to go to a new page! • <src> • src stands for "source." It tells the <img> link where the picture comes from!

4. Images and Link Tags • <img>. This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture using <src> • hrefstands for "hypertext reference." • Remember that hypertext (that is, links) is text you can click on? • Well, hreftells that link where to go! • The text after hrefis the web address, and the text between <a> and </a> is the text you click on.

5. Linksto W3schools, codecademy and code.he.net • http://www.codecademy.com/tracks/web • http://code.he.net/ • http://learningclubhouse.com/ • http://www.teach-ict.com/gcse_new/software/web_design/miniweb/index.htm • http://www.teach-ict.com/gcse_new/software/web_design/quiz/walkplank_web_design.htm • http://www.w3schools.com/html/default.asp

6. Extended Links • http://www.codecademy.com/tracks/web • http://code.he.net/ • http://learningclubhouse.com/ • http://www.teach-ict.com/gcse_new/software/web_design/miniweb/index.htm • http://www.teach-ict.com/gcse_new/software/web_design/quiz/walkplank_web_design.htm • http://www.w3schools.com/html/default.asp