Cum sa creezi un website curat

Recomandari

Noutati

Cele mai citite

( 0 Votes )

Categorie parinte: Webmaster

Categorie: Diverse

Creat la Sâmbătă, 15 Octombrie 2011 16:16

Scris de Zeus

Afişări: 283

Download SocButtons

Exemplul propus mai jos se adreseaza in mod special incepatorilor. Siteul exemplu contine heather (inceput), nav (meniu), main (continut), sitebar (coloana dreapta), footer (sfarsit).

De asemenea websiteul este "centrat" in fereastra browserului.

<div id="wrap">
<div id="header">INCEPUT</div>
<div id="nav">MENIU</div>
<div id="main">CONTINUT</div>
<div id="sidebar">DREAPTA</div>
<div id="footer">SFARSIT</div>
</div>

Pentru inceput sa dam viata websiteului.

body, html {
margin:0;
padding:0;
color:#000;
background:#a7a09a;
}

Adaugam dimensiuni fiecarei sectiuni .

#header {
padding:5px 10px;
background:#ddd;
}
h1 {
margin:0;
}
#nav {
padding:5px 10px;
background:#c99;
}
#main {
float:left;
width:480px;
padding:10px;
background:#9c9;
}
h2 {
margin:0 0 1em;
}
#sidebar {
float:right;
width:230px;
padding:10px;
background:#99c;
}
#footer {
clear:both;
padding:5px 10px;
background:#cc9;
}
#footer p {
margin:0;
}

Asta a fost tot. Puteti infrumuseta websiteul folosind css, javascript, php, etc.