OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

Best way to learn css?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Best way to learn css?
Page: [1]
 
 
funk theory

 

Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline

 
Best way to learn css? - 12/14/2008 8:29:30   
I am in the process of building my new site and I'm going to make it look as professional as I can. My question is, is the best way to learn css but going through notepad/pspad and copying and editing the code or using a program like expression web?
Tailslide

 

Posts: 6758
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Best way to learn css? - 12/14/2008 8:52:01   
Personally I believe the best way is trial and error using an HTML editor such as PSPad or Crimson Editor (or any such editor).

This way you have total control and you can see what you're doing - if that makes sense. I will qualify this by saying I've never really used a WYSIWYG editor such as EW or DW but I've seen what they can produce and I'm not tempted to use them.

Try looking at some of the excellent online tutorials such as htmldog or cssbasics and reading some of the wide range of books such as bulletproof web design.



_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to funk theory)
Giomanach

 

Posts: 6191
Joined: 11/19/2003
From: England
Status: offline

 
RE: Best way to learn css? - 12/14/2008 13:33:53   
While I agree with Tailslide, there is one starting point for all.

My first stop would be http://www.w3schools.com for their basic CSS tutorials. Questions can always be asked here, and we can offer examples of how to build a site completely out of CSS.

_____________________________




(in reply to Tailslide)
funk theory

 

Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline

 
RE: Best way to learn css? - 12/14/2008 14:45:52   
I used the w3schools site a few times too. Basically if i want my site to be all the same layout, which obviously i do, i design one page in css background, text etc and build the other pages round that code?

(in reply to Giomanach)
Tailslide

 

Posts: 6758
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Best way to learn css? - 12/14/2008 15:04:49   
Watch W3schools - some of their stuff is out of date - particularly in those tests.

They rely on people thinking that they're the same as the W3C but they're not...

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to funk theory)
TexasWebDevelopers

 

Posts: 761
Joined: 2/22/2002
From: Dallas, TX
Status: offline

 
RE: Best way to learn css? - 12/15/2008 9:47:09   
I like to learn by looking at code and altering it. Here are 40 CSS layouts to play with and learn from:
http://blog.html.it/layoutgala/

_____________________________

:)

Follow us on TWITTER

(in reply to Tailslide)
Tailslide

 

Posts: 6758
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Best way to learn css? - 12/15/2008 10:57:12   
The secret is, at first, to keep it simple.

Avoid absolute positioning and negative margin layouts.

Stick to simple floated layouts - once you're really happy with a two column floated layout then have a look at the various options for 3 columns - there are several different ways of doing it, some more complex than others.

Learn the faux-column technique.

Check in all browsers as you go along and validate your code.

Bookmark http://www.positioniseverything.net/ for the answers to various IE bugs.

Don't try to do something too complex to start with. Most browser problems are easily remedied as long as you code properly. Don't stick inline styling in tags. Don't have 5 million divs - use as few as possible. Don't have ids like "_54" - have something that means something like "sidebar".

There - that's pretty much it!!

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to TexasWebDevelopers)
funk theory

 

Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline

 
RE: Best way to learn css? - 12/16/2008 16:55:19   

quote:

ORIGINAL: TexasWebDevelopers

I like to learn by looking at code and altering it. Here are 40 CSS layouts to play with and learn from:
http://blog.html.it/layoutgala/


thats a good start although my site is mainly images, so i will need to learn postioning of those with the lightbox app i use.

(in reply to TexasWebDevelopers)
funk theory

 

Posts: 51
Joined: 11/6/2006
From: Kent, UK
Status: offline

 
RE: Best way to learn css? - 12/16/2008 16:56:36   

quote:

ORIGINAL: Tailslide

The secret is, at first, to keep it simple.

Avoid absolute positioning and negative margin layouts.

Stick to simple floated layouts - once you're really happy with a two column floated layout then have a look at the various options for 3 columns - there are several different ways of doing it, some more complex than others.

Learn the faux-column technique.

Check in all browsers as you go along and validate your code.

Bookmark http://www.positioniseverything.net/ for the answers to various IE bugs.

Don't try to do something too complex to start with. Most browser problems are easily remedied as long as you code properly. Don't stick inline styling in tags. Don't have 5 million divs - use as few as possible. Don't have ids like "_54" - have something that means something like "sidebar".

There - that's pretty much it!!


I dont understand what you mean by _54 or do you mean what i call the stylesheets?

(in reply to Tailslide)
Tailslide

 

Posts: 6758
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Best way to learn css? - 12/17/2008 2:13:38   
No what I mean is that you often see an id or a class with a useless name such as _54 or something equally as cryptic. No use at all if you're looking in the stylesheet a year later!! Always give useful names to classes and divs such as sidebar or footer.

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to funk theory)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Best way to learn css?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts