0% found this document useful (0 votes)
59 views

Exercise 2A-Adding Text Hyperlinks Images

The document provides instructions for adding body text, hyperlinks, and images to a web page, including how to create paragraphs of text, insert links to other websites like Google and a college homepage, and preview the page to test that the hyperlinks work properly. It also includes some technical tips about how hyperlinks are coded in HTML using <A HREF> tags.

Uploaded by

Anthony Aviles
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
59 views

Exercise 2A-Adding Text Hyperlinks Images

The document provides instructions for adding body text, hyperlinks, and images to a web page, including how to create paragraphs of text, insert links to other websites like Google and a college homepage, and preview the page to test that the hyperlinks work properly. It also includes some technical tips about how hyperlinks are coded in HTML using <A HREF> tags.

Uploaded by

Anthony Aviles
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Exercise 2: Adding body text, hyperlinks,

and images
Objectives:
a) To create text in the body of your Web page.
b) To learn how to create links from your Web page to other Web pages
c) To create an "images" folder, and place images on your page.

Exercise 2A: Adding Body Text and Hyperlinks

Adding Body Text

1. Open your Web page document in FrontPage (if it is not already open).
2. Place your cursor after "My First Home Page", hit the Enter/Return key. Change the
alignment to left justified.
3. Type "On our class web site, I will list student assignments, the class calendar,
lecture notes, contact information, and showcase examples of student
work."[Note: Please use the default font for this paragraph, since changing font on Web pages does not
always give the desired effect when other people view your pages on their computers.]
4. Select your paragraph text and set the Font Size to "Normal".

Adding hyperlinks

1. Save your page. Type "Here are some useful Internet Web pages:" and hit the return
key.
2.

Click on the Numbered List icon


in the Formatting Toolbar.

3. Type "Google Search Engine" and hit the return key.


4. Type "Foothill College" and hit return key.
5.

Select the text, "Google", and click on the Hyperlink button on


the Standard Toolbar

6. In the Hyperlink Dialog box, type in "http://www.google.com" for the URL. Click
"OK".
7. Select the text, "Foothill College", click on the Hyperlink button, and type in
"http://www.foothill.fhda.edu". Click OK.
8. Save your web page.
9. Preview your page and test the hyperlinks.
10. Look at the "HTML" view to see the <A HREF="xxx.www.com"> tags that FrontPage
has added to your web page.

Technical Tips

1. All Web page hyperlinks start with the <A HREF> tag. The URL, in quotes, follows
<A HREF=
2. All Web page hyperlinks end with the <\A > tag.
3. The blue underlined hyperlink text that the reader sees in the Web browser display is
text that goes between the starting <A HREF> and ending <A> tags in the HTML code.
4. FrontPage, like all Web page editors (eg., Netscape Composer, Dreamweaver, GoLive, PageMill,
Claris Home Page), do the work of writing the hyperlink HTML tags for you. You don't
even have to type in the URL in the Insert Hyperlink Dialog Box, just browse to the page
using your Browse button.
5. FrontPage will automatically insert the correct URL into the Hyperlink Dialog Box if you
use Internet Explorer to browse to your Web page.

You might also like