Hi guys/girls

I am very new to this web design world

I am currently making a website for my gaming clan. I am following the tutorials in the tutorial section.

What puzzels me is this.

Whenever I make a new template, say the size is 800x600 or whatever, and I save it as html, it never comes up as a full webpage, in firefox.

It looks like a picture, please help me

How do I turn my template, into a full working website?

Thanx

Drokker

Drokker,

To turn a Photoshop Comp into a website involves slicing your layout, Writing XHTML Markup and CSS.

To help you it would be beneficial if you posted what your site looks like.
Also do you want to use old techniques. Creating a layout using a HTML table or the newer pure CSS and XHTML layout.

What you decide will depend on how you go about transforming your layout into a web page.

There are a lot of books that cover this and one that I would recommend you buy, if you want to learn this, is:

"Beginning CSS Web Development by Simon Collison"

In the back of the book he has a Case Study where he starts of with a Photoshop Comp for a fictional band called "The Dead Goods" and turns it into a website using XHTML and Cascading Style Sheets (CSS).

If I have time I will knock up a CSS tutorial. CSS isn't easy though, as you have to deal with a lot of different web browsers with varying CSS support and CSS bugs (Internet Explorer 5.5 and 6.0 anyone?).

Just do a search on Google for CSS bugs to see what I mean. You'll also need to read up on the CSS box model and maybe even the Box model hacks unless you decide that it would be better to use Microsofts Conditional Comments

An easier to understand article on Conditional Comments that explain in layman terms.

It might help you to start of with some sample simple templates and take it from there.

See my answer to aaron1988 post about the exact same subject. (Do you search first to see if the topic has already been answered, BEFORE you post?)

I hope this helps

Best Regards

Dave

Wow, that's a little bit more of a reply than I expected.

Thanx, I will go read up, and give it a try.
It is so much more difficult than what I first thought.
When I saw these web layout tutorials, I thought it would be a piece of cake. Especially , casue I know Photoshop.

But this editing and slicing is a few levels above me, but I will try and beat it

Cheers
Drokker

Drokker,

Just do a search for slicing in the forum, as I have seen a few tutorials about it on here.

I have just purchased a book called "The principles of Beautiful Web Design by Jason Beaird". One of the designs in there is by Rob Goodlatte http://www.robgoodlatte.com. His website CSS is released under a Creative Commons Licence. The comment in his stylesheet says the following:
Look at the code, CSS and Images and try to work out how it all goes together. You might also like to look at the designs in the CSS Zen Garden for inspirational ideas. All the designs in there have the same XHTML (markup), however the style sheet is changed to give a different look and feel.

Best Regards

Dave