Начинаем разукрашивать страницу.
Каркас страницы сайта проявился. Теперь точно знаем, что наша блочная структура сайта работоспособна и действует. Мы создали ее на базе семи строк PHP - кодов. Просто и легко.
Теперь от рамочной структуры страницы давай перейдем к фоновым расцветкам. Пока не будем экспериментировать с буквами и строчками текста сайта, чтобы не отвлекаться. Пусть надписи будут такими, какими их написали.
Открываем файл index.css каскадных таблиц стилей с расширением .css и впишем туда следующее (При оформление можно ставить разные цвета фонов блоков, ведь с Adobe Dreamweaver CS5 просто и приятно; он Вам предлагает коды сам, выбрасывая при написании сайта):
@ charset "utf-8";
/* CSS Document */
body {
background: #CCFFFF;
}
div#nav {
width: 100%;
background: #0CF;
}
table {
width: 100%;
height: 95%;
}
td#tdleft {
width: 20%;
background: #CDF;
}
td#tdcenter {
width: 60%;
background: #CDC;
}
td#tdright {
width: 20%;
background: #CDF;
}
div#copy {
background: #C9C;
}
В данном случае указали ширины блоков и фон блоков. Основной фон тела( body) сделали background: #CCFFFF; светло салатовым, фон верхнего колонтитула < div id="nav">< /div> украсили в голубой цвет.
В каскадной таблице стилей не указали ни цвет, ни ширину рамок блоков, но блочная структура страницы осталась. Блочная структура страницы сайта не нарушилась, наша система структуры сайта работает и будет и дальше работать. Здесь обозначили лишь фон блоков страниц. Вы сами подбирайте цвета и оформляйте по своему вкусу страницы сайта. Тут можно сделать так, что цвета блоков могут совпадать и они сольются, и не будут различимы. Вариантов море и маленькая тележка. Для этого всего лишь надо вписывать в файл index.css соответствующие коды.
Идем дальше. Стрижка только началась. Буквы не оформлены. Блоки узкие, не красивые. Только начало пути создания сайта - но оно понятно и просто оформляется.
Но, Вы поняли, что Вы управляете оформлением страницы сайта, Вам все подвластно. Легко и просто изменяются формы рамок и цвета блоков страницы сайта. Для этого не надо писать многостраничных текстов и кодов, с одного файла все изменяется. Но надо знать основные теги, коды PHP, как писать каскадные таблицы стилей и многое другое. Читайте книжки, возитесь в поисковиках, изучайте одним словом.
обратно на главную назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|