Тяжело ли сделать свою страницу Интернет?

Хороший дом, красивая жена - что еще нужно человеку, чтобы достойно встретить старость? Абдулла ("Белое солнце пустыни")

Большая Паутина уже давно перестала быть тайной за семью печатями. Конечно, пока еще очень далеко до формулы: один человек - один компьютер и один пользователь Интернет. Расценки еще кусаются. Персональный компьютер слишком часто все-таки еще остается коллективным. Связь неважная, если это вообще можно назвать связью. Тем не менее местные провайдеры уже начинают испытывать серьезные трудности. Клиентов много и становится все больше.

Однако, за исключением матерых программистов и отдельных фанатиков, Интернет у нас продолжают использовать слишком однобоко, только для того, чтобы из Сети что-нибудь взять. Картинки, тексты, цены и т.д и т.п. А ведь можно и собственной страницей обзавестись! Что на ней опубликовать - это уже личное дело каждого. Можно фотографию любимой девушки, а можно и что-нибудь более интересное. В мире девять десятых интересных мест - частные страницы. Их не фирмы делали, а самые обычные, в общем-то, люди. Местами даже весьма поверхностно владеющие программированием. Для них главное не в максимальной навороченности, а в полезности и интересности содержимого. За примерами далеко ходить не надо. Вопрос второй, который часто всплывает в подобном случае - а сколько это удовольствие стоит? Можете смеяться, но опубликовать собственный сайт в Сети не стоит вообще ничего. Могут даже в нагрузку выделить бесплатный адрес электронной почты. Халява, сэр! Кстати, в русской Интернет существует одноименный сервер одноименного назначения. На нем масса мальчиков и девочек из различных возрастных групп изголяется кто во что горазд. Местами очень даже недурно.
Для любой работы всегда необходим различный специализированный инструмент для всех случаев жизни. В программировании - тоже, но при создании своей первой страницы можно обойтись совершенным минимумом, который есть практически на каждом компьютере.

Прежде всего понадобится хороший редактор. В природе их существует великое множество, но по своему принципу они условно делятся на визуальные и программируемые. В первом случае достаточно нарисовать или написать, и редактор сам переведет результат в исходный код языка HTML. На первый взгляд это кажется превосходным. Тем не менее большинство разработчиков предпочитают программируемые. Дело в том, что визуальные редакторы обычно сильно ограничены в своих возможностях. Часто в них не предусмотрены такие приятные вещи, как задание фоновой музыки, автоматической почты и многого другого. Страницы выходят слишком уж простыми и практически не подлежат доработке. Вернее, доработать можно, но в редакторах другого класса.

Программируемые редакторы очень похожи на обычные текстовые, с той лишь разницей, что они оптимизированы для создания сайтов. В них необходимо самостоятельно набирать команды с клавиатуры. Это кажется несколько неудобным, но только до тех пор, пока не поработаешь с ними дней десять. Дело в том, что подавляющее большинство наиболее часто применяемых команд привязано к иконкам или командам меню. Задача оператора сводится к указанию мышью места, где следует расположить команду, и нажатию конкретной иконки. Если результат и требует доработки, то лишь самую малость.

В то же время на экране виден весь исходный текст, в который без проблем можно ввести вручную любую новую команду, которую редактор не знает. Вторым достоинством этого класса редакторов является возможность привязки к программе любого необходимого браузера для просмотра результата. Вам больше по душе "Навигатор" - нет проблем. Хотите "Эксплорер" - пожалуйста. Очень удобно, а удобство в таком деле уже половина успеха. Правда, меньше половины, ибо приходится гораздо ближе знакомиться со структурой языка HTML, иначе могут быть проблемы. Я сам пользуюсь редактором HotDog, браузером Navigator фирмы Netscape и графическим редактором Photoshop. Пока этого хватает.

Обычно нормальный человек, услышав таинственное выражение "язык программирования", теряется, тушуется и норовит немедленно бросить дурное дело. Тут с английским еле-еле, а вы говорите "программирование"! Не расстраивайтесь. Человеку, придумавшему HTML, его иначе называют "язык гипертекстовой разметки", стоит поставить большущий памятник. В жизни не видел ничего проще. Программирование напоминает инструктаж ребенка пяти лет. Возьми то, выровняй так, положи туда. Вот какой молодец! Без устрашающих заумностей типа "стек" или "смещение". Правда, даже в стройное изящество HTML программисты пытаются внести свою толику бардака, но, во-первых, этого можно избежать, и, во-вторых, для любой программной абракадабры существуют специальные, строго оговоренные места, за пределы которых ей никогда не вырваться.

Надеюсь, вас не отпугнули вступительные слова и желание узнать, как все-таки сделать свою страницу, не пропало. Это радует. Значит, еще не все потеряно. Далее мы пройдемся по самым важным правилам языка HTML и основным моментам создания своей страницы. Мы не задаемся целью в рамках газеты устроить фундаментальный университет. Да это и невозможно. Если хотя бы один человек, после прочтения статьи, заинтересуется этим вопросом и попробует, значит, время потрачено не зря. А там уже можно и самостоятельно изучать детали. Благо учебной литературы кругом - как грязи в болоте. Да и Интернет в вопросе повышения квалификации может сослужить добрую службу. Смотрящий да увидит. Тем более что всяких обучающих узлов - как книг в библиотеке. Теперь к делу.

Web-страничка - это текст, который вы хотите увидеть на экране, плюс специальные флажки, форматирующие его. Язык разметки страничек называется HTML (HyperText Markup Language). Существует международный стандарт HTML 2.0, полностью описывающий все возможные флажки и их допустимые сочетания. К счастью, программы просмотра терпимы к нарушениям стандарта и ошибкам в синтаксисе. Если они встречают флажок, который им незнаком, они делают вид, что этого флажка вообще не было. В некоторых случаях флажки, особенно в переводной литературе, называют тэгами (tags). Это одно и то же, но, на мой взгляд, термин "флажок" более информативен и легче в восприятии.

По большому счету, флажки представляют собой одну команду для браузера. Например, взять такую-то картинку из такой-то папки и поместить сюда. Картинку выровнять так, так и вот так. Какая это картинка, что на ней - совершенно безразлично. Сами флажки программой просмотра не показываются и как место в строке не воспринимаются. Если в строке введен текст из двадцати символов, но в нем одно слово выделено жирным шрифтом, то на экране он все равно будет занимать двадцать символов, хотя в исходном тексте флажки и будут сдвигать текст в сторону. Зато значительно упрощено восприятие всего документа и уменьшен его объем, а это немаловажно при передаче данных на расстояние. Файл, содержащий HTML-документ, должен иметь расширение.htm или.html.

Для создания страничек совершенно не обязательно иметь доступ к Сети. Все известные мне программы просмотра (Netscape, Mosaic, Lynx, MIE и т.д.) могут открыть файл с документом, находящийся на вашем жестком диске. (В Netscape, например, для этого из меню File надо выбрать пункт Open File).

Минимальный (пустой) документ имеет такой вид (курсивом выделены комментарии): - флажок начала документа - флажок начала заголовка - флажок окончания заголовка - флажок начала тела документа Здесь собственно документ - флажок окончания тела документа - флажок окончания документа Почти все флажки - парные (как открывающие и закрывающие скобки), закрывающий флажок предваряется символом "/". Например, если вы хотите выделить слово жирным шрифтом, пишете слово . Здесь и - флажки, указывающие программе просмотра, как надо изображать обрамленное ими слово.

Любой флажок вступает в силу с момента его объявления и продолжает действовать до символа его окончания. Рекомендую при написании своего документа четко его структурировать, иначе можно легко потерять нужную пару и программа просмотра вам такое покажет... То есть если вам хотелось выделить курсивом весь абзац, то следует: - объявить курсив, - ввести содержание, - отменить курсив.

Если по недосмотру третий пункт будет пропущен, то весь последующий текст до самого конца будет выводиться курсивом.

Последние два флажка иллюстрируют важный факт: кроме своего имени флажки могут содержать (и часто содержат) один или больше параметров. Например, чтобы вставить в документ картинку, я не просто указал флажок, а еще и снабдил его параметром src=" имя_файла.gif", без которого флажок <img height=24 width=22> особого смысла, надо полагать, не имеет. Часто параметры необязательны и служат для уточнения внешнего вида элемента: - изображается как горизонтальная канавка, - горизонтальная полоска, - горизонтальная канавка шириной в половину экрана. Таким образом, создание гипертекстового документа - простая и приятная работа. Вы создаете минимальный документ, вставляете внутрь флажков ваш текст, размечаете его (расставляете параграфы, заголовки и т.д.), вставляете ссылки на картинки и гипертекстовые связи. После чего загружаете готовый документ в программу просмотра. Готово! Собственно, при создании документа приведенных флажков еще недостаточно. Точнее, и указанного уже хватит для создания своей первой страницы, но любой, кто на нее взглянет, сразу поймет, что она самая первая. Одни подойдут к этому с пониманием, другие с ехидством. Для того чтобы этого избежать, стоит изучить еще несколько ключевых элементов документа, таких как таблица, картинка, фрейм и счетчик. Это важно, чтобы документ был приятен на вид - легко читался и с удовольствием смотрелся. Но это уже совсем другая история...

Александр Запольскис  

Продолжение следует


Компьютерная газета. Статья была опубликована в номере 35 за 1997 год в рубрике интернет :: вебмастеру

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