...
...

HTML — это просто 3

HTML - это просто Огромное спасибо вам за такое неразгребаемое количество писем. Честно говоря, не думал, что это займет столько времени. Да еще учеба не дает взглянуть на монитор...

Сегодня мы займемся оформлением и форматированием текста в HTML и попробуем разместить его в Internet.

Для оформления и форматирования текста в HTML-документах применяется в общем-то небольшое количество тегов. Если текст не оформлен никакими дескрипторами, то отображаться он будет в соответствии с настройками браузера пользователя.

Например:
<HTML>
<HEAD>
<TITLE>Первая web-страничка</TITLE>
<META HTTP-EQUIV="Content-Type"
CONTENT="text/html; CHARSET=windows-1251">
</HEAD>
<BODY>
Этот текст не оформлен никакими дескрипторами,
поэтому на странице он будет отображаться в
соответствии с настройками браузера и свойствами,
указанными в теге <BODY>. Браузер будет
автоматически форматировать текст в зависимости
от ширины окна и разрешения дисплея.
</BODY>
</HTML>

Для управления шрифтовым оформлением WEB-страниц предназначен дескриптор <FONT>. Этим тегом указываются параметры шрифта, такие, как размер, цвет и название. Параметры шрифта в теге <FONT> указываются в кавычках в любом порядке.

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

В настоящее время стандартными шрифтами, использующимися в WWW, являются Times New Roman и Courier New. Также вы можете пользоваться и шрифтом Arial, так как он распространен не менее широко, чем указанные. Пользоваться другими шрифтами нет смысла, поскольку они недостаточно популярны.

Строка, указывающая, что данный фрагмент текста необходимо будет отображать с установленным по умолчанию шрифтом размером 6 единиц и буквами фиолетового цвета, будет выглядеть так:

<FONT SIZE="6" COLOR="#8080C0">Текст.</FONT>
Если вы желаете использовать для текста нестандартный шрифт, в теге <FONT> необходимо будет указать параметр FACE, т.е. для отображения той же строки шрифтом Arial тег будет выглядеть так:

<FONT FACE="Arial" SIZE="6" COLOR="#8080C0">Текст.</FONT>
В параметре FACE можно указывать несколько шрифтов в порядке предпочтения. Текст будет отображаться тем шрифтом, который установлен на компьютере пользователя, в порядке предпочтения, указанном вами.

Пример:
<FONT FACE="Verdana, Tahoma, Arial">Текст.<FONT>
Если на компьютере пользователя, просматривающего вашу страничку, не найден ни один из указанных вами шрифтов, текст будет отображаться шрифтом, указанным в настройках браузера пользователя, и, скорее всего, им станет Times New Roman.

Для управления начертанием символов, т.е. для установки параметров Жирный (Bold), Курсив (Italic) и Подчеркнутый (Underlining), используются теги <B>, <I>, <U>. Как вы можете догадаться, эти теги требуют закрытия и могут использоваться, перекрывая действие друг друга.

Пример:
<B>Жирный
<I> Жирный-Курсив
<U> Жирный-Курсив-Подчеркнутый </U></I></B>
На этом мы пока закончим освоение тегов, управляющих параметрами шрифта, и перейдем к изучению команд форматирования абзацев.

Команды форматирования абзацев

Как известно, на странице текст размещается в абзацах. Для определения абзаца в HTML используется тег <P> </P>. Он имеет параметр ALIGN, управляющий выравниванием текста параграфа с помощью четырех аргументов: LEFT, RIGHT, CENTER и JUSTIFY:

<P ALIGN=LEFT> — выравнивание текста по левому краю экрана;

<P ALIGN=RIGHT> — выравнивание текста по правому краю экрана;

<P ALIGN=CENTER> — выравнивание текста по центру экрана;

<P ALIGN=JUSTIFY> — полное выравнивание текста по обоим краям экрана.

Для размещения любого объекта по центру строки существует тег <CENTER>. Он вполне применим и к тексту. Если вам необходимо расположить по центру строки лишь несколько слов или заголовок, тег <CENTER> будет являться более удобным вариантом, чем тег <P ALIGN=CENTER>

<P> и <CENTER> требуют закрывающего тега. В случае, если весь текст, находящийся на странице после открытия одного из этих тегов, должен быть размещен с тем же выравниванием, вы можете их не закрывать. Для удобства форматирования текста на странице существует также дескриптор <BR>, переносящий следующий за ним текст на следующую строку.

Пример:
На странице этот текст <BR>
будет располагаться в две строки.
Последним дескриптором, о котором мы сегодня расскажем, будет тег <HR>. Это очень простой тег. В браузере он отображается как горизонтальная линия. Для управления внешним видом отображаемых линий у тега <HR> имеются четыре параметра: SIZE, WIDTH, ALIGN и NOSHADE:

SIZE=N(пикселей) устанавливает толщину линии;
WIDTH=N(пикселей или процентов) устанавливает ширину линии. Ширина линии может быть жестко указана в пикселях или в процентах относительно ширины окна браузера;
ALIGN=LEFT (RIGHT или CENTER) устанавливает выравнивание отображаемой линии относительно окна браузера. При отсутствии параметра ALIGN линия всегда центруется относительно окна браузера;
NOSHADE отключение трехмерного режима отображения линий. При указании этого параметра линия будет отображаться как простая черная полоса (см. рис. 4).
Теперь пора приступить к сооружению собственной WWW-странички.

Откройте созданный нами шаблон и внесите в заголовок информацию о кодировке, авторе, заголовок окна, ключевые слова. После этого можно перейти к наполнению "тела" документа содержанием. Не забывайте периодически сохранять вашу работу. Напомним: файл, в котором будет содержаться наша первая страничка, должен называться index.html.

Разместим страницу в Сети

Как вы уже знаете, web-странички располагаются на Internet-серверах, т.е. компьютерах, подключенных к Internet и выполняющих серверные приложения. Соответственно, чтобы созданную вами страницу могли увидеть другие люди, необходимо разместить ее на Internet-сервере. После этого она станет доступна любому пользователю Internet. Существует большое количество серверов, которые позволяют бесплатно разместить на них web-сайты. Как правило, провайдеры также предоставляют своим пользователям место под web-страницы. Список бесплатных WEB-серверов вы можете найти по адресу http://www.homepage.techno.ru .

При выборе сервера, на котором вы решите расположить вашу страницу, рекомендуем руководствоваться не только соображениями благозвучности и легкости запоминания названия сервера, но и скоростью доступа к нему. Если вы находитесь в России и вашу страничку будут просматривать люди, преимущественно живущие в той же части света, вряд ли имеет смысл располагать вашу страницу на сервере где-нибудь в Бразилии. Гораздо более удобным решением будет разместить вашу страничку на сервере вашего провайдера. Но если однажды вы решите его сменить, то придется переносить страницу на другой сервер, и соответственно адрес ее изменится. Это неудобно. Поэтому за неимением собственного сервера страницы лучше располагать на бесплатных серверах, например, http://www.geocities.com/ или http://www.chat.ru/ .

Для размещения нашей тестовой странички мы использовали общедоступный бесплатный сервер http://www.chat.ru/ . Для того чтобы бесплатно получить место на сервере для размещения своих страничек, достаточно просто зарегистрироваться, т.е. заполнить небольшую анкету.

Зарегистрировавшись под именем podlodka, заполнив несложную анкету и указав пароль, мы получим e-mail-адрес podlodka@chat.ru и каталог с тремя мегабайтами дискового пространства. Таким образом, URL нашей странички будет www.chat.ru/~podlodka . Знак "~" (тильда) добавляется сервером автоматически.

Войдя на заглавной странице сервера www.chat.ru в меню "ДЛЯ ПОЛЬЗОВАТЕЛЯ", а затем "ФАЙЛЫ ВАШЕЙ ДОМАШНЕЙ СТРАНИЧКИ", введя имя пользователя и пароль, нажмите на следующей странице кнопку "UPLOAD".

Впишите в верхнем окошке имя и путь к созданному файлу или выберите его, нажав на кнопку "ОБЗОР". Во втором окошке должно быть указано имя index.html. В строке "SOURCE FILE ENCODING" выберите "WINDOWS (CP1251)" и нажмите на кнопку "ЗАГРУЗИТЬ/UPLOAD". После этого, если все пройдет удачно, вы получите сообщение "File index.html successfuly uploaded".

В случае, если вы использовали на вашей страничке какой-либо фоновый рисунок, нужно загрузить его в ваш каталог на сервере. Для этого вернитесь в предыдущий экран, выберите имя файла, который нужно загрузить, и проделайте те же действия, но с единственным изменением: в выпадающем меню "SOURCE FILE ENCODING" выберите "BINARY (FILE)".

Теперь, набрав в строке браузера URL вашей WEB-странички, вы попадете на нее. Возможно, она еще не слишком блистательна для того, чтобы вызвать интерес у видавших виды посетителей Сети... но, кто знает, во что она превратится, когда у вас появится побольше знаний и опыта? Главное — не останавливаться на достигнутом!

В следующей статье мы рассмотрим вопросы, связанные с размещением графических файлов в Web-страницах. Вы узнаете, как правильно выбрать формат графического файла, как уменьшить занимаемый графикой объем и т.д. В конце занятия мы модернизируем нашу страницу, оснастив ее разнообразной графикой.

И еще большая просьба — не присылайте анонимные письма либо письма без обратных адресов.

Пивнев Евгений
savan_e1@mailru.com

(c) компьютерная газета


© Компьютерная газета

полезные ссылки
Аренда ноутбуков