Homework -- Relative links
This assignment is designed to get you familiar with the relationship between
URLs and the filesystem.
You'll use:
- Windows explorer to create new folders as necessary,
- Our class page on Making Links,
- Dreamweaver to make the pages, and make the links from one page to another.
Assignment
Your assignment is to create five pages, each of which has a clearly labelled
link to the next page in the sequence. The pages (in order) will show up at these absolute URLs,
but you should use relative links to get from one to the next: Of course,
you'll substitute your own GC user name to replace "joegc" below.
- www.goshen.edu/~joegc/links/page1.html -- "links" is a subfolder underneath
what folder on your M: drive?
- www.goshen.edu/~joegc/links/page2.html
- www.goshen.edu/~joegc/links/sub/page3.html
- www.goshen.edu/~joegc/links/graphics/page4.html
- www.goshen.edu/~joegc/links/sub
Some details about how to make this happen....
- Each page should have (at least) a link to the next page, and a level 1
headline saying "This is Page 1", "This is Page 2", etc.
- Create the pages and save them first before you make any links. Dreamweaver
needs to know the folders where the page you're linking from and to are
located before it can make a relative link.
For
each pair of pages (once they've both been saved once) you can use Dreamweaver's
folder icon to
locate the next file in the sequence:
- For the fifth URL, remember that if you want something to show up at the
URL of a folder, that you need to have a file in that folder with a 'magic'
filename like index.html. So, you'll create a file called index.html.
In which folder?
- Going from page 4 to page 5, you can use Dreamweaver's folder icon to find
the right index.html,
but then you'll need to edit the link a bit so that the URL that comes
up when you follow the link looks like "www.goshen.edu/~joegc/links/sub"
rather than "www.goshen.edu/~joegc/links/sub/index.html".
Post the URL of the starting page on the Moodle page for this assignment when
you're done.
more practice-test-ish questions
Can you figure out the absolute URL of each of the files referred to below?
Making links has the information about what the ".." means. Roll over the
link with your mouse: the 'tooltip' has the answer.
[in a page of Jill's at http://www.goshen.edu/~jillgc/aboutme.html]
<a href='contact.html'>contact
me</a>
[in a page of Jill's at http://www.goshen.edu/~jillgc/aboutme.html]
<a href='hobbies/list.html'>my
hobbies</a>
[in a page of Jill's at http://www.goshen.edu/~jillgc/hobbies/painting/art.html]
<a href='../../jill.jpg'>me</a>
[in a page of Jill's at W:\mypages\hobbies\painting\art.html]
<a href='../running/chicagomarathon.html'>I
also run a lot</a>