Урок № 1 Учимся делать рамочки
 

Прежде, чем начать делать рамочки, необходимо позаботиться о закачке фонов, необходимых для создания рамочки. Хранить картинки для фонов можно на http://www.radikal.ru   Там создаем альбомы и помещаем туда свои фоны.  

Для начала возмем однослойную рамочку и разберем ее что к чему и для чего.

На данной картинке красным цветом подчеркнуты характеристики нашего текста,соответственно по порядку: размер,цвет,шрифт 

Команда <table ..../table> - создает таблицу, с параметрами,

<font size = "5">  - размер шрифта

<font color = "000000"> - цвет шрифта

<font face = "....">   - вид (гарнитура) шрифта

<center> - выравнивание текста по центру

 Следующая команда   style = width:80%   это размер нашей рамочки,то есть ее ширина в данном случае она задана в % отношении(то есть рамочка по ширине будет занимать 80% нашего листа,так же ее можно задать в рх (до 900рх)

Следующая команда cellpadding = "1" задает на сколько будет виден наш слой,в данной рамочке она не важна,но когда у нас уже 2-х слойная рамочка,то эта команда меняет вид нашей рамочки,делая ее индивидуальной. Она задает свободное пространство между содержимым ячейки и ее содержимым.  border = "3" - ширина рамки таблицы

 Следующая команда cellpacing =  "      " задает ступеньку нашего слоя,в данном случае она не задана,но как правило размер задается не больше предыдущей команды,так чтобы было. По сути -  это промежутки между ячейками.

И наконец самое главное меняем фон нашей рамочки,  он меняется в команде background.  Здесь фон задается картинкой.

Вы спросите как очень просто -  надо сменить адрес картинки.  Но что же такое адрес картинки.   Это видно здесь: первая картинка-это адрес фона,который стоит уже в рамочке

вторая-это адрес фона который вы загрузили и хотите поставить

Рамочка для примера

Код рамочки для примера

<center><table style="WIDTH: 500px; cellspacing=" cellpadding="10" border="3" background="<a href="//i032.radikal.ru/0803/12/98fef8d8f1e8.jpg"><tr><td><center><table" target="_blank">//i032.radikal.ru/0803/12/98fef8d8f1e8.jpg&qu...;td><center><table</a> style="WIDTH: 500px;cellspacing=" cellpadding="10" border="3" background="<a href="//img1.liveinternet.ru/images/attach/b/3/20/917/20917322_cf128efb03b8.jpg"><tr><td><center><table" target="_blank">//img1.liveinternet.ru/images/attach/b/3/20/9...;td><center><table</a> style="WIDTH: 500px;cellspacing=" cellpadding="10" border="3" background="<a href="//i032.radikal.ru/0803/12/98fef8d8f1e8.jpg"><tr><td><center><table" target="_blank">//i032.radikal.ru/0803/12/98fef8d8f1e8.jpg&qu...;td><center><table</a> style="WIDTH: 500px;cellspacing=" cellpadding="3" border="3" background="<a href="//img1.liveinternet.ru/images/attach/b/3/20/917/20917322_cf128efb03b8.jpg"><tr><td><font" target="_blank">//img1.liveinternet.ru/images/attach/b/3/20/9...t;<tr><td><font</a> face="arial" color="000000" size="2" font="font"><p align="center"> КАРТИНКА ТЕКСТ </p></font></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></center>

<

Серия сообщений "Рамочки и уроки по их созданию":
Часть 1 - Рамочки для Блогов
Часть 2 - Урок № 1 Учимся делать рамочки
Часть 3 - Урок №2 Учимся делать рамочки
Часть 4 - Урок №3 Учимся делать рамочки
...
Часть 13 - УРОКИ -окошки для текста и кнопки
Часть 14 - Рамочка для видео
Часть 15 - Рамочка для видео