The Steps
... to creating links on web pages using Dreamweaver.
Using HTML or Dreamweaver, you can make links to any other web page accessible on the Internet. You will often make links to your own pages, and you can even make a link to a particular section of a page. Open a new window in a browser and go to the class assignment page.
The URL (Universal Resource Locator) of the page, this is the technical term for the web address, appears in the top section of the browser window as:
http://www.lsrhs.net/departments/computer/berryj/WebPublishing/assignments.htm
The name of the html file you are looking at is "assignments.htm." "www.lsrhs.net" identifies the server. "departments" is a folder, "computer" is a folder within that, and "berryj" is a folder within that. For your documents you will use something like this.
http://webpublishing.lsrhs.net/LastNameFirstinitial/nameoffile
Example: http://webpublishing.lsrhs.net/WassermanB/nameoffile
Create a "homepage" for your website. Title this page YourName's Homepage. Example: Jim's Homepage. Save the file as index.html in your folder on the web server.
Type "Lincoln Sudbury Regional High School."
Highlight the text you typed.
In the properties window, type "http://www.lsrhs.net" into the Link field, and hit return. The text should change color and become underlined. It is now a link.
Preview the page in a browser and try the link.
The browser should have an option in the View menu so you can see the HTML source code for a link (e.g., View Source or Page Source).
To create a link to one of your own pages, use the Browse for File icon next to the Link box and choose the file you want to link to. Only the name of that file should appear in the Link box (unless the page you are linking to is in a different folder than the page you are linking from).
To create an email link, use the icon you discovered while doing Assignment2.html. Type "Click here to email me" in the Text box and add your email address in the E-Mail box. View the page source to determine the HTML source code needed for a link.
The Assignment
1. Create a homepage, index.html, so that:
- index.html contains an email link to your LSRHS Quantum email account.
- index.html looks as polished as possible (I will link the class web page to your homepage; check that the link to your homepage works properly and if you have a problem, email me so that it can be fixed).
- index.html contains a link to your assignments.html page (see below).
2. Create a page called assignments.html, so that
- assignment.html contains links to all your previous pages (contract.html, aboutme.html, etc.).
From this point on, any webpage you develop as part of this class should be linked to your Assignments Page (assignments.html).
3. Create a new web page and save it as Links.html. Add links to Links.html, so that:
- Links.html contains links to at least 10 websites that you like, including (1) one to the Lincoln-Sudbury Regional High School homepage, (2) at least two that are intellectual in nature (relevant to academic subjects or intellectual pursuits of interest to you).
- Links.html contain a short description of each site with a few words of that description highlighted as the link.
- Links.html is formatted to look as good as it can, using background colors, headings, lists, etc. (This would be a good time to experiment with the Modify Menu - Page Properties.)
4. Modify your contract.html document, such that:
- Contract.html contains an email link at the bottom of the page with the text "If you find anything objectionable or offensive about my website or wish to comment about my website to my teacher, click on this link."
- The link in the above text links to Jim Berry's email address (jim_berry@lsrhs.net).
Note regarding email links and the school's computers: You may not be able to easily use email links on the computer lab computers. Why?
5. Set an anchor, and make a link to that anchor. This allows you to have a link to a specific part of a page. You may do this on any page you've created so far. On Links.html, explain
- where the anchor and link are,
- why you picked the page you picked for the anchor,
- how you set the anchor, and
- how you linked to the anchor.