Мысли на кончике пера


Календари на любой год - Календарь.Юрец.Ру

Анекдот в студию!!!




HTML код структуры этого сайта



    Ну вот настало время разобраться, как же всё-таки верстался данный сайт. Оговорюсь сразу, что я здесь не собираюсь заниматься плагиатом и переписывать Вам сайт постройка.ru, я просто опишу те ступени в моей работе, которые мне пришлось пройти создавая этот сайт, а за конкретной информацией в конкретном месте я буду ссылками направлять Вас на сайт постройка.ru.
  Если навести курсор на текст сайта и нажать правую кнопку мыши, то во всплывшем окне Вы увидите строку "просмотр HTML-кода", не пугаитесь, эта абракадабра не так страшна, как это может показаться с первого взгляда. Cейчас мы разберём её но косточкам и Вы сами всё поймёте. Вначале я пропишу вот это
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Это я назвал для себя зародышем сайта, без этого начала не обходится ни один сайт. Подробно об этом см.Урок1. Поехали дальше. А дальше я прописал название документа в теге <TITLE></TITLE> и приступил к разлиновке первой страницы на ячейки с помощью таблиц в теге <BODY></BODY>. Вам рекомендую перед началом этой работы нарисовать разбивку страницы на бумаге и пронумеровать все ячейки, иначе можно запутаться, вот что получилось.
<Html>
<Head>
<Title>Мысли на кончике пера</Title>
</Head>
<Body>
<table>
<tr>
<td>1x1</td>
<td>1x2</td>
<td>1x3</td>
</tr>
<tr>
<td>2x1</td>
<td>2x2</td>
<td>2x3</td>
</tr>
<tr>
<td>3x1</td>
<td>3x2</td>
<td>3x3</td>
</tr>
<tr>
<td>4x1</td>
<td>4x2</td>
<td>4x3</td>
</tr>
<tr>
<td>5x1</td> <td>5x2</td>
<td>5x3</td>
</tr>
</table>
</Body>
</Html>;
Вот эту структуру я назвал для себя хребет сайта, где описание и назначение тегов <tr></tr> и <td></td> Вы найдёте на уроке21. Сохранять созданные документы нужно как текстовые txt., так и как index.html и по мере их создания, последовательно одинаково нумеровать, например 1.txt и index1.html, чтобы потом не запутаться. Если посмотреть это в браузере, то увидим только маленькую табличку, ничего страшного нет, ведь это только хребет, сейчас посадим на него скелет. По своему желанию я выбрал цвет фона и шрифта, а так же размеры ячеек и наш документ приобрёл вот такой вид:
<Html>
<Head>
<Title>Мысли на кончике пера</Title>
<Body>
</Head>
<Body>
<table>
<tr>
<td height="229" width"170">1x1</td>
<td width="586">1x2</td>
<td width="224">1x3</td>
</tr>
<tr bgcolor="#FFFFCC">
<td height="250" width="170">2x1</td>
<td width="586">2x2</td>
<td width="224">2x3</td>
</tr>
<tr bgcolor="#FFFFCC">
<td height="250"> width="170">3x1</td>
<td width="586">3x2</td>
<td width="224">3x3</td>
</tr>
<tr bgcolor="#FFFFCC">
<td height="250" width="170">4x1</td>
<td width="586">4x2</td>
<td width="224">4x3</td>
</tr>
<tr>
<td height="120" width="170">5x1</td>
<td width="586">5x2</td>
<td width="224">5x3</td>
</tr>
</table>
</Body>
</Html>. Вот теперь начинает что-то проявляться. Ячейки 1х1,1х2,1х3,5х1,5х2,5х3 Я не стал закрашивать потому, что на их месте всё равно будут находиться картинки. Теперь применив к последнему документу знания уроков21,22,23,24 т.е. выровняв все документы по центру и растянув ячейки 1х1 и 5х1 по горизонтали, а ячейку 2х2 по вертикали, наш документ принял окончательный вид,
<Html>
<Head>
<Title>Мой сайт</Title>
</Head>
<Body>
<table>
<tr>
<td height="229" colspan="3"><center>1x1</center></td>
</tr>
<tr>
< bgcolor="#FFFFCC">
<td height="250" width="170"><center>2x1</center></td>
<td width="586" rowspan="3"><center>2x2</center></td>
<td width="224"><center>2x3</center></td>
</tr>
<tr bgcolor="#FFFFcc">
<td height="250" width="170"><center>3x1</center></td>
<td width="224"><center>3x3</center></td>
</tr>
<tr bgcolor="#FFFFCC">
<td height="250" width="170"><center>4x1</center></td>
<td width="224"><center>4x3</center></td>
</tr>
<tr>
<td height="120" colspan="3"><center>5x1</center></td>
</tr>
</table>
</Body>
</Html>
Вот его уже можно назвать скелетом сайса. Нарашивать на него мышцы, т.е. заносить в него документы мы будем на одноимённой странице.



Поиск

2




 Нравился ли этот сайт? 
   всё замечательно
   хороший сайт
   хотелось бы лучше
   сайт, так себе
   плохой сайт
   всё ужасно
Результаты
Copyright © Владимир Глухов 2010
Besucherzahler ukraine women for marriage
счетчик посещений
Яндекс цитирования PRCY.ru Яндекс.Метрика
Каталог сайтов Всего.RU Каталог сайтов и ссылок. Каталог ресурсов на Promotion.SU Каталог-Молдова - Ranker, Statistics Детский костюм человека паука Каталог ссылок, Top 100.