Page Designs (CSS) -- wow!!! 2

[net123]

I recently acquired DWMX 2004 and was taken back by how neat those page designs (css) templates are designed. Can anyone direct me to a good source (preferably book or web) that can help me code these sites.

I would very much like to use the 'Halo Left Nav' design, but I don't know how breadcumbs and those links are suppose to work. I come from an ASP.NET and VS.NET background.

Your assistance will be greatly appreciated.

 

[deecee]

http://www.w3schools.com

great start site

http://www.csszengarden.com/

great example of what css can do

but other than that try google for css toots

<Signature>
Sometimes the Answer You Are LOOKING for can be FOUND BY SEARCHING THE FAQ'S @&%$*#!!!
</Signature>

 

[uridium]

I'd reccomend DWWS by Zeldman (

http://www.zeldman.com/dwws/

) and Eric Meyer on CSS (

http://www.ericmeyeroncss.com/

)

 

[net123]

After a little bit more time reading into templates, I am better understanding how they work. I am a .NET developer but have now been assigned to design a content-holding site for my department.

I really enjoyed the look of the following address:

http://www.microsoft.com/sql/techinfo/administration/2000/rosetta.asp

This is using templates, correct? I am looking for something with a header, top menu, side menu, footer, body in the middle, and maybe some small content displayed to the right. Is this doable in DWMX 2004? Or am I missing the whole picture here? I'm sure the the link I supplied gets into some complicated coding, but I just want to develop something rather simple and bare-bones (just for displaying content). How big of a project is this? I'm hoping the answer will be around ~80 hours or less since I have so much development to do (don't we all)!

Has anyone read/referenced the Dreamweaver MX Templates book by Halstead? I heard it's a good book since I don't believe there are many that go into the subject with details.

Your responses will be greatly appreciated.

 

[uridium]

Thats a good looking site and hopefully not too tricky to build with CSS and a template.

Start by building up the basic page architecture: I usually do Header, Navigation, Content, Footer. You can add and remove them to suit you.

<div id=&quot;header&quot;>
<h1>Page Heading</h1>
<h2>Sub Heading</h2>
</div>

<div id=&quot;Navigation&quot;>
<ul>
<li><a href=&quot;link1.asp&quot;>link 1</a></li>
(etc...)
</ul>
</div>

<div id=&quot;maincontents&quot;>
<h3>Some content here</h3>
<p>Some more etc...</p>
</div>

<div id=&quot;footer&quot;>
Copyright very small text inc. 2003
</div>

Then use CSS to style it all and put it in the right place.

eg, for the navigation, we would have:

#navigation {
width: 150px;
position: absolute;
top: 80px;
left: 0px;
}

#navigation ul { etc... }

For more on CSS you might want to check out

http://www.alistapart.com/articles/practicalcss/

and

http://www.alistapart.com/articles/taminglists/

And your code will work best if you validate it over at

http://validator.w3.org/

(otherwise you cant blame the browser for getting it wrong ).

 

[uridium]

Sorry, forgot the templates bit.

Once you've created your page and saved it as a template, you'll need to set up editable regions. The easiest way is simply to set one up that fills the whole of the &quot;maincontents&quot; div.

Then any page you create using that template can only have content insterted into that/those region(s). If ever you update the template DW will automatically update all of the pages attached to it, which is handy

 

[lebisol]

Almost OT:
ha?...this guy---> &quot;zeldman.com/dwws/&quot;
I almost lost my eyesite on their index......what a color slection...no allignmnet.....I managed to read the bold parts...please don't make more of pages like this one!
However,If u drill down through his site u will find some nice examples.....I just don't get the index page...if I was ever tp stubmle upon this site and base my opinion on index....well, I would do what Forest Gump did!
...sorry, I just cound't resist!
All the best!

> need more info?
:: don't click HERE ::

 

[uridium]

@lebisol - re DWWS

I'm agreed on the colour selection but he has a style switcher so you can choose darker/bigger text if you prefer.

The book is somewhat easier to read aswell

 

[TNig]

Macromedia has a an article on Disseting the halo template at

http://www.macromedia.com/devnet/mx/dreamweaver/articles/dissecting_halo.html

Acutally, breadcumbs is an extension by

http://www.interakt.ro

 

[JRMS]

Hey guys,

I'm new to Dreamweaver and web design and I am also attempting to create a webpage with the ccs/halo design.
Uridium display a good start for the website; however, where do I display the code in the beginning web page. I like the Halo design and is attempt to use the style for my own web page. Your assistance will greatly be appreciated. Thanks!!!!!!!!