1. I will only display one screen at a time and will try to wait until everyone completes each task. If the pace is slow, you should experiment with other HTML features. OBJECTIVE: Re-learn the correct way to create a website. It will be uploaded to the server, but will not be graded.

2. Prepare to create a website Create a folder in the Data Files folder and name it “WebsiteReview” Q: What are the rules for naming files and folders

3. Start the first page Name the file index.htm Title is “United States Constitution” Q: Why “index.htm” as the name? How does the file behave as a result?

4. Type text on the page H1Type “US Constitution” H2Type “Preamble” P Type the Preamble We the people of the United States, in order to form a more perfect union, establish justice, insure domestic tranquility, provide for the common defense, promote the general welfare, and secure the blessings of liberty to ourselves and our posterity, do ordain and establish this Constitution for the United States of America.

5. Empty tags Add a META tag for keywords Add a horizontal rule with attributes for width, size, and color Q: What is the difference between a container and empty tag?

6. Center the H1 tag Q: What is deprecated?

7. Copy/Paste Article III Add H2, H3, and P tags

8. Add a picture of something, such as a quill pen Position it at the right or left of the Preamble

9. Add a bulleted list of history-related sites: www.constitution.org www.ushistory.org www.history.com

10. Refer to page 25 and add nested bullets as follows: oBooks oVideos oHistorical documents

11. Designing the page Use 3 BLOCKQUOTES to add whitespace to the page Change the default background and text color Change the words “We the People” as follows: Bold, italic

12. Use comment tags to comment out the last sentence of Section 3. Q: What are reason for using HTML comments? Put the sentence back into display

13. Q: Compare DIV and SPAN to inline and block tags This is just a heads up introduction. We will not use these until Tutorial 3.

14. Introduction to Styles: The syntax for the style attribute is: style=“name1: value1; name2: value2” Change the headings Section 1, 2 & 3 to: Arial, blue, centered

15. Create a second page with the TITLE “About Me” and the filename AboutMe.htm. Write a paragraph about yourself Include an email address

16. Link the two pages together: Create a menu on AboutMe.htm Copy the menu to index.htm Q: What is the difference between relative and absolute paths?

17. On AboutMe.htm, create a link directly to Section 3 of index.htm

18. Add a link on homework.htm. Who will volunteer to write the code on the board Upload it into the www folder of your hosting account If you did were not a CofC student, how else might you get your web pages hosted online?

19. Go to http://students.cofc.edu/~yourlogin/homework.htm to check your work. http://students.cofc.edu/~yourlogin/homework.htm This is only for practice. I am not going to grade this work.