Отправляет email-рассылки с помощью сервиса Sendsay

Медленно, но уверенно создаем и раскручиваем сайт.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "БЛОГика: жизнь и заработок в Сети" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Июль 2003   →
 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
Автор
Master Joda и Владимир Южный.

Статистика

109 подписчиков
0 за неделю
←   Все выпуски   →

Медленно, но уверенно создаем и раскручиваем сайт.


Информационный Канал Subscribe.Ru
Выпуск № 3
  А ТЫ ПОСТУПИЛ В ШКОЛУ СВОЕГО ДЕЛА?
ПОСТУПАЙ В ШКОЛУ СВОЕГО ДЕЛА - СОЗДАЙ СВОЕ ДЕЛО С НУЛЯ! www.moroz.onego.ru 		 
Рассылка "Медленно, но очень уверенно создаем и раскручиваем сайт".
Выпуск № 3

Итак, начали.

Существует два способа создания сайта (в моем понимании).

1.    Ручками - ручками (и, разумеется, головой J)

2.    Так сказать, при помощи инструментов

А теперь расшифруем.

1.    Ручками-ручками.

Это означает, что вы вручную указываете: ЧТО, ГДЕ и КАК будет отображаться на странице. Обычно это делается с использованием HTML (HyperText Markup Language) - язык текстовой разметки гипертекста. Если взять любую WEB-страницу, записать её на жесткий диск и открыть её не броузером, а любым текстовым редактором, то мы увидим не привычный нам красивый и отформатированный текст с картинками и ссылками, а примерно такую картину:

<html>
<head>
<title>Выпуск ? 3</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="5%">&nbsp;</td>
<td width="92%"><strong><big><font color="#FF0000"><big>Выпуск ? 3</big></font></big></strong><p
class="MsoNormal">Итак, начали.</p>
<p class="MsoNormal">Существует два способа создания
сайта (в моем понимании).<u><span
style=""font-size:20.0pt;mso-bidi-font-size:10.0pt;"
color:navy"><o:p></o:p></span></u></p>
<p class="MsoNormal"
style=""margin-left:36.0pt;text-indent:-18.0pt;mso-list:l0" level1 lfo1;
tab-stops:list 36.0pt">1.<span
style=""font:7.0pt" &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp; </span><span
style=""color:red">Ручками" - ручками</span> (и, разумеется, головой <span
style=""font-family:Wingdings;mso-ascii-font-family:"
&quot;Times New Roman&quot;;mso-hansi-font-family:&quot;Times New Roman&quot;;mso-char-type:symbol;
mso-symbol-font-family:Wingdings"><span style=""mso-char-type:symbol;mso-symbol-font-family:"
Wingdings">J</span></span>)</p>
<p class="MsoNormal"
style=""margin-left:36.0pt;text-indent:-18.0pt;mso-list:l0" level1 lfo1;
tab-stops:list 36.0pt">2.<span
style=""font:7.0pt" &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp; </span>Так
сказать, <u><span style=""color:red">при" помощи <b>инструментов</b></span></u></p>
<p class="MsoNormal">А теперь расшифруем.</o:p></p>
<p class="MsoNormal"
style=""margin-left:36.0pt;text-indent:-18.0pt;mso-list:l1" level1 lfo2;
tab-stops:list 36.0pt"><b>1.<span
style=""font:7.0pt" &quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp; </span><span
style=""color:red">Ручками-ручками." </span><o:p></o:p></b></p>
<p class="MsoBodyTextIndent">Это означает, что вы вручную указываете: ЧТО, ГДЕ<span style=""mso-spacerun:" yes">&nbsp; </span>и КАК будет отображаться на странице. Обычно это
делается с использованием <b><span lang="EN-US" style=""color:red;mso-ansi-language:EN-US">HTML</span></b><span" lang="EN-US"
style=""mso-ansi-language:EN-US">" (<span style=""color:red"><b>H</b>yper<b>T</b>ext" <b>M</b>arkup
<b>L</b>anguage</span>) - </span>язык текстовой разметки гипертекста. <span
style=""font-size:16.0pt;mso-bidi-font-size:10.0pt;font-family:&quot;Times" New Roman&quot;;
mso-fareast-font-family:&quot;Times New Roman&quot;;mso-ansi-language:RU;mso-fareast-language:
RU;mso-bidi-language:AR-SA">Если взять любую WEB-страницу, записать её на жесткий
диск и открыть её не броузером, а любым текстовым редактором, то мы увидим не привычный нам
красивый и отформатированный текст с картинками и ссылками, а примерно такую картину:</span></td>
<td width="3%">&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

В данном случае это был отрывок html-текста этой страницы. Не стоит пугаться, всё не так страшно, как кажется на первый взгляд. На самом деле язык HTML довольно простой и создавать пробные странички можно уже через несколько минут после знакомства с основными тегами и элементами

  • Тег (tag) - начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги всегда заключаются в угловые скобки (<любой тег>), а конечный тег всегда снабжается косой чертой (<\конечный тег>).

  • Элемент (element) - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать их определённым образом. Любая Web-страница представляет собой набор элементов. Элементы могут быть многократно вложенными друг в друга.  

Как же получается, что такой ужасный на вид текст превращается в привычную нам WEB-страничку? Дело в том, что броузер ((Browser) - Программа для просмотра WEB-страниц. Например Internet Exploer или Opera. ) "читает" то что написано в HTML-файле (в нашем случае тот самый ужасный текст), преобразовывает его согласно атрибутам ((attribute) - параметр или свойство элемента. (например цвет или размер шрифта для одного абзаца, где абзац является элементом) ) объектов  и выдаёт его на экран в удобном для восприятия виде.
Т.е. если броузер "прочитает" в файле строку <font color="Maroon"><b>TEKCT</b></font> то на экран будет выведено: TEKCT.
Из этого примера видно, что броузер "прочитал", что слово "ТЕКСТ" надо "раскрасить" в тёмно-красный цвет и выделить жирным шрифтом, что он успешно и сделал.
Для того, чтобы создавать WEB-страницы ручками-ручками необходим любой текстовый редактор (как минимум), например самый обычный "Блокнот", который стандартно входит в Windows. Вы формируете HTML-текст, сохраняете созданый файл с расширением *.htm или *.html, а потом можете открывать его в броузере и смотреть результаты.  Но это самый примитывный способ. Существует множество специальных HTML-редакторов (например, эту рассылку я создавал с помощью WebCoder), которые значительно упрощают работу с HTML. В специальных редакторах не обязательно всё писать вручную. Например, если в таком редакторе вы выделите фрагмент текста и нажмёте кнопку выделения текста "жирным" (совсем как в Microsoft Word), то вначале и конце выделенного фрагмента автоматически подставятся теги <b> и </b>, которые потом и "говорят" броузеру, что этот фрагмент следует выделить жирным шрифтом. Также в HTML-редакторах текст раскрашен различными цветами, например теги выделяются одним цветом, обычный текст другим и т.п. Всё это значительно облегчает восприятие HTML-текста и повышает удобство работы с ним.

2.Способ " Так сказать, при помощи инструментов"

При желании тот же HTML можно отнести к "инструментам". НО! Основное отличие 2 способа в том, что страница создается по принципу WYSIWYG - то, что вы делаете, то и видите. То есть, если в HTML текущий абзац надо набирать <p class="MsoBodyTextIndent">При желании тот же HTML можно отнести к &quot;инструментам&quot;. НО! Основное отличие 2 способа в том, что страница создается по принципу WYSYWIG - то, что вы делаете, то и видите. То есть, если в HTML текущий абзац надо набирать </p>   и т.д., то при работе с "инструментами" вы просто набираете сам текст.

Существуют мощные пакеты по созданию WEB-страниц, например Microsoft FrontPage, Dreameaver. Но следует учесть, что при работе с такими пакетами возникает множество неприятных ошибок и "глюков". Работая на простые HTML-редакторах, вы сможете на 100% контролировать свой HTML-документ. В идеале желательно создавать страницы помощи "инструмента" и править ее в HTML редакторе.

До встречи в эфире :)
Master Joda za-delo@narod.ru
Представитель ШСД в Галактике :)
http://za-delo.narod.ru
p.s. Очень хочется узнать, что Вы думаете по поводу рассылки. Присылайте, пожалуйста, похвалы,пожелания и  замечания по адресу stroimsait@land.ru

БЕСТСЕЛЛЕРЫ ЮРИЯ МОРОЗА!
Приобрести можно ЗДЕСЬ
Рассылка "Медленно, но уверенно создаем и раскручиваем сайт"
http://subscribe.ru/catalog/inet.safety.stroimsait
http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное