1. CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 2: Developing a Web Site

2. CIS 1315 – Web Development for Educators Web Site Structure  Linear Purchasing Sequence of E-Commerce Site Book  Hierarchical General to Detail Progression  Star Multiple Unified Sets of Information e.g., Destinations, Accommodations, Air Travel, Cruise, Rentals  Mesh Every Page is Accessible to Every Other Page

3. CIS 1315 – Web Development for Educators <a>  … Used to Create Links to Other Resources Named Anchor AKA Bookmark Used to Name Specific Locations within a Page id Attribute Defines Destination

4. CIS 1315 – Web Development for Educators <a>  Attributes accesskey=“text” Character Used as Keyboard Shortcut to Activate Link coords=“X1, Y1, X2, Y2, etc.” Coordinates that Define Hot Spot Shape in Image Map href=“URL” Specifies Location of Linked Resource Typically Another HTML File Can Also Specify Other Internet Resources Files, E-mail, FTP Named Anchor or Bookmark URLs are Preceded By #

5. CIS 1315 – Web Development for Educators <a>  Attributes name=“text” Marks Specific Place Within an HTML Document AKA Named Anchor or Bookmark rel=“text” Indicates Relationship Between Documents rel=“stylesheet” Tells Browser that Linked Document is a Style Sheet shape=“rect | circle | poly | default” Specifies Shape of Hot Spot in Image Map

6. CIS 1315 – Web Development for Educators <a>  Attributes title=“text” Provides Supplemental Information Regarding a Link Behaves Like a Tooltip Should be Less Than 60 Characters

7. CIS 1315 – Web Development for Educators <a>  Example A link to a site. A link to paragraph 4 in same document. Paragraph 1 Paragraph 2 Paragraph 3 Paragraph 4 content.  ID Attribute Value Must be Unique Begin with a Letter Spaces are not Allowed

8. CIS 1315 – Web Development for Educators Image Maps  Image Map An Image that has Multiple Areas Defined as Links  Hotspot An Area in an Image That is Defined as a Link  Example

9. CIS 1315 – Web Development for Educators Image Maps  Requirements id Attribute for alt Attribute for

10. CIS 1315 – Web Development for Educators Paths  URL (Uniform Resource Locator) Location of Document on Web www.cod.edu  Path Location of Document on Server http://www.cod.edu/people/faculty/losacco/index.htm

11. CIS 1315 – Web Development for Educators Paths  Absolute Exact Location on Server Begins with a / /student/index.htm  Relative Location Relative to Current Document Current — Nothing page.htm Child — Separated by / images/background.gif Parent — Two Periods (..)../page.htm

12. CIS 1315 – Web Development for Educators URL  http://www.cod.edu/people/faculty/losacco/index.htm Communication Protocol http:// Domain www.cod.edu Path /people/faculty/losacco/ Document index.htm

13. CIS 1315 – Web Development for Educators URL  Escape Characters Preserve Information about Blank Spaces

14. CIS 1315 – Web Development for Educators Protocols  E-Mail Mailto Send Mail Can Automatically Include Subject Line “mailto:losacco@cod.edu?subject=text” Other Options “mailto:losacco@cod.edu?cc=another@cod.edu &bcc=secret@cod.edu&subject=subscribe &body=Send me your newsletter right away”

15. CIS 1315 – Web Development for Educators Metadata  Appears in