Hi everyone

 

I have just finished working on a template document that has been written in HTML and CSS and would like some of you here to take a look at it and tell me what you think.

 

The template HTML document is attached.ss.html

 

Also i used this site during my designing and would strongly recommend it.

 

Thanks

 

Matthew

k.not bad.

k.not bad.

 

Thanks.

 

What colour do you think the copyright notice background should be?

It's very basic, has no pictures and no interesting content. Although not bad for what is clearly a first attempt!

Thanks!

I'm confused, is this just an attempt at HTML or do you want this to be an actual website?

A template isn't a complete site, or even a complete page, so in that sense the lack of content isn't really an issue. However, there are a couple of things you may want to do before actually using the template for anything. For instance, a valid doctype would be good. Actually, just run the whole thing through the W3C XHTML Validator and it'll tell you what needs changing from a technical point of view.

 

You also need to look at where and why you're using classes and ids - classes are for things you'll have lots of (like .headings and .bodytext), whereas ids are for elements you will only ever have 1 of (like #header, #footer). I notice that you've got two #clickable elements in your navigation table which would make more sense if they were classes instead. It's also possible to overdo the whole giving-things-classes process. For instance, your navigation table could be given a unique id, and everything else in that table referenced from that. For instance:

 

<table id="navigation">
<thead>
<tr>
<td>Navigation</td>
<td></td>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#">Contact me</a></td>
<td><a href="#">More info...</a></td>
</tr>
</tbody>
</table>

 

Using that sort of structure allows you to use CSS to style all those elements without each of them having to have their own class or id. For instance:

 

#navigation tbody tr td a {font-style: italic;}

 

will make all links in your table italic, and

 

#navigation thead tr td {font-weight: bold;}

 

will make all text in the header bold, without affecting the cells in the rest of the table.

 

Hope that helps!

Good start.

 

Try downloading a web template then backwards engineering it. Pick bits of code out etc.