Ok... been approved.. but...

[DonnaL]

Ok... I did a rough layout for the new web design (in regards to my previous post) and it's been approved by the "owners"... they like the look. Still don't like their purple to blue gradient.. but they've had that for 18 years. they won't change it.

Question is.... I did this in photoshop... can anyone guide me on how to get this into dreamweaver?

Here's the image...
http://www.bullheadcity-bee.com/test_site/Webdesign-Layout.jpg
the gray(er) boxes are just to tell me where an image will be going. want the text to flow around the image... below the bottom line will be smaller brief headlines...

Also I have the Navigation "text" as rollover (color change)...

Just need a bit of guidance on how to get this into dreamweaver.

Thanks!

[colonel5]

yeah, that gradient is pretty brutal

As far as getting into dreamweaver it looks pretty simple to layout using some html and css. Slice up the image for probably just the header and footer. The boxes, layout, text, rollovers etc you can do with css and html

good luck.

[DonnaL]

the gradient actually looks more decent on screen then after it's printed... just disgusting but...... what can ya do...

As far as CSS goes.... I don't know a lick about it. How do I "make" a css out of that? Is there a tutorial somewhere that can guide me on how to slice it and step-by-step make it into a css? Websites are not really my thing.. but I AM willing to learn! :D

[CurtisS]

One great resource for CSS layout is A List Apart...
http://www.alistapart.com/

CSS or cascading style sheets simply controls what your HTML looks like and reacts. If you have ever used style sheets in InDesign, Quark or Pagemaker CSS pretty much works the same way (I am oversimplifying this but I hope you get the idea).

Otherwise google CSS tutorials. Once you get the idea you will wonder how you ever got by without it.

[Broacher]

I bet it's the same story with that nameplate design, eh?

Man, the spacing, the font-- even I had to look at the bottom to be sure I was reading that correctly.

Guess if they're that Bullheaded about it though...

[hewligan]

A List Apart is great for learning more advanced tips and tricks. For beginners, a far better place to start is w3schools (http://www.w3schools.com/).

In particular, go through these 3 tutorials in this order:

HTML (http://www.w3schools.com/html/default.asp)
XHTML (http://www.w3schools.com/xhtml/default.asp)
CSS (http://www.w3schools.com/css/default.asp)

The tutorials all end with useful reference sections. That's plenty to put together basic, static pages. The other stuff there is more to do with scripting, so you can safely ignore it.

[DonnaL]

I bet it's the same story with that nameplate design, eh?

Man, the spacing, the font-- even I had to look at the bottom to be sure I was reading that correctly.

Guess if they're that Bullheaded about it though...
Yeah...... well I don't know who originally made their header.. the paper looks worse. The owners are both 65 years old.. and VERY stubborn!!

[DonnaL]

A List Apart is great for learning more advanced tips and tricks. For beginners, a far better place to start is w3schools (http://www.w3schools.com/).

In particular, go through these 3 tutorials in this order:

HTML (http://www.w3schools.com/html/default.asp)
XHTML (http://www.w3schools.com/xhtml/default.asp)
CSS (http://www.w3schools.com/css/default.asp)

The tutorials all end with useful reference sections. That's plenty to put together basic, static pages. The other stuff there is more to do with scripting, so you can safely ignore it.
Thanks... I'll check these out. I had a quick look at A List Apart and was a little lost... i'm REALLY a beginner..... I need baby-steps.

[hewligan]

A List Apart is great if your questions is "How do I make a 3-column liquid layout with equal height columns using CSS," or "How do I produce a drop down menu from an unordered list without using javascript." If you carry on learning this stuff, you will find it useful.

But it's not a good place to start.

[DonnaL]

*** my head is spinning **