Public Schedule Face-to-Face & Online Instructor-Led Training - View dates & book

dreamweaver

ResolvedVersion CS3

Kaye has attended:
Dreamweaver 8 Introduction course

Dreamweaver

How do you add a website address as a link on a page in dreamweaver?

Thanks

RE: Dreamweaver

Hi Kaye,

Thanks for your question. I hope you enjoyed the Dreamweaver training.

There are a number of ways to create a link in Dreamweaver. If you are in design view, simply select the text or image you would like to link, and then in the Properties panel (usually at the bottom), enter the name of the web pages in the Link box.

The link box also has a yellow folder icon next to it, so that you can browse to an existing web page in your site. This helps to minimise typo errors. Also, if you are using paths and directories, it will help with the format of these. eg. is it /order/page1.html or order/page1.html or ../order/page1.html - using the browse button can help.

If you are linking to an external web page (a different web site to your own), you must include the http:// part at the start of the address, so browsers know it's a new web site. For example, if you linked to www.google.com instead of http://www.google.com then browsers will think that www.google.com is actually web page within your site.

In fact, you may notice above that only the http:// link above works. The other two give an error because there is no http://

Lastly, you may notice a 'target' icon next to the Link box. You can click and drag this target to a file in your site panel or Anchor on your web page, and the link box will be filled in for you.

An anchor is a place on your web page that visitors can jump to.

The code for a link (if you are editing your page in Code view), looks like this:


<a href="/mypage.html">Go to my page</a>
or external: <a href="http://www.google.com">Go to Google</a>
or to an anchor: <a href="#prices">Jump to Prices</a>
With the anchor below coded as: <a name="prices"></a>


So to show a web url as a link on your page, simply make the URL text into a link by pasting the URL in design view, then selecting it and filling in the Link box on the properties panel.

Or use code like this:
<a href="http://www.google.com">http://www.google.com</a>


If this answer resolves your query, please mark the question as 'resolved' (see below). Otherwise, please post a follow-up response to this post, and I will assist you further.

Regards, Rich

 

Training courses

Training information:

Welcome. Please choose your application (eg. Excel) and then post your question.

Our Microsoft Qualified trainers will then respond within 24 hours (working days).

Frequently Asked Questions
What does 'Resolved' mean?

Any suggestions, questions or comments? Please post in the Improve the forum thread.

Dreamweaver tip:

Quick Tag Editor

If you want to quickly access your HTMl tag while in design view, highlight your item on a page and press Ctrl+T

View all Dreamweaver hints and tips

Connect with us:

0207 987 3777

Call for assistance

Request Callback

We will call you back

Server loaded in 0.09 secs.