Tutorial 5 Review

Student Lerning Outcomes:

1. Learn where to place booksmarks on a web page.
2. Create a link to a Bookmark
3. Create a link to another page
4. Create a definition list
5. Create a link to an external web site.
6. Identify the pseudo-class selectors
7. Use an image as a link.
8. Create links to e-mail and to non-XHTML files.

Important Points:

1. Hyperlink XHTML code that serves as a navigation point to antoher section of the same document, another document or another web site.
2. Broken Link - one that does not work
3. Hyperlink view provides a diagram of all files that link to a selected file or are link from a selected file.
4. Uniform Resource Locator (URL) - complete address of a web site.
5. Communications protocol is an agreed to standard for send voice, data and video over communications lines.
6. Domain name is the registered name of the file server.
7. The path is the folder or folder directory of the web page.
8. HTTP - Hyper Text Transfer Protocol
9.TCP/IP - Transfer Control Protocol/Internet Packet - http://earl.wylie.solano.edu/computerlectures/tcp.htm
10. Bookmark - place within a document that is used as a target to a link referred to as the anchor.
11. Hyperlink to bookmark - <a href="#top">Go to top of page</a>
12. Create a bookmark:
a. Select the text or object or nothing,
b. Click insert on common menu bar.
c. Click bookmark

You will see:

Bookmark Dialog Box
d. Click in bookmark name if you have not select text or object and type in name such as top or bottom or something else.
e. Click Ok.
f. In design view you will see text or object with dash underline is bookmark
g. In code view you might see: <a name="Top">text or picture optional</a>

13. Linking to a bookmark: -
a. Select text or object to be used as bookmark.
b. Click Insert hyperlink button on the common toolbar.
c. You will see:

Insert Hyperlink Dialog box

d. Click place in this document: You will see:

Insert Hyperlink , Place in document option

e. Select the bookmark that you want and click OK.
f. In design view you will see the hyperlink to the bookmark underlined.
g. In code view you might see:<a href="#top">Go to top of page</a>

14. Definition List - commonly used to create a chronology, list of events or cited pages.
<dl>
<dt></dt>
</dl>

15. Placeholder page is a page that is still in the early stages of development.
16. Creating link to another page.
a. select the text
b. click insert hyperlink button on common toolbar.
You will see:

c. Click existing file or web page>
d. Navigate to the folder/web page that you want to link
e. click OK
17. Creating link to page that does not exist.
a. Select the text for the link.
b. Click insert, click hyperlink, click create new document: you will see:

Insert Hyperlink, new document

c. type in the name of the new document:
d. click edit the new document now.
e. Click ok, and the new document is created. Save it.

18. External Web Site Link: Click insert, click hyperlink,. You will see:
Insert Hyperlink, external web site

a. In the address box type in the external URL.
19. Changing the target setting.
a. _top-replace the current browser window with a new web site. Only one window remain open new window
b._blank-new window with old still open - two window open - Whole page
c. _self - same window a as link. -Same Frame
d. Select hyper link, right click, click hyperlink properties, click target frame: you will see:
Target Frame

e. Select the target you want, click OK.
20.Creating e-mail link.
a. Select text for link
b. Click insert hyperlink button.
c. Click e-mail address link to object.
You will see:
E-mail hyperlink

d. Type in the e-mail address, Click ok.
21. Using an image as link.
a. Select the image, click insert, click hyperlink and fill out the hyperlink dialog box.

22. Pseudo-class selector is one for which there is no XHTML equivalent. Used for changing hyperlink colors.

Psuedo Code for hyperlinks

a. right click on page, click page properties, click formatting tab you will see:
Link colors

b. click list arrow next to the corresponding hyperlink color.
c. Click a color
d. click ok.

23. Hyperlinks View- click site on menu bar, click hyperlinks. You will see:

24. Setting the screen tip for a hyperlink.- screen tip is a mouse over event which display a text message.
a. Right click the hyperlink
b. Select hyperlink properties.
c. Click the screen tip
You will see:
Screen Tip Dialog Box

d. type in the text, click Ok.

25. Remove link. right click the link, click hyperlink properties, click remove link button.

26. Manage Hyperlinks
a. Click Task panes, click hyperlinks, the task pane will appear at the bottom of the page. You will see:

b. Click the edit hyperlink button on the left side You will see:
Edit Hyperlink Dialog Box

c. Make the change you want.