school.lab/HTML-6.htm at master · LEV13/school.lab · GitHub

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<html>
<head>
	<title>Website</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#ffffff">

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
  <tr>
	<td width="50%" background="images/bg.gif"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
        <td valign="bottom" background="images/bg_left.gif"><img src="images/bg_right.gif" alt="" width="17" height="0" border="0"></td>

	<td valign="top">
      <table width="950" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td height="29" background="images/fon06.gif">
          </div>
          </td>
        </tr>
        <tr>
          <td><img src="images/main04.jpg" width="950" height="160"></td>
        </tr>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" width="950" background="images/fon_top.gif">
<tr>
	<td>
<table border="0" cellpadding="0" cellspacing="0" background="images/fon_top.gif" width="100%">
<tr align="center">
	<td><p class="menu01"><a href="index.htm">ГЛАВНАЯ</a></p></td>
	<td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
	<td><p class="menu01"><a href="HTML.htm">HTML</a></p></td>
	<td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
	<td><p class="menu01"><a href="CSS.htm">CSS</a></p></td>
	<td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
	<td><p class="menu01"><a href="IMG.htm">Картинки</a></p></td>
        <td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
	<td><p class="menu01"><a href="Dowland.htm">DOWNLOAD</a></p></td>
</tr>
</table>
	</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="780">
<tr valign="top">
	<td background="images/fon02.gif" width="230">
<!-- LEFT -->
<table border="0" cellpadding="0" cellspacing="0" width="230" height="46" background="images/fon01.gif">
<tr>
	<td><p class="title"><img src="images/e03.gif" width="14" height="16" alt="" border="0" align="absmiddle">&nbsp;&nbsp;МЕНЮ HTML</p></td>
</tr>
</table>
<p class="px5">
<div align="center"><img src="images/hr01.gif" width="227" height="2" alt="" border="0"></div>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0">  <a href="HTML-1.htm">Создание HTML-документа</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0">  <a href="HTML-2.htm">Структура HTML-кода</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0">  <a href="HTML-3.htm">Теги HTML</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0">  <a href="HTML-4.htm">Ссылки</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0">  <a href="HTML-5.htm">Таблицы</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0">  <a href="HTML-6.htm">Структура сайта</a></p>
<div align="center"><img src="images/hr01.gif" width="227" height="2" alt="" border="0"></div>

<br>
<!-- /LEFT -->
	</td>
	<td width="720">
<!-- main -->
<table border="0" cellpadding="0" cellspacing="0" width="720" height="45" background="">


<table border="0" cellpadding="0" cellspacing="0" width="100%" height="45" background="images/fon03.gif">
<tr>
	<td><p class="title" style="margin-top: 11px;">&nbsp;&nbsp;Структура сайта</p></td>
</tr>
</table>
<table border="0" cellpadding="10" cellspacing="0" align="center" width="100%">
<tr align="center">
</tr>
</table>
<p><b>Разработка структуры</b></p>
<p>Чтобы выиграть битву нужен план сражения. Чтобы не заблудиться в лабиринте и найти выход, нужен план лабиринта. При поиске сокровищ без плана местности не обойтись. Чтобы создать сайт также нужен план. Четко расписанный, что, где будет располагаться. План этот вы рисуете для себя на бумаге, и называется это разработка структуры сайта. </p>
<p>Структуру сайта можно условно разделить на внешнюю и внутреннюю. </p>
<p>Давайте для начала поговорим о внутренней структуре сайта. Она зависит от того, какую информацию вы будете размещать, какие у вас есть материалы. Вам предстоит решить, какие у вас будут на сайте разделы, подразделы - вам предстоит продумать древо сайта.
 Рассмотрим разработку внутренней структуры на примере домашней страницы. Какую информацию мы можем на ней разместить? Рассказ о себе (на главной странице), свои фотографии, контактную информацию - это по минимуму. Значит, внутренняя структура нашей домашней странички прорисовывается такая: </p>
<div align="center"><img src="images/Ris09.gif"></div>
<p>На этом можно остановиться, а можно создать более сложную внутреннюю структуру. Допустим, у вас много фотографий, поэтому имеет смысл разбить раздел Фотографии на несколько подразделов. Также вы хотите получать отзывы от посетителей, поэтому вы предполагаете наличие гостевой книги. Кроме того, вы человек творческий, поэтому на сайте появится еще и раздел Мое Творчество.</p>
<div align="center"><img src="images/Ris10.gif"></div>
<p>Когда у нас перед глазами такой план внутренней структуры, можно смело продолжать работу над сайтом, не боясь чего-то забыть или упустить. </p>
<p>Теперь поговорим о внешней структуре, под ней я имею ввиду расположение основных значимых элементов на каждой странице. Вам надо решить, где и как будут располагаться ваши баннеры, если вы их будете внедрять на сайт, счетчик, меню, возможно, поиск, основное содержание, какие-то анонсы о новых разделах сайта, обновлениях, и т.д. Для этого нарисуйти примерный дизай сайта для того что бы грамотно распределить все блоки, тексты и т.д</p>
<div align="center"><img src="images/Ris11.gif"</a>
<p>При разработке внешней и внутренней структуры ваша главная задача сделать так, чтобы в будущем посетителю было легко ориентироваться на вашем сайте, чтобы важная и нужная информация легко находилась. Поэтому, прежде чем браться за разработку структуры сайта, возможно следует изучить ресурсы с подобной вашему тематикой и посмотреть, как решена эта задача там. </p>
<!-- /main -->
	</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="950" height="47" background="images/fon04.gif">
<tr>
	<td>
<table border="0" cellpadding="0" cellspacing="0" width="90%" background="" align="center">
<tr>
	<td><p>by LEV13 &copy;2010</p></td>
</p>
	</td>
</tr>
</table>
	</td>
</tr>
</table>
	<td valign="bottom" background="images/bg_right.gif"><img src="images/bg_right.gif" alt="" width="17" height="16" border="0"></td>
	<td width="50%" background="images/bg.gif"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</body>
</html>