Sliced and imported photoshop layout into dreamweaver

Question

First, I am a newbie to all of this web design stuff and
coding and dreamweaver. I wanted to create my first website so here
I am. I went through 2 different tutorials (youtube and on
lynda.com) I created a layout in photoshop and I also sliced it. I
imported it into dreamweaver (CS3 by the way).....I somewhat
understand what I am doing. I did all the defining a site and I
clicked on the content box that I sliced and deleted it and
inserted a div / added the image that go there, then I made that
area editable. The layout I imported I saved it as a
template.Anyway, so basically I am clicking on each sliced area,
deleting it, and inserting a div there. No problem. Now, the sliced
areas that has about, home, contact, etc.....those I needed to make
as links/clickable images. So, before performing the delete then
inserting a div part.....I first clicked on the sliced area then at
the bottom of the screen, where it says link, I did a point to
file, basically linked it. Now, when I preview it in the browser,
it displays boxes around the sliced navigation menu, which it is
nit suppose to. see here is a screen shot...
http://i36.tinypic.com/2eowewm.jpg
What did I do wrong? Why is it showing up in a table when I
didn't create it in a table? How can I remove that purple looking
table border?
Also, when I go to each of the sliced navigation menu, then
delete it and insert a div..... the image there...it will not let
me turn it into a link.
How do I turn my sliced navigation menu images into links. I
know I am doing something wrong but just don't know what it is. Is
there a code I can use or am I suppose to modify or insert
something? and how do I remove the box from around it?
What is an easy way? Is there a tutorial out there?
I want my layout to look like what I mocked up in photoshop.
Is there a way I can create the same layout in dreamweaver? The
problem isn't the background, it's trying to get the pink area in
the center of the lalayout. I didn't know how to do that so thats
why I tried the way of creating it in photoshop.
Please help

Answer 1

> youtube and on lynda.com
Regardless of what these tutorials lead you to believe, it is
the WRONG
approach. Read this to get some perspective -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"missdrika" <[email protected]> wrote in
message
news:[email protected]...
> First, I am a newbie to all of this web design stuff and
coding and
> dreamweaver. I wanted to create my first website so here
I am. I went
> through 2
> different tutorials (youtube and on lynda.com) I created
a layout in
> photoshop
> and I also sliced it. I imported it into dreamweaver
(CS3 by the
> way).....I
> somewhat understand what I am doing. I did all the
defining a site and I
> clicked on the content box that I sliced and deleted it
and inserted a div
> /
> added the image that go there, then I made that area
editable. The layout
> I
> imported I saved it as a template.Anyway, so basically I
am clicking on
> each
> sliced area, deleting it, and inserting a div there. No
problem. Now, the
> sliced areas that has about, home, contact,
etc.....those I needed to make
> as
> links/clickable images. So, before performing the delete
then inserting a
> div
> part.....I first clicked on the sliced area then at the
bottom of the
> screen,
> where it says link, I did a point to file, basically
linked it. Now, when
> I
> preview it in the browser, it displays boxes around the
sliced navigation
> menu,
> which it is nit suppose to. see here is a screen shot...
>
>
http://i36.tinypic.com/2eowewm.jpg
>
> What did I do wrong? Why is it showing up in a table
when I didn't create
> it
> in a table? How can I remove that purple looking table
border?
>
> Also, when I go to each of the sliced navigation menu,
then delete it and
> insert a div..... the image there...it will not let me
turn it into a
> link.
>
> How do I turn my sliced navigation menu images into
links. I know I am
> doing
> something wrong but just don't know what it is. Is there
a code I can use
> or am
> I suppose to modify or insert something? and how do I
remove the box from
> around it?
>
> What is an easy way? Is there a tutorial out there?
>
> I want my layout to look like what I mocked up in
photoshop. Is there a
> way I
> can create the same layout in dreamweaver? The problem
isn't the
> background,
> it's trying to get the pink area in the center of the
lalayout. I didn't
> know
> how to do that so thats why I tried the way of creating
it in photoshop.
>
> Please help
>