Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Your support
Ваша поддержка

Начинаем разукрашивать страницу.

Каркас страницы сайта проявился. Теперь точно знаем, что наша блочная структура сайта работоспособна и действует. Мы создали ее на базе семи строк 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, как писать каскадные таблицы стилей и многое другое. Читайте книжки, возитесь в поисковиках, изучайте одним словом.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную   назад   дальше   вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: