files: index.html, assignments.html, links.html

 

Objective: You will be able to add links on your web pages to (1) external web pages, (2) an email address, (3) other pages on your site.

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. Open a new window in a browser and go to the class assignment page.

The URL (Universal Resource Locator) of the page appears in the top section of the browser window as:

http://www.lsrhs.net/sobkowicz/WebPublishing/assignments.html

The name of the html file you are looking at is "assignments.html." "www.lsrhs.net" identifies the server. "sobkowicz" is a folder, and "WebPublishing" 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: Mark's Homepage. Save the file as index.html in your Site folder. If you already have an index.html file, you can just edit it.

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. Update your homepage, index.html, so that:
index.html looks as polished as possible. Your index page represents you!
index.html contains a link to your assignments.html page (see below).
2. Create a page called assignments.html, so that

assignments.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 use or 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. This could be a use of a definition list.
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 Mark Sobkowicz's email address (mark_sobkowicz@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. To Do More: We will be doing alot with images soon - try adding an image to your page - you could take a picture of yourself with PhotoBooth. Make sure you save the page IN your website folder first. Then add it to the page.