Web System Tree
-------------------------------------------------------------
SpecFic Site 20th/specfic.html
| |
+-Participants' Pages +-20th/etudes/students.html
| |
+-Scott Wance +-20th/etudes/wance/wance.html
/nother.html
/yetanother.html
/etc.
(return)The reader moves "down" this tree using vertical links (e.g., students->Wance) and "across" using lateral links (e.g., wance->nother) among the files (pages) in one's own directory
But it's also possible to make our website much more collaborative by extending the reach of these lateral links, not only among one's own pages, but also with such links to others' pages and even to specific spots in those pages.
Here, for instance, is a collateral link to Scott Wance's homepage. This link works by exploiting the directory structure and making use of a bit of unix shorthand. The actual link looks like this:
<a href="etudes/wance/wance.html">homepage</a>
To point to a specific place in Scott's page, we need to use the "name" link. This link is composed of two parts, the target "label" and the anchor-link. The "label" or target goes at the point in a given file (page) where we want the browser to open. It looks like this:
<a name="label">
I've placed such a link in Scott's homepage at his description
of his research project, calling the target "research":
<a name=research>.
The anchor part of the name link goes in my source file, and might look like so:
<a href="#label">name-link</a>
for a link to a target label within the same file. Here's one that
points back up to the diagram above.
We'd use this form:
<a href="etudes/wance/wance.html#research>Scott's Research</a>
when we're pointing to a spot in a file on the same server, in this case
Scott's Research.