Best way to learn website design w/CSS

15 years ago

W3Schools are great as a resource to learn and use as a online command reference. I have that site open in my browser all the time when I am designing.

A lot depends on your current skillset, but you can find many tutorials on Google. Just need to ask the right question.

Still, start with w3schools.com and once most of that makes sense, you will be ready to expand outwards.

Have a Great Day!

Thanks
2 replies

{{ DiscussionBoard.errors[1194033].message }}

Johny2000

14 years ago

Originally Posted by Richard Whyte

W3Schools are great as a resource to learn and use as a online command reference. I have that site open in my browser all the time when I am designing.

A lot depends on your current skillset, but you can find many tutorials on Google. Just need to ask the right question.

Still, start with w3schools.com and once most of that makes sense, you will be ready to expand outwards.

Have a Great Day!

Thanks for information. I like it

Thanks
1 reply

{{ DiscussionBoard.errors[2656061].message }}

Big Squid 14 years ago

Gotta agree with Shen on this one... Head First books are very easy to learn and each book has it's own active support forum. I think you can get one used online somewhere for less than $25.

It's worth it.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[2656229].message }}
- SiteSmarty 14 years ago
  
  The easiest way to learn is by using the Thesis WordPress Theme.
  
  Here's why:
  
  In Thesis there is a folder named "custom". There are files inside that folder, two of which let you override the core functions and css of Thesis.
  
  If you're just starting you don't need to touch the custom_functions file. You can create a theme using just the custom_css.
  
  For example:
  
  This is a skin created for Thesis and it's designed just using css
  
  sitesmarty.net/thesis-theme-skin-blue-banner/ << (Copy and paste into our browser address bar)
  
  I've got an easy sales page skin (I'm using it on my signature link) you could use to get your feet wet. Just go between the skin and 3schools to learn the css part in a day or two. You need Thesis to use a skin.
  
  Thanks
  
  {{ DiscussionBoard.errors[2659818].message }}

TechGuy1

13 years ago

Originally Posted by Richard Whyte

W3Schools are great as a resource to learn and use as a online command reference. I have that site open in my browser all the time when I am designing.

A lot depends on your current skillset, but you can find many tutorials on Google. Just need to ask the right question.

Still, start with w3schools.com and once most of that makes sense, you will be ready to expand outwards.

Have a Great Day!

I also learn lot of things from this site so go ahead..................

Thanks

{{ DiscussionBoard.errors[2792334].message }}

Mr.Tambourine

15 years ago

Head over to Linda.com ... it has some professional tutorials on almost any topic you can think of ..... If you do not want to pay, you can surf around on you tube etc for tutorials ...

Look at nettuts.com and tutvid.com for excellent tutorials .....

Thanks

{{ DiscussionBoard.errors[1194083].message }}

jgalty

15 years ago

I would do all mentioned above and i would also download a template or two that css in it and see how it works. Play around with it and change things to get a feel for it.

Thanks
1 reply

{{ DiscussionBoard.errors[1194425].message }}

cma01 15 years ago

The first time I delved into CSS was when I was working on a project and needed to create a list styled menu. I just Googled for tutorials and played around with it until I figured it out. It took me about 8 months until I was really comfortable designing sites completely with CSS.

Deconstructing existing CSS layouts, as jgalty suggested, is a good way to learn. One of the best inspiration sites is csszengarden.com. And whenever I see a cool web site (well I do this for almost all web sites), I look at the source and see how they did it.

Alistapart.com is another good site to follow and I have several books from Sitepoint.

When you design with CSS, you have to look at a design differently than you would if it were designed with tables. If I knew of a book or course that taught the theory behind it . . . how to approach a site for CSS, I would direct you to it . . . but I don't. It's kind of like geometry was for me, you just have to keep practicing until you "get" it.

An absolute must have tool is Firebug for Firefox. I could code a CSS layout without Dreamweaver, but I couldn't do without Firebug.

I also use Aardvark occasionally, particularly if I've fixing a template that's not mine and I'm not familiar with the div structure. You can quickly identify div outlines with it.

When I finish a design in Photoshop, I open Dreamweaver and create a blank html and CSS document and start coding. I go outside to inside and back to front. What is going to be on the body background . . . what divs do I need to work in all the design elements. What can I tie to headings, etc.
- [ 1 ] Thanks
- 1 reply
Signature
"Wise men talk because they have something to say; fools, because they have to say something."
~ Plato
{{ DiscussionBoard.errors[1199049].message }}
- SmartWeb 14 years ago
  
  Originally Posted by cma01
  
  An absolute must have tool is Firebug for Firefox. I could code a CSS layout without Dreamweaver, but I couldn't do without Firebug.
  
  Firbug is great tool for learning CSS. Firebug is a plugin for firefox. and these great tools are free. spend some time in learning firebug, and you can see how each line of css effects the webpage in real time.
  
  Thanks
  
  Signature
  Smart Web Solutions
  
  {{ DiscussionBoard.errors[2662492].message }}

joelmutia

15 years ago

try also killersite.com. they have a great resource. some topics offers free video tutorial.
with CSS you have the full control of the look of your website. how you display it. of course DIV tags play a great role also + ID and CLASS. I studied web design from scratch first from notepad hard tagging with tables tag and some deprecated tags now i let go he table tags and go for DIV tags.

Thanks

{{ DiscussionBoard.errors[1263898].message }}

Amelia O

15 years ago

Lynda.com hands down..

Thanks

{{ DiscussionBoard.errors[1267265].message }}

faust1611

15 years ago

with all the resources you have over the web. add experience, practice and heart your good!

Thanks

{{ DiscussionBoard.errors[1272511].message }}

sanjid112

15 years ago

w3school and killersite would be good.
also by download some templates with CSS and make a little experiment with those, it will be great tool to learn.

well, you can go to bookstore or library to find books with that theme. that can be good resources too.

the more important is practice and practice...

Thanks

{{ DiscussionBoard.errors[1272540].message }}

Dave Dougherty

15 years ago

The only site you will ever need hands down net.tutsplus.com

Thanks

{{ DiscussionBoard.errors[1274764].message }}

cmaclean

15 years ago

Check out W3Schools and Lynda.com.

Once you get a decent grasp, you'll learn alot from:

Net.tutsplus.com (as Doggz mentioned)
CSS-tricks.com

Thanks

{{ DiscussionBoard.errors[1274991].message }}

jorgemarget

14 years ago

I would do all mentioned above and i would also download a template or two that css in it and see how it works. Play around with it and change things to get a feel for it.

Thanks
1 reply

{{ DiscussionBoard.errors[2574620].message }}

Scott Henderson 14 years ago

All of above are great resources for me however the best and easiest is from a book from Head First Labs, Head First Labs from O'Reilly Media, Inc. :: Head First HTML with CSS & XHTML

If is bar far the best course for a newbie I have ever seen. Their unique style of teaching makes learning fun, they mix it up a lot, there are even crossword puzzles you do as part of the process.
- Thanks
- 1 reply
Signature
Broke | UnEmployed | To Living the Good Life Today - FREE GUIDE REVEALS What Started My IM Journey >>START YOURS TODAY<<

Also Visit Me At My Internet Marketing Blog, Scott Henderson's Marketing Secret's
{{ DiscussionBoard.errors[2575660].message }}
- suviawilliams 14 years ago
  
  Hi
  My self vijay kumar
  
  you can try also killersite.com. they have a great resource. some topics offers free video tutorial.
  I would do all mentioned above and i would also download a template or two that css in it and see how it works.
  
  Thanks
  
  {{ DiscussionBoard.errors[2576439].message }}

dominicmarsh

14 years ago

Yes there are many tutorials online you can go through those and see how much you can grasp.

Thanks

{{ DiscussionBoard.errors[2576705].message }}

erinsmith

14 years ago

W3Schools very useful for and some advantage for newer but many more site give deep tutorials so easy to understand and apply so easy for you

Thanks

{{ DiscussionBoard.errors[2576727].message }}

luxl85

14 years ago

I suggest you download a CSS note and use DW to practice it.

Thanks
1 reply

Signature

My resource: Amazon sale

{{ DiscussionBoard.errors[2610590].message }}

arvelclinton 14 years ago

The best way to learn website design is to praticise a lot. Practise makes a man perfect.
- Thanks
{{ DiscussionBoard.errors[2651628].message }}

dnawize

14 years ago

Go to YouTube and search for "CSS Tutorials". There are planty all for free.

Thanks
1 reply

{{ DiscussionBoard.errors[2654901].message }}

jacthomas 14 years ago

To learn website designing, your grasping power should be very strong.If your grasping power is strong then you will easily learn web designing.
- Thanks
{{ DiscussionBoard.errors[2655817].message }}

adrienngary

14 years ago

I have no trouble with HTML,CSS,PHP,Javascript programming, although I don't know flash yet, I'm interested only in learning the aesthetic aspects of the design. There are plenty of websites out there that can assist you in learning the basics for websites especially HTML or CSS.

Thanks

{{ DiscussionBoard.errors[2684352].message }}

wevo

14 years ago

Practical learning is best. Code sample sites.

1. Grasp a general idea of HTML + CSS.
2. Design your own simple layouts.
3. Attempt to code your layouts.
4. Found a road block? Google it.

Seriously i code client websites with ease now from pretty much doing the above. You can read as much as you want but you need to put it into practice to learn.

I was in your position a few months ago.

Thanks
1 reply

{{ DiscussionBoard.errors[2689823].message }}

jacthomas 13 years ago

Learning to build your web sites using HTML will give you far better control over the process and ultimately your web sites. You will have a far deeper understanding of the web, and as a result you will create better web sites quicker - much quicker.
- Thanks
{{ DiscussionBoard.errors[2786665].message }}

Best way to learn website design w/CSS

Trending Topics

Boat and Jet Ski Rentals...... Door Hangers Effective?

Are billboards still effective in driving customers?

A Very Strange Internet Problem

Let's dissect the genius behind Nike's 'Just Do It' slogan. What makes it so powerful and timeless?

4 underutilised SEO research approaches to explore