Смекни!
smekni.com

HTML и создание сайтов (стр. 7 из 12)

терпеливого поклонника искусства.

WWW и коммерция

В последнее время руководство многих коммерческих компаний осознало, что WWW -

это настоящая золотая жила, сулящая огромные прибыли при надлежащем

использовании. Возможности рекламы и продажи продукции, предоставляемые WWW,

потенциально превосходят аналогичные возможности прессы, телевидения и

радиовещания. Особенно удобна работа в WWW для фирм, производящих программные

продукты, для которых все основные стадии - реклама, продажа и даже “отгрузка

готовой продукции” - доступны через WWW. С сожалением следует отметить, что в

России подобная деятельность пока весьма затруднена по двум основным причинам:

1.Слишком мало клиентов, имеющих доступ к WWW;

2.Недостаточно развиты механизмы оплаты посредством кредитных карт или

банковских чеков, наиболее удобные при данном методе оформления заказов.

Досуг и увлечения

Несмотря на то, что первоначально WWW предназначалась для “серьезных” целей, в

настоящий момент подавляющая часть находящейся там информации относится именно к

сфере досуга и увлечений. Поиск и публикация в WWW материалов о ваших увлечениях

- стоящее дело. Таким способом вы найдете много друзей и единомышленников во

всем мире и установите массу полезных личных контактов.

2.8. Насколько популярен Web?

С января по декабрь 1993, объем передаваемой информации по NSF возрос в 187 раз.

В Декабре 1993 WWW занимал уже 11 место по количеству трафика, а годом раньше он

был всего лишь 127.

Рисунок 2. Развитие WWW. Статистика взята по FTP.

В Июне 1993, Matthew Gray в MIT написал маленькую программку, которая

путешествовала по всей сети Web и определяла количество запросов на получение

информации от WWW. Маленькая “путешественница по WWW” насчитала за месяц около

100 запросов, на которые абонентами было получено более двухсот тысяч

документов. В Марте 1994 количество запросов превысило уже 1200. Конечно,

программа со временем совершенствовалась, и ряд факторов мог влиять на последний

результат, но несмотря на это, смело можно утверждать, что популярность WWW в

1994 по сравнению с 1993 значительно возросла.

Глава III.

HTML

Можно работать на Web без знания языка HTML, так как тексты HTML могут

создаваться различными специальными редакторами и конвертерами. Однако, я

адресую эту часть работы тем, кто пишет непосредственно на HTML. Писать

непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать

HTMLредактор или конвертер, которые часто ограничены в своих возможностях,

содержат ошибки или производят плохой HTML код, который не работает на различных

платформах.

Язык HTML существует в нескольких вариантах и продолжает развиваться, но

конструкции HTML вероятнее всего будут использоваться и в дальнейшем. Изучая

HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя

его насколько это возможно, Вы сможете создавать документы, которые могут быть

просмотрены многими броузерами Web, как сейчас, так и в будущем. Это не

исключает возможности использования других методов, например, метод расширенных

возможностей, предоставляемый Netscape Navigator, Internet Explorer или

некоторыми другими программами. Если это действительно служит Вашим целям и Вы

хотите сформировать собственное мнение о названных программах, пользуйтесь им.

Но работа с HTML - это способ усвоить особенности создания документов в

стандартизированном языке, используя расширения, только когда это действительно

необходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими

широко распространенными броузерами, и, возможно, станет основой почти всего

имеющего отношение к Web программного обеспечения.

3.1. Структура HTML документа

Символы, заключенные в угловые скобки <> являются HTML командами, по которым

“браузер” распознает, как следует преобразовать части текста, заключенные между

этими командами.

Документ в целом должен быть отмечен как документ в формате HTML. Для этого он

должен начинаться командой <HTML> и заканчиваться командой </HTML>.

Документ состоит из 2 частей:

Заголовка (Head),

Собственно документа (Body).

Для выделения заголовка следует ввести: <HEAD> Заголовок документа <HEAD>

Каждый WWW - документ имеет название, которое вводится в титульной строке

“браузера”.

Для ввода титульной строки в заголовок документа следует воспользоваться

следующими командами: <HEAD> <TITLE> TITLE List </TITLE> </HEAD>

Следует отметить, что титульная строка должна быть на английском языке в

латинской кодировке так как она отображается в специальных полях браузера.

Для записи основного текста следует ввести: <BODY> Основной текст </BODY>

Таким образом, общая схема документа в формате HTML выглядит следующим образом:

<HTML>

<HEAD> <TITLE> Титульная строка документа </TITLE> </HEAD>

<BODY> Основной текст документа </BODY>

</HTML>

При написании команд HTML не имеет значение, какими буквами - строчными или

прописными Вы пишете команды.

Создание заголовков

Заголовки в документе создаются с помощью команд: <Hi> Заголовок </Hi>, причем

при i = 1 заголовок самый крупный, а при i = 6 - самый мелкий.

Например,

Отображаемый текстЗапись в формате HTML

Заголовок1<H1> Заголовок1 </H1>

Заголовок2<H2> Заголовок2 </H2>

Заголовок3<H3> Заголовок3 </H3>

Заголовок4<H4> Заголовок4 </H4>

Заголовок5<H5> Заголовок5 </H5>

Заголовок6<H6> Заголовок6 </H6>

3.3. Создание списков

Списки предназначены для представления информации в упорядоченном виде.

В HTML - документах используется 3 вида списков:

1.Неупорядочные списки,

2.Упорядочные списки,

3.Списки - определения.

Неупорядоченный список использует для выделения записей специальные символы.

Неупорядоченный список определяется следующими командами начала и конца списка:

<UL> и <UL>

Каждый элемент списка начинается с команды: <LI>

В команде <LI> может быть параметр TYPE, который определяет внешний вид символа,

используемого для выделения строки в списке и может иметь следующие значения:

<LI TYPE=DISK> - круглая жирная точка,

<LI TYPE=CIRCLE> - окружность,

<LI TYPE=SQUARE> - маленький черный квадрат.

В упорядоченном списке все записи пронумерованы.

Упорядоченный список определяется следующими командами начала и конца списка:

<OL> и </OL>

Каждый элемент списка начинается с команды: <LI>

В команде <LI> может быть параметр TYPE, который определяет тип нумерации и

может иметь следующие значения:

<LI TYPE = A> - прописными буквами,

<LI TYPE = a> - строчными буквами,

<LI TYPE = I> - прописными римскими цифрами,

<LI TYPE = i> - строчными римскими цифрами,

<LI TYPE = 1> - арабскими цифрами.

В списке - определении все записи сдвинуты влево при помощи табуляции.

Список - определение определяется следующими командами начала и конца списка:

<DL> и </DL>

Каждый элемент списка начинается с команды: <DD>

3.4 Форматирование параграфов и вывод текста в несколько столбцов.

В документе HTML невозможно создать абзац, используя клавишу [Enter].

Использование этой клавиши улучшает внешний вид исходного текста, но не влияет

на полученное изображение.

Для перехода на следующую строку воспользуйтесь командой <br>

Для создания пустой строки воспользуйтесь командой <p>

Для создания горизонтальной черты воспользуйтесь командой <hr>

Если черта создается не на всю строку, а на какую - то ее часть, например, на

40%, то команда выглядит следующим образом: <hr width= 40 %>

Для создания широкой черты следует задать ее ширину (по умолчанию - в пикселях)

<hr size= 10 >

Для выравнивания черты ВЛЕВО/ВПРАВО/ПО ЦЕНТРУ задайте соответственный параметр

ALIGN=LEFT/RIGHT/CENTER

Черная линия задается наличием параметра NOSHADE.

Вы можете расположить текст по центру спомощью следующих команд: <CENTER>

Иногда необходимо создать текстовый документ, расположение строк которого

(табуляция, отступы, выравнивание) определяется разработчиком домашней страницы,

а не программой - редактором.

Для создания такого текста воспользуйтесь командами: <PRE> текст </PRE>

Полученный в “браузере” образ текста будет точно соответствовать тексту в

исходном HTML файле.

Аналогичные функции выполняет пара команд: <LISTING> текст </LISTING>

Netscape 3.0 и выше поддерживает вывод текста в несколько столбцов, в газетном

формате с помощью команд <MULTICOL> и </MULTICOL>.

Ниже приводится формат команд:

<MULTICOL COLS= “N” GUTTER= “M”> текст </MULTICOL>.

Здесь N - количество столбцов, M - расстояние между столбцами.

“Браузеры”, не поддерживающие вывод текста в несколько столбцов, обеспечат вывод

текста нормально, в 1 столбец.

3.5 Форматирование символов

Для выделения отдельных частей текста можно воспользоваться следующими стилями:

B - жирный (Bold);

I - курсив (Italic);

U - с подчеркиванием (Underline);

S - с перечеркиванием (STRIKE);

Ниже представлена таблица команд выделения текста.

Отображаемый текст Запись в формате HTML

Выделение текста жирным шрифтомВыделение <b> текста </b> жирным шрифтом

Выделение текста курсивомВыделение <i> текста </i> курсивом

Выделение текста подчеркиваниемВыделение <u> текста </u> подчеркиванием

Выделение текста перечеркиваниемВыделение <strike> текста </strike>

перечеркиванием

Для изменения размера текстовых символов воспользуйтесь командами:

<FONT SIZE = +i > </FONT>, где i в пределах от 1 до 7 относительно начального

размера букв.

Кроме того, можно увеличить или уменьшить высоту шрифта с помощью команд <BIG> и

<SMALL>. Эти команды используются в паре с командами </BIG> и </SMALL>.

Еще две пары команд:

<SUB> и </SUB> - подстрочный индекс, например, H2SO4.

<SUP> и </SUP> - надстрочный индекс, например, (a2 - b2) = (a - b)(a + b).