Creating Web Pages Unit


Links

Link to a page or document

Macromedia Contribute lets you link to either existing or new web pages, files on your computer (such as Microsoft® Office documents), pages on other websites, and e-mail addresses.

To create a link:

1.Browse to the page that you want the link to appear in, then click the Edit Page button.

2.In your draft, click where you want the link to appear. You can also select and link text (or an image) that’s already on the page.

3.Click the Link button in the toolbar, then choose the type of link you want to create.

4.In the Link Text text box, type the text you want to appear on the page.

5.Select or browse to the page you want to link to, then click OK.

Create/Edit Links

You can create a link to any page that exists on the Internet. Any links that refer to pages not within your own website are referred to as “external” links. An external link can link to any website on the Internet including any part of the TCNJ website that is not part of your own site. Any links to pages within your site are called "internal" links.

To create a link:
1. Find the place you would like to insert the link.
2. Click the “Link” button at the top of the Contribute Toolbar. A drop-down list will appear.
3. Click on “Browse to Web Page”
4. In the text box labeled “Link Text” type in the text you would like to appear as your link. (NOTE: If you would like to create a link to already existing text, simply highlight the text and then follow steps 2 and 3 above.)
5. In the text box labeled “Web address (URL)” there are 2 things you can do:
1. If you already know the web address, type it in the box. Be sure to include every part of the address including the “http://” part.
2. If you don’t know the web address, click on “Browse”
1. You may now find the webpage you wish to link to by browsing to it just like you would if you were using an Internet Browser like Netscape or Internet Explorer.
2. When you have found the page you wish to link to, click “OK”
6. Click “OK” and the link is now created on your page.
7. Click “Publish” to finish editing.

To edit a link address:
1. Find the link you wish to edit.
2. Click the “Link” button at the top of the Contribute Toolbar. A drop-down list will appear.
3. Click on “Browse to Web Page”
4. You may now type a new address or browse to a new page using the same method described above.
5. Click on “Publish” to finish editing.

To edit link text:
1. Find the link you wish to edit.
2. Highlight all or the part of the text you would like to change.
3. Type the new text or delete the text as desired.
4. Click on “Publish” to finish editing.

To remove a link:
1. Find the link you wish to remove.
2. Highlight all or the part of text you wish to remove the link from.
3. Click your right mouse button while your mouse pointer is on the highlighted text.
4. Select “Remove Link”
5. Click on “Publish” to finish editing.

Create/Edit E-mail Links

E-mail links are very important because they give the users a direct way of contacting someone who can assist them if they need it.

To create an e-mail link:
1. Find the place you would like to insert the link.
2. Click the “Link” button at the top of the Contribute Toolbar. A drop-down list will appear.
3. Click on “E-mail Address”
4. In the text box labeled “Link Text” type in the text you would like to appear as your e-mail link. (NOTE: If you would like to create a link to already existing text, simply highlight the text and then follow steps 2 and 3 above.)
5. In the text box labeled “E-mail address:” type the entire e-mail address.
6. Click “OK” and the link is now created on your page.
7. Click “Publish” to finish editing.

To edit an e-mail address:
1. Find the link you wish to edit.
2. Click the “Link” button at the top of the Contribute Toolbar. A drop-down list will appear.
3. Click on “E-mail Address”
4. You may know type a new e-mail address or edit the existing e-mail address.
5. Click on “Publish” to finish editing.

To remove an e-mail link:
1. Find the link you wish to remove
2. Highlight all or the part of text you wish to remove the link from.
3. Click your right mouse button while your mouse pointer is on the highlighted text.
4. Select “Remove Link” and the text is now normal paragraph text.
5. To remove the text, highlight it and press “Delete”
6. Click on “Publish” to finish editing.

Add PDF Document

PDF documents are an extremely convenient method of providing official forms, documents, or information to your users because they are easy to update and easy to maintain. Any document created in Microsoft Word or another text editor can be turned into a PDF document (contact IT to do this for you).

To add a PDF document:
1. Type or highlight the text you wish to use as the link to the PDF document.
2. Click on the “Link” icon.
3. From the drop-down list, click on “File On My Computer”
4. Click on “Browse” and select the updated PDF document on your computer
5. Click “OK”
6. Click “Publish” to finish editing. Contribute will move a copy of the file to the web server and place it a folder named "documents" within the same folder of that html page.

 

Create/Edit Anchors & Anchor Links

Anchors a bits of code added to a webpage that allow users to jump to certain sections of the page without leaving the page.

Anchors and anchor links are very useful tools on pages with very large quantities of information and should only be used in situations where users are looking for a specific piece of data on a page loaded with information. If you're providing a step-by-step guide, for example, anchors should be avoided because you want the users to read all of the information on the page, not just a certain part. But a page of Frequently Asked Questions is ideal for using anchors and anchor links.

To create an anchor:
1. Place your cursor where you want your anchor to appear. This is where the user will be sent when they click on the anchor link.
2. From the "Insert" menu above the Contribute toolbar, select "Section Anchor"
3. Type in a name for the anchor in the textbox. Use one, descriptive word with no capitals and no punctuation.
4. Click "OK" and you will now see a small black flag that represents your anchor. You'll notice that this flag only appears while you are in Page Edit Mode.
5. Repeat this process for each anchor you want to create.

To create an anchor link:
1. Find or type the text you wish to use as the anchor link.
2. Highlight the text.
3. Click on the "Link" button on the Contribute Toolbar and select "Drafts and Recent Pages"
4. On the left side of the dialog box you will find a list of all the pages you've worked on. Click on the title of the page you are currently working on.
5. Click the button labelled "Advanced" located just below the file list.
6. Select the desired anchor from the "Section Anchor" drop-down list that now appears just above the "Advanced" button.
7. Click "OK"
8. Repeat this process for each anchor so that every anchor has a corresponding link.
9. Click "Publish" when you're finished editing.

To delete an anchor:
1. Right-click on the anchor you wish to delete.
2. Select "Cut"
3. Right-click on the link corresponding to the anchor you just deleted.
4. Select "Remove Link"
5. Delete the text if you no longer want the text to appear.
6. Click "Publish" when you're finished editing.

To edit an anchor:
1. Right-click on the anchor you wish to edit.
2. Select "Anchor Properties"
3. Type the new name of the anchor.
4. Right-click on the link corresponding to the anchor you just changed.
5. Select "Link Properties"
6. Click on the title of the page you are currently working on.
7. Select the new anchor name from the "Section Anchor" drop-down list that now appears just above the "Advanced" button.
8. Click "OK"
9. Click "Publish" when you're finished editing.

Top Of Page

 

Designing web pages with Contribute

Step One -  Getting Started

Step Two -   The Basics

Step Three -Thinking about design

Step Four - Evaluate your page/ rubric

Before you begin:

  1. Things to consider before your begin
  2. Phase I-Student website
  3. Phase II- 5 more pages-Tech 2
  4. Website design rubric

Creating the basics :

  1. Getting started
  2. Text
  3. Links
  4. Pictures
  5. Creating graphs
  6. Things to remember
Design tips:
  1. Uniformity
  2. Getting permission
  3. Basics and design quiz
On your own:
  1. Your own Web Page
  2. Website design rubric
Designing Web Pages Handouts - Use only if you don't have a printed copy from Mr. Hurt

Handouts:

 

 

 

All pages created by Brock Hurt.
Last Modified -