Dreamweaver Tutorial

Again, it really doesn’t matter what you name it but it is another one of those places where you should not use space as a special character. And The Flickr, make it easy for me to remember what it is.

Click ok. This is one of those little things that DreamWeaver puts in there that lets you know there’s something on the page that is not going to be visible. So, that funky little yellow anchor will not appear when you look at this page in a browser but it’s there so that you know where the anchor is and that it was set correctly. You can turn that off in preferences if you don’t like it. But I kind of like the anchor once to show because that way I can see where my anchors are. Let us set a second anchor for Shutterfly so that we can create a couple of links. Click ok.

My anchor appears automatically. Now I go upto the top of the page to where I have got the words Shutterfly and Flickr and I wanna link this to that anchor down below. This is another time where I find this link option appears more useful and I will show you why. When I click here, and I come into link look at that my little anchor has appeared right here. So I have to do is click the link and highlight Shutterfly, so I am going to click the Shutterfly anchor. Click ok. And this will now link to that place lower on the page. I can highlight Flickr and type pound Flickr down here, make sure you put the pound sign if you are going to type that in manually.

But again I find it easier to just click link and because they save your anchors in this dialog, I like to use this dialog to set those. So those two are linked to lower on the page. So the final thing we are going to preview this page in a browser and test all those links and make sure they really work the way they are supposed to. So again, the best thing to do is always to save your work first. If you don’t Dreamweaver will prompt you and make sure that you have saved the page. So this time I am going to preview in Firefox, just to see how the page looks in different browsers.

It’s always good to test your work in multiple browsers. And I am going to expand this to just fill the screen so that I can see what I am doing here. Now I have set a few links on this page. So let’s see what happens. I set a link to Shutterfly. Ooh look it jumps right back down to Shutterfly. Let me see if that link to Flickr works. Click on Flickr and it brings me right to Flickr.

In case you didn’t see the video in part 1 of this series… here it is again.

Tags: dreamweaver free download, cs3 dreamweaver tutorial free, free ecommerce templats dreamweaver, dreamweaver tutorial insert multimedia, dreamweaver cs3 serial, tutorial dreamweaver

Tags

Tricks