PDA

View Full Version : Getting up-to-date with web design - HTML/CSS/etc.


CrispyUK
1st May 2009, 15:21
I made my first website probably 10+ years ago now and since then have always been involved in/owning some form of unofficial fan-sites. However with the current Alton Towers fan-site I run we were very lucky to have a website developer join the team 4-5yrs ago and we now have a beautiful database-driven website with CSS design and various bits of Ajax, etc. which is great.

The trouble is I'm not working on the actual code of a website anymore and haven't been keeping up to date with things.

A friend has asked me to overhaul the website for his company...which I've provisionally agreed to do...but I'd be cracking out the tables for layout and I know that's 'wrong' nowadays - it's the way things were done last time I did anything so it's what I know.

I've used CSS before for text formatting and making it easy to change across a whole site, and for controlling form field appearance but that's about my limits. I wouldn't have a clue how to use it for layout, etc.

I'm going to have lots of free time over the coming months, and potentially this website redesign coming up so I'd like to learn how it should be done these days.

Getting onto the question (sorry I've waffled a bit!) - can any of you recommend any books/resources/tutorials to help teach myself how to let go of the tables and use CSS for layout?

I don't know if there's much out there aimed at converting people from the 'old-skool' ways to CSS based layout or whether I'm better just treating it as learning from scratch and going for something aimed at that?

I was given a PHP/MySQL book a few ago by Sitepoint which is quite good and they seem to be quite well-regarded - http://www.sitepoint.com/books/library/ - they do a designing without tables book, have any of you read it?

Any suggestions or recommendations appreciated :)

On a related note, if my free time disappears or my friend decides he wants the site done sooner I could be looking for someone to take a design idea/image/concept and code it into a template page I can plug the various pages of content into, if any of you would be interested in doing that and can offer a suggest a rough price (appreciate it will vary on the complexity of the design) please reply/PM :)

fisicx
1st May 2009, 15:26
Go buy Eric Meyer on CSS: http://www.amazon.co.uk/Eric-Meyer-CSS-Voices-Riders/dp/073571245X/ref=sr_1_1?ie=UTF8&s=books&qid=1241191429&sr=8-1

Probably still the best introduction to CSS there is.

After that just use the gazillion online tutorials for specific features (floats, lists, image replacement and so on).

FireFleur
1st May 2009, 15:39
O'Reilly definitive guide to CSS same author, O'Reilly editing.

Tables are not wrong for layout, they were discouraged a while back, because of over use. There are still some designs you cannot do without tables and have a consistent display across browsers, they tend to involve the base line and multiple columns.

The problem with tables is the number of boxes it generates.

<table>
<tbody>
<tr>
<td>

It is four boxes deep before content, and that is a lot of nesting if you put a table in a table in a table, you are looking at 12.

A lot of stuff can be done without tables though, and tends to work better than just dumping a table in.

Dynamic HTML latest edition is another good read.

jadexsoln
1st May 2009, 17:11
Well I started with Beginning CSS from Wrox. Got me started in the right direction. That and some online tutorials....

openmind
1st May 2009, 17:16
http://www.sitepoint.com/books/css2/

Excellent book and well worth the money

MyPetTrade
2nd May 2009, 10:45
The best place to learn for free is ((www)). w3schools . ((com))

mobyme
2nd May 2009, 15:29
http://www.sitepoint.com/books/css2/
First class

CrispyUK
4th May 2009, 20:21
Thanks all, couple of strong recommendations for the book I was looking out so will probably go for that one - but will take a look at the others mentioned too before handing over the cash :)

Cheers for online links, will probably top my knowledge up with them as needed but for getting a grasp of a subject it's nice having a physical book to take between the desk / sofa / bed / loo as wanted :D

cmcp
4th May 2009, 20:40
I can vouch for w3schools too.