Download presentation
Presentation is loading. Please wait.
Published byOrion Newbold Modified over 10 years ago
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.