Кодируем страничку.

Изображение пользователя Ljubava.

У нас создана папка "my site" , в ней папка "images", нужно создать еще 2 файла "index.html" и "style.css", лежать они должны в папке "my site". Для их создания не нужно навороченных редакторов, достаточно "блокнота".

В файл index.html вставляем код (скачать прикрепленный файл, переименовать в zip)

А в style.css вот такой

body {
background-color:#9bb1ba;
margin:0;
padding:0;
text-align:center;
font-family:Arial;
font-size:14px;
color:#555555;
}

#page {
width:960px;
margin:auto;
padding:auto;
background-image:url(images/page.png);
text-align:left;

}
#header {
width:960px;
height:109px;
background-image:url(images/header.png);
clear:both;
}
#menulinks {
width:960px;
height:44px;
background-image:url(images/menulinks.png);
clear:both;
}
#mainarea {
width:960px;
clear:both;
padding-top:10px;
}
#contentarea {

float:right;
width:560px;
padding-right:680px;
padding-right:45px;

}
#sidebar {

float:left;
width:225px;
padding-left:45px;
margin-bottom:10px;

}

#footer {
width:960px;

height:100px;
background-image:url(images/footer.png);
clear:both;
}
#footer p {
padding-top:30px;
color:#FFFFFF;
padding-left:50px;
line-height:20px;

}
a.logo {
width:520px;
height:109px;
float:right;
background-image:url(images/logo.png);
}
h2 {
font-size:20px;
color:#333333;
font-weight:bold;
}
#menulinks a {

padding-top:15px;

padding-left:45px;

padding-right:15px;

height:27px;

float:left;

text-decoration:none;

color:#FFFFFF;

font-weight:bold;

font-size:14px;

margin-top:1px;

}

Вот пожалуй и все, можно смотреть страничку.

Файлы переименовать в zip.

Прикрепленный файлРазмер
index.html_.jpg1.17 кб
style.css_.jpg571 байт