1. Stworzyć stronę zbudowaną na div'ach i formatowaną w css. Strona posiada nagłówek, trzy kolumny i stopkę.
Kod HTML (w kodzie Html jak widac niewiele jest)<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="standard.css" type="text/css" rel="stylesheet">
<title> Layout_strony</title>
</head>
<body>
<div id="tlo">
<div class="naglowek">
Nagłówek
</div>
<div class="lewy">
<p>format lewy</p>
</div>
<div class="srodek">
Środek strony
</div>
<div class="prawy">
<p>kolumna prawa</p>
</div>
<div class="stopka">
<p>Obszar formatowany w css, klasy stopka"</p>
</div>
</div>
<body>
<html>
2. Kod CSS (plik nazywa się standard.css i odwołanie do niego musi być umieszczone w kodzie html)#tlo{
width: 700px;
height:800px;
background: #0000ff;
padding: 0px;
border:0px solid #000;
}
.naglowek{
width:700px;
height:80px;
right:10px;
bottom:250px;
background-image:url(z1.jpg);
background-repeat:no-repeat;
margin: 0px;
padding:0px;
border: 0px solid #FF0000;
text-align: center;
color: #00ff00;
font-size: 40;
}
.srodek {
width:80%;
height:80%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #FFAAAF;
text-align: center;
color: rgb(0,0,255);
font-size:35;
}
.lewy {
width:10%;
height:80%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #11AAAF;
color: rgb(0,0,255);
font-size:15;
}
.prawy {
width:10%;
height:80%;
float: right;
margin: 0px;
padding:0;
border: 0px solid #FFAA00;
background: #BBBBAF;
}
.stopka{
width:100%;
height:80px;
overflow:auto;
margin: 0px;
padding:0px;
border: 0px solid #FF0000;
background: #AFFfFF;
text-align: right;
}
