Online project based tutorials??

UTTERFILTH · Oct 12th, 2007, 10:04

Hey everyone,

I've started teaching myself XHTML and CSS and over the past week I seem to be picking it up pretty well using online tutorials like WC3 and HTML Dog.

However what I think I'd really benefit from, is some project based tutorials ie: something that will show you how to build a website step by step from start to finish using HTML and CSS and shows how each line of code adds to the outcome.. Preferably something a bit challenging aswell and not just a basic site.

Are there any tutorial sites like this, or even any books people could reccomend??

Any help would be much appreciated..

Thanks

Ricky

VanessaJW · Oct 12th, 2007, 11:52

Hmmm, that is a good question, and a valid point. Most tutorials just teach you individual bits and so trying to work out how to fit all these bits together can be tricky. Some courses will take you through the whole project process, but I'm not aware of any online tutorials that do myself - maybe somebody else knows of some? I'd be interested to see them too.

karinne · Oct 12th, 2007, 11:54

I know the Transcending CSS book "kinda" does that while showing you best practices for css. You might want to try that. But it might be too advanced since you're just starting.

This sounds like a good tutorials idea for the newsletter

I could have a crack at it

VanessaJW · Oct 12th, 2007, 12:14

Yes, I was thinking it would be a good one for the newsletter too when I was posting the reply - go for it Karinne!

karinne · Oct 12th, 2007, 12:16

HAHA!!! Just like that eh?

OK

Callie · Oct 16th, 2007, 02:16

Hi Utterfilth (love the name) -
If you're willing to try a book, maybe CSS-The Missing Manual by David Sawyer McFarland would work for you. He has you build a sample website starting w basic html and finishing with some advanced css. He has files for the site you can download (graphics etc...) and also gives the urls for the finished pages so you can see them live on-line and compare your work. Might be a good compromise if you don't find an on-line solution.

UTTERFILTH · Oct 16th, 2007, 10:56

Thanks for that Callie I'll give the book look. Someone else has also told me Eric Meyer's book on CSS also contains project based stuff so im going look into that aswell.

I also think including something in the News letter would be a great idea and alot of begginers like myself would find it really helpful..

karinne · Oct 16th, 2007, 12:13

Well ... I'm working on it. It should be in the December issue, since the November one is packed up

UTTERFILTH · Oct 16th, 2007, 13:46

Been searching around on the net and found this tutorial regarding CSS layouts.. I found it really helpful so I thought I'd put the link up incase anyone else is interested..

http://www.subcide.com/tutorials/csslayout/

karinne · Oct 16th, 2007, 13:59

One things that you should watch out for is not to use display: hidden .... whatever you mark as hidden, will not show in text browser either so ... they don't see the image and they don't see the text.

It's better to simply move the text out of viewport by adding text-indent:-9000px; to the element you don't want to show