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 03-30-2009, 05:36 PM   #1
silverglade
 
Join Date: Sep 2008
Posts: 306
Default learning from the professionals?

hi again. i am now studying professionally done templates and realizing now that im a css and photoshop newbie still even after 6 months. but at least im recognizing it. heres what im doing now. i open up the psd file in photoshop and study how they made it. then i open the index.html file and the css page and click in design view the design divs and various elements, and look at the css in the top right of dreamweaver. then i also use firebug to do the same thing. i stare at the code until i start to get a grasp of how the person used css on the page, so that i can reuse those techniques in my pages. im still not sure how im going to make full sites yet by studying the templates, (any ideas?) but i think i am making progress even though all im doing right now is staring at the page's css and design elements. do you think i should be doing anything else in addition? any help greatly appreciated again. thanks for all of the great suggestions before. derek
silverglade is offline   Reply With Quote
Old 03-30-2009, 05:53 PM   #2
davidj
davidj's Avatar
 
Join Date: Sep 2005
Location: The Toon (newcastle upon Tyne)
Posts: 8,256
Default

templates are just another car on the road

you need to learn the road.

ok

pointers

go and checkout sites you like and do a screen grab of them

then using dreamweaver try to replicate them {<< ok for learning} using the Code View
__________________
Would you like to learn PHP from me? Check out -> www.codezenith.co.uk
davidj is offline   Reply With Quote
Old 03-30-2009, 08:28 PM   #3
silverglade
 
Join Date: Sep 2008
Posts: 306
Default

ok great thank you.
silverglade is offline   Reply With Quote
Old 04-22-2009, 11:43 AM   #4
wayne78
 
Join Date: Apr 2009
Posts: 35
Default

the w3schools is a good starting point at www.w3schools.com you can learn css and html for free you could also look at dreamweaver tutorials on you tube there are loads and well worth it...hope this helps.
wayne78 is offline   Reply With Quote
Old 04-23-2009, 11:57 AM   #5
Rob_Che
Rob_Che's Avatar
 
Join Date: Feb 2008
Posts: 1,552
Default

Deconstucting a complex template will send you crazy. Do some basic CSS layout tutorials and learn the box model.

Google is your friend.
Rob_Che is offline   Reply With Quote
Old 05-09-2009, 07:30 PM   #6
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Six months is a long time..
I think you should change your approach.
domedia is offline   Reply With Quote
Old 05-09-2009, 07:35 PM   #7
davidj
davidj's Avatar
 
Join Date: Sep 2005
Location: The Toon (newcastle upon Tyne)
Posts: 8,256
Default

steer away from 100% heights though!
__________________
Would you like to learn PHP from me? Check out -> www.codezenith.co.uk
davidj is offline   Reply With Quote
Old 05-09-2009, 07:56 PM   #8
Rob_Che
Rob_Che's Avatar
 
Join Date: Feb 2008
Posts: 1,552
Default

Quote:
Originally Posted by domedia View Post
Six months is a long time..
Is it? it is if you're doing it 24/7 I guess..

I've been photoshopping on and off for about 10 years and I still fall over regularly !

CSS is a whole other story...
Rob_Che is offline   Reply With Quote
Old 05-09-2009, 08:04 PM   #9
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Quote:
Originally Posted by Rob_Che View Post
Is it? it is if you're doing it 24/7 I guess..

I've been photoshopping on and off for about 10 years and I still fall over regularly !

CSS is a whole other story...
I still learn new CSS stuff, don't get me wrong. But spending 6 months and not being able to put together a basic CSS layout is just not right.
domedia is offline   Reply With Quote
Old 05-09-2009, 08:20 PM   #10
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

If you have Dreamweaver CS3 or CS4 use one of the built-in page layouts (in the New Document dialog they are listed in the Blank Page section with names like 2 column, elastic, right sidebar. Then take a look at the CSS file that Dreamweaver creates for you. It's very nicely commented and will give you a good idea of how the layout was created.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse 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 03:54 AM.


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