logo-dw

Go Back   Dreamweaver Club Forums > Community Talk > Dreamweaver Club Cafe
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 06-30-2010, 10:57 PM   #1
Box815
 
Join Date: Jun 2010
Posts: 3
Default DW CS5 best source for basics?

I'm brand new to DW and I'm using the DW CS5 free trial having come over from FrontPage.

Okay, tables are bad and I'm going to use CSS. But what is the basic "unit", what would be called a layer in FrontPage? For example, I want to create a small blue box with white text inside of it. This should be basic but for the life of me I can't even get started and I'm pretty good with FrontPage.

What's the best primer?

Thanks for the help.
Box815 is offline   Reply With Quote
Old 07-01-2010, 02:15 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

create div , and use relative positioning
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 07-01-2010, 03:32 AM   #3
Box815
 
Join Date: Jun 2010
Posts: 3
Default

Okay, thanks for the help but how about EXPLAINING WHAT THE HELL YOU MEAN!! I don't know how to "create a div".

Frankly, this is the problem with DW. It assumes you know pricisely how to use it already.
Box815 is offline   Reply With Quote
Old 07-01-2010, 03:41 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

use insert on the tab at the top. there re a couple of members doing courses here but have you read the help files?F1
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 07-01-2010, 09:35 AM   #5
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Welcome to the forum

The HTML mark-up for a div is;

Code:
<div></div>
You can then style a div using CSS by adding an ID or a Class;

Code:
<div id="bluebox"></div>
Then you can add your content;

Code:
<div id="bluebox">This is a blue box with some content</div>
Finally create your CSS style for id 'bluebox';

Code:
#bluebox {width: 200px; height: 100px; color: #fff; background-color: #33f;}
This is a very rough example and CSS has a lot more to it but it creates a small blue box with white text.

This is the way websites are built nowadays and it separates style from content.

Quote:
Frankly, this is the problem with DW. It assumes you know pricisely how to use it already.
You started your post saying you wanted to learn but this sounds like you don't. You have to learn every new piece of software you pick up I'm afraid. This forum is a good place for hints and help though and you'll love it once you get it

Last edited by Corrosive; 07-01-2010 at 09:38 AM.. Reason: added stuff
Corrosive is offline   Reply With Quote
Old 07-01-2010, 02:30 PM   #6
Box815
 
Join Date: Jun 2010
Posts: 3
Default

Thanks for the help but I ended my post by asking for suggestions for a primer and having given an example of a simple task that was really complicated by DW.

No one's suggested a single book that would help a beginner, they've just jumped into coding; give a man a fish...teach a man to fish...

As an example, someone says use the Insert menu but I select the Insert menu and I don't see "div" and they didn't give any more info.
Box815 is offline   Reply With Quote
Old 07-01-2010, 03:18 PM   #7
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Dreamweaver The Missing Manual is meant to be good. Try that.
Corrosive is offline   Reply With Quote
Old 07-02-2010, 01:40 AM   #8
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

To use Dreamweaver effectively, you're going to have to learn some HTML and CSS along the way. One of the most basic (and tricky) aslpect of HTML/CSS and therefore Dreamweaver is page layout. However there are some nice layouts built-in to Dreamweaver you can select on in the New File dialog under the layout column. You might want to try one of those and take a look at the code. There are plenty of explanatory notes in the comments of the HTML and CSS files generated for the page.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 07-02-2010, 02:26 AM   #9
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

i started with dreamweaver for dummies
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 07-02-2010, 03:31 PM   #10
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Quote:
Originally Posted by edbr View Post
i started with dreamweaver for dummies
So did I. 15 chapters about tables and then CSS... what a kick in the pants that was!
Corrosive is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:17 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com