I am pretty new at this too and I am not sure how to solve your problem but I just thought to tell you that I have found some great tutorials on lynda.com and VTC.com on DW and other software.
Hope you find answers,
Photoshop and Illustrator are great programs.. for photo editing and very precise graphics work. While they have the ability to import to Dreamweaver, it's not a good idea to use them to design web pages, unless you know a lot about how to properly integrate slices with metadata and links, etc.
I use PS and Fl to build content for my websites, but never to build the sites themselves. That's what Dreamweaver is for.
Build the pages first in DW and then integrate graphics into them.
Once you become an advanced user in DW and know how to integrate slices into DIVs and/or frames or tables, then you can effectivley use slices from PS or AI. Otherwise you're asking for more trouble than benefit from the process.
My hmtl index page was sliced (and created in photoshop). It looks good, I just can't seem to make
one section of the page (the portion I sliced to create the "body"...where content will be seen)
editable. I don't want to delete the pattern in the body - but it looks like that is the only way to allow that por
tion to be editable...
Use your graphics apps to make images and slices. Save for web as IMAGES only.
Use DW to build your web pages.
For best results, spend a few hours learning basic HTML, CSS and web terminology first. HTML is the content code. CSS is the style code. Together, these form the 123's and ABCs of web design. Knowing the basics will give you a head start and make DW much easier to learn.
HTML & CSS Tutorials - http://w3schools.com/
Then work your way through this 3-part tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
Best of luck,
I totally understand that I need to learn html and css. I thought that this specific question would have an answer that would help me learn a little bit of it.
I already created the art in Photoshop and sliced it and imported it into DW. I am able to manipulate all the slices - I just wanted to know how to make the body slice editable. I've tried using code like:
"<td rowspan="11" style="background-image:url(images/body.gif);height:636px;width:483px;">
And deleting the other row but it disrupts the background. I only want to make one slice/section of my background editable and I just thought it seemed like something that would be a very easy thing to find.
I've spent all day watching online tutorials and googling forums and FAQ sites and I guess I assumed that this question would be much easier to answer than it is.
I've never written a bit of code in my life and I am trying to ease into it.
You need to take the background image out of the tables and place it into the body background using CSS. I'll assume you want the background image to fill in your page.
Put the following CSS code between the <head> and </head> tags in your HTML document. You'll need to work in Code View for this.
background: url (your-BG-image.jpg) repeat;
Thanks for the code - but before I try that let me make sure I was clear in terms of what I was asking.
The main page is sliced like this:
And then, there is just the rest of the page - Basically the header sits above those slices. I might need to slice that as well, but I haven't done that.
All I want to do is make the body slice editable. I want the rest of the page to remain the same.
The body has a pattern that needs to match up to the sliced images (links) to the left.
If I use that code, will that disrupt the pattern?
1 person found this helpful
Without seeing your design comp or code it's almost impossible to give meaningful answers. But offhand, it doesn't sound like you have a flexible web page design. It's nearly impossible to line up slices with backgrounds.
Working with HTML Backgrounds
Basic CSS Layout - View source in browser to see the code
That is what I was wondering. Thanks for your help.