Is this the right way to structure a website?

Zeke2

01-14-2013, 12:28 AM

Hi, I was wondering if this is an appriopriate way for structuring a website. I think it'll work? But I don't know if this is the right way or just another way of doing it. Any advise would be appriciated :)

<!DOCTYPE html>
<html>
<head>
<style>

div.ex {
margin:auto;
width:800px;
height:1200px;
padding:1px;
border:1px solid blue;
}

div.exe {
margin:auto;
width:600px;
height:100px;
border:1px solid red;
}

div.exe2 {
margin:auto;
width:798px;
height:20px;
border:1px solid red;
}

div.exe3 {
float:left;
width:50px;
height:500px;
border:1px solid red;
}

div.content {
float:left;
width:700px;
height:500px;
border:1px solid red;
}

div.right {
float:left;
width:44px;
height:500px;
border:1px solid red;
}
</style>

</head>
<body>
<div class="ex">
<div class="exe">banner
</div>
<div class="exe2">Nav
</div>
<div class="exe3">VerNav fffffffff
</div>
<div class="content">Content
</div>
<div class="right">Right nav
</div>
</div>
</body>
</html>

linek98

01-14-2013, 01:02 AM

I'm not sure what you are asking for.
1. Naming, class/id should say something about an element it is assigned to.
2. If you are certain that only one element will implement styles, then I suggest you use ID.
3. HTML5 adds tags like section, footer, header, aside, etc. Use those (was going to paste http://www.w3.org link here but I'm unable to connect to their website >.>). Those tags however will not work on browsers like IE8, to fix it just use http://code.google.com/p/html5shiv/.

It is up to you how you build your website. Just follow standards and it should be displayed properly on most browsers.

Excavator

01-14-2013, 01:25 AM

Hello Zeke2,
Like linek98 suggests, a more descriptive naming convention makes it easier to know what each div element is.
Other than that, your layout is not so bad. There are some errors that validating could help you with. See the links about validating in my signature line.

I think you are off to a good start.