Modified: May 31, 2000

Text and Image Links Exercises

You may do the following in either Notepad or an HTML text editor such as AOLPress, Dreamweaver, FrontPage, Front Page Express, Netscape Composer, etc.  Do not use a word processor such as Word and "Save as HTML" because the HTML that is generated is too complicated for you to edit. 

Using an HTML text editor as opposed to Notepad is quicker and you are less likely to make mistakes, however you may learn HTML syntax better if you do it in Notepad.  Some knowledge of HTML syntax is necessary for the exams in this course.  You can also do it first it Notepad and then do it with an editor.  If so, you should create an additional folder for the files you create with an editor.  

1. Create a folder hw2 with three files with the following names: first, second, and third, with an .htm or .html extension.  The first file should say "This is the first page."  The second file should say "This is the second page."  The third page should say "This is the third page."  On each page, put the words "Previous" and "Next".

2. Create a link from your main index page to the first page in the hw2 folder.

3. Create links so that clicking the word "next" takes you to the next page.  That is, clicking on "next" on the first page should take you to the second page.  Clicking on "next" on the second page should take you to the third page.  Clicking on "next" on the third page should take you to the first page.  

4. Create links so that clicking the word "previous" takes you to the previous page.  That is, clicking on "previous" on the third page should take you to the second page.  Clicking on "previous" on the second page should take you to the first page.  Clicking on "previous" on the first page should take you to the third page. 

5. Add a previous arrow and a next arrow.  These arrows may be downloaded from this page.  Make these images clickable links so that clicking on the next arrow takes you to the next page.  

6. When you are done, upload to your web site the new index file that you modified in step 2 and your hw2 folder and files.

Two gifs:  

Hint: Rather than create each file (first, second, and third) from scratch, you can copy and paste from one file to another, or load a file, make the necessary changes, and save it under the new name.