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

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

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

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, , FTP Named Anchor or Bookmark URLs are Preceded By #

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

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

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

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

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

CIS 1315 – Web Development for Educators Paths  URL (Uniform Resource Locator) Location of Document on Web  Path Location of Document on Server

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

CIS 1315 – Web Development for Educators URL  Communication Protocol Domain Path /people/faculty/losacco/ Document index.htm

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

CIS 1315 – Web Development for Educators Protocols  Mailto Send Mail Can Automatically Include Subject Line Other Options &body=Send me your newsletter right away”

CIS 1315 – Web Development for Educators Metadata  Appears in