Adobe Dreamweaver Tutorial - Creating and Working With Links

Creating a Internal Text Link:

Highlight your text and go to the bottom properties panel and insert the page you want it to link to, for me it was the homepage.

Adobe Dreamweaver Links

Your link action should be like this: Link

Creating External Text Links:

This link will open into a new browser window, the same process as before, but we have added a target of _blank which makes the page open into a new browser window.

Adobe Dreamweaver Tutorial Links

Your link action should be like this: Link

Link Properties:

Go to your bottom properties panel and create link properties:

Link Colour: Colour of the link
Visited Links: This link colour will appear once the visitor has been on that page
Roleover Links: This colour will appear when your cursor is hovering over the link

Adobe Dreamweaver Links

Adding link background colour on hover:

Go to your Tag panel which is on the right hand side, Relevant CSS > a:hover and find background-colour and choose your colour.

Adobe Dreamweaver Links

You should now have this effect on role over:

Adobe Dreamweaver Links

Creating Email Links:

Email links are links which will open your Outlook express to send a email, to create one go Insert > Email Link

Adobe Dreamweaver Links

Fill in the form and click OK.

Adobe Dreamweaver Links

Note: Instead you can simply add the code like adding links, mailto:contact@domain.com

Adobe Dreamweaver Links

Your Done!


| del.icio.us | Digg it | Furl | reddit | StumbleUpon | Yahoo MyWeb

You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.

AddThis Social Bookmark Button

Leave a Reply