1. Web Site Design & Management Class Two

2. Agenda Attendance Questionnaire Setup/task Homework Review Screenshots Lists/Nested Lists Home Page Links Images Assign Next Week’s Homework

3. Setup Setup your computer –Notepad, ftp Log in to FTP Make a folder in your homework/class01 folder named fixed Make another folder in your “root” directory named inclass, put a folder in that named class02 Let me know when you are done and I’ll check it off.

4. Homework tips naming conventions –firstpage.html or first-page.html Missing tags don't always make it "render" wrong. Why and why should you care?

5. Homework tips Stuff outside of tag. –All things visible on the "canvas area" of the browser should be encased in the body element To rename a file or folder –Select, rename (F2 or right-click)

6. Homework Tips Remember to close your preview your file. This will help you find your errors Open and close tags properly. –Start and close at the same time What did I do? Forbidden listing

7. Home Page No home page, and you’ll see either –Forbidden or –A directory listing.directory listing Home page is named –index.html (most of the time) –default.htm (Microsoft server. We’re not using this)

8. FIX Stuff: See your assignment Fix the file(s) folders and upload it with the proper name to the “fixed” folder in homework/class01

9. Lists Unordered Lists Ordered Lists Nested Lists

10. Unordered Lists Unordered Lists resemble bullet lists. The … tags encase list items. The... tag creates items with a default bullet type of disc.

11. Unordered Lists Kick Off … The … tags encase list items.

12. Unordered Lists Kick Off Field Goal Extra Point Punt The tag creates list items.

13. Ordered Lists Ordered Lists use a ranking principle. The … tags encase list items. The... tag creates items with a default decimal ordering.

14. Ordered Lists Arsenic and Old Lace

15. Ordered List: type Attribute The type attributes changes the ordering. Available types are: 1 (Decimal: default) A (Uppercase) a (Lowercase) I (Uppercase Roman) i (Lowercase Roman) type can be used with the or tags.

16. Nested Lists Unordered lists can be placed inside ordered lists.

17. Nested Lists Unordered lists can be placed inside definition lists.

18. links Puts the “link” in hyperlink Gets you from one place to another!! Make a simple link from the class index page to your home page.

19. Links By default, all links are underlined. IE uses blue for unvisited links, green for visited. Netscape uses blue for unvisited links, purple for visited.

20. The http Protocol http:// stands for HyperText Transfer Protocol. This protocol is commonly used for web pages.

21. Links Prentice Hall The … tags are used to encase a link.

22. Absolute Links An absolute link contains the full URL of the page: For example, Ebay, an auction site

23. Relative Links A relative link can be used if the page is in the user’s directory. For example, Trout Recipes

24. The mailto Link email joe You can also specify the subject line by writing email joe

25. Don’t get lazy NOTE: If you have a properly designed site structure, you should be able to use relative links for everything except external pages. DO NOT GET LAZY and use absolute links when you don’t need to.

26. Anchor Links A fragment is a link within a page. The tag creates a anchor link: Question 1 The tag accesses a fragment: Question 1 Our class website uses Anchor Links