Creating Files
Instead of creating a file named assignment5.html,
you will open the template.html file in your
assignments folder and save it with the name
index.html. It must have a <title> and
level one heading of:
CIT 040 - your name
Beneath the heading should be a bulleted list with this text:
Assignment 2 - Text Assignment 3 - Lists Assignment 4 - Color and Size Assignment 5 - Evergreen Valley College Campus Tour
The first three should link to the appropriate pages (assignment2.html, assignment3.html, and assignment4.html). The last should link to a file named index.html in a subdirectory named evc, which will be located in the public_html directory. That subdirectory does not exist, so you must create it. Important—you must also create the same subdirectory, in the same relative position, on the UNIX server.
Now open the template.html file once again, and this time, save it as index.html in the evc directory. Your file structure should look like what you see in the following diagram.
The evc/index.html file
The index.html file in the new evc directory should have the <title> of Evergreen Valley College Campus Tour and should contain this HTML. You may reformat in any way that pleases you.
<h1>Evergreen Valley College Campus Tour</h1> <p>Welcome to Evergreen Valley College. Our beautiful campus and excellent staff make Evergreen the ideal place for you to continue your learning experiences.</p> <p>Please take a look at the following pages, which introduce you to Evergreen. We look forward to seeing you in a class soon!</p> <p>Please click the item you want to see.</p> <ul> <li>Registration</li> <li>Classroom Buildings</li> <li>Miscellaneous</li> </ul> <p> <a href="../assignments/index.html">Back to Assignments Index</a> </p>
The list items will become links to files named register.html, buildings.html, and miscellaneous.html. All three of those files will also be in the evc directory. Create those files now, by saving the template.html file three different times. You may first want to copy the template.html file to the evc directory to make this part of the assignment easier.
I strongly suggest that, in the
<body> of each file, you place an
<h1> that gives the name of the file.
Thus, register.html file will contain the markup
<h1>Register</h1>, the file
buildings.html will contain the markup
<h1>Buildings</h1>, and the file
miscellaneous.html will contain the markup
<h1>Miscellaneous</h1>. This will help you
to see which page you are on when you test your links.
At the bottom of each of the three pages, (register.html, buildings.html, and miscellaneous.html) you will insert markup that produces a “multi-link” to all the other pages. No page will include a link back to itself. For example, the links on the register.html page will look like the following, where the link for “Campus Tour” links back to the index.html file in the evc folder:
Use the wording for these links exactly as shown, and make sure they are in the same order as shown here.
Do not put this set of links into the index.html page.
See this site for information about creating a “multi-link”.