Dreamweaver Tutorial

Again it really doesn’t matter what you name it but it’s another one of those places where you shouldn’t use spaces or special characters. I’m gonna - ‘Flicker’ because that’ll make it easy for me to remember what it is.

Click ‘Ok’ this is one of those little things that Dreamweaver puts in there to let you know that there’s something on the page that’s not gonna be visible. So that funky little yellow anchor will not appear when you look at this page on a browser but it’s there so that you know where the anchor is and then it’ll set correctly. You can turn that off in ‘preferences’ if you don’t like it.

But I kinda like the anchor ones to show because that way I can see where my anchors are. This set of second anchor here for ’shutterfly’ so that we can create a couple of links, click ‘ok’, my anchor appears automatically. Now i go up to the top of the page to where I have got the words ’shutterfly’ and ‘flicker’ and I wanna link this to that anchor down below. This is another time where I find this link option up here more useful and I’ll show you why. When I click here and I come into ‘link’, look at that my little anchors appear right here.

So all I have to do is click the link, I highlighted ’shutterfly’, so I’m gonna click the ’shutterfly’ anchor, click ‘ok’. And this will now link to that place lower on the page. I can highlight ‘flicker’ and type ‘pound flicker’ down here make sure you put the pound sign if you’re going to type it in manually. But then again I find it easier to just click link because they save your anchors in this dialog.

I like to use this dialog to set those. So those 2 are now linked to lower on the page. So the final thing we’re gonna do is preview this page in a browser and test all those links and make sure they really work the way they’re 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’m gonna preview in Firefox just to see how the page looks in a different browser. Always good to test your work in multiple browsers and I’m gonna expand this just to fill the screen so that I can see what I’m doing here. Now I set a few links on this page so let’s see what happens.

I set a link to ’shutterfly’, oh look it jumps right back down to ’shutterfly’. Let’s see if that link at ‘flicker’ works, click on ‘flicker’ and it brings me right to ‘flicker’.

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

Tags: wright dreamweaver, free dreamweaver tutorials, curso flash dreamweaver, dreamweaver cs3 serial number, dreamweaver mx free tutorial, dreamweaver cs3 or tutorials

Tags

Techniques