Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 2: Developing a Web Site."— Presentation transcript:

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  … 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  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  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  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  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


Download ppt "CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 2: Developing a Web Site."

Similar presentations


Ads by Google