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

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия

Изменяем верхний колонтитул div#nav.

Начнем с оформления верхнего блока div#nav ( верхнего колонтитула) на странице сайта. Знак решетки здесь обозначает, что изменения касаются блока под идентификатором id="nav", то есть нашего верхнего блока. Изменим шрифт текста( font-family: Georgia, "Times New Roman", Times, serif;), размер букв( font-size: 28px;), расположим строчку "Верхний колонтитул" на середине блока( text-align: center;), размер блока по высоте сдвинем вверх на 50 пикселей от верхней границы строки( padding-top: 50px;), также вниз на 50 пикселей от нижней границы текста( padding-bottom: 50px;). Фон оставим без изменения ( background: #0CF;). Чуть ниже Вам распечатал как это надо изменять для страницы сайта. Ничего трудного нет. Легко поймете. Будьте внимательны и не спешите, лучше сразу вникнуть и понять, чем после метать и исправлять ошибки. Вы все эти изменения сайта можете десятки раз проигрывать с разными вариантами, но я сделал следующее:

             @charset "utf-8";
             /* CSS Document */

                 body {
	                     background: #CCFFFF;
                       }
	  
                 div#nav {
	                     width: 100%;
		                 background: #0CF;
		                 padding-top: 50px;
		                 padding-bottom: 50px;
		                 font-family: Georgia, "Times New Roman", Times, serif;
		                 font-size: 28px;
		                 color: #F00;
		                 text-align: center;
                          }
                 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;
	                       }

Для того чтобы Ваши глаза не разбегались и Вы поняли суть оформления страницы бесплатного сайта, надо не спеша блок за блоком менять( шаг за шагом), поэтому всего лишь один блок изменяем. Все остальное аналогично и просто, как Вы тут уже поняли, надо всего-то лишь вводить то что Adobe Dreamweaver CS5 предлагает по списку, понимая что Вы собираетесь делать. Легко и просто создавать сайт - Вы в этом уже убеждаетесь. Лишь надо знать откуда берется и куда кладется.


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
... ... ...

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

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