|
Creating Links
Dreamweaver gives the designer the ability to create links easily and quickly. Links can be created with the Properties Toolbar by simply entering the URL of the page you would like to link to.
Text Links
To create a text link, type the text you would like to use as the link and highlight it.

Once it is highlighted, bring up the Properties toolbar and enter the url of the page you would like to link to in the Link field.

Once you have entered the url, simply hit enter and the link has been created. Here is how your text link will look:

To create links to documents within your site you can use 'relative urls', which we mentioned in an earlier part of this tutorial. Instead of entering a full web address (http://www), you can enter the filename relative to where your document is. For example, if the file is in the same directory, you can enter the filename. If the file is in a subfolder, you must link to the folders name, followed by a / slash, and then the filename: images/image.gif.
If you wish to link to another document on the web, you must enter the full web address: http://www.domainname.com/filename.html. If you leave off the 'http://' the browser will not know that you are linking to an external document. Instead it will look for the file in your local directory.
Image Links
The process for creating a link with an image is similar to creating a text link. Simply select the image with your mouse, and enter the url in the Link field of the Properties Toolbar.
You can have your link open in a new window by using the 'Target' field of the Properties Toolbar:

All you have to do is enter a value (type anything) and your link will open in a new window. The 'target' attribute is used often in Framesets, which we will cover later in the tutorial.
Adobe Creative Suite and DreamWeaver are the perfect web design tools to build your new website with your AUSWEB Hosting.
Get your Adobe DreamWeaver designed website up and running today with an AUSWEB Hosting plan. Click the order button below and follow our signup page!

Newer news items:
Older news items: |