Что такое программа просмотра веб страниц. Что такое веб страница. Используется для вывода

25.12.2023 Ноутбуки

Один из самых популярных сегодня сервисов Интернета – World Wide Web (WWW). Эта часть Интернета стала настолько популярной, что многие пользователи ошибочно отождествляют Всемирную сеть и Интернет.

Что же так привлекает пользователей в World Wide Web?

Всемирная сеть задумывалась как информационное поле, которое состоит из множества документов. Самое главное в этой задумке было то, что все документы и их части должны быть связаны гиперссылками.

Схематичный пример связи страниц при помощи гиперссылок показан на рис. 20.1. Как видите, если провести линии, соединяющие гиперссылки в нескольких документах, общий вид картины начинает несколько напоминать паутину. Отсюда и название службы – World Wide Web (слово Web по-английски означает «паутина»).


Рис. 20.1. Связь страниц с помощью гиперссылок.

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

В современных браузерах, поддерживающих графический интерфейс, активизация гиперссылки обычно осуществляется щелчком мыши. Принято также, что при наведении указателя мыши на гиперссылку, он изменяет свой вид наподобие руки (рис. 20.2). Кроме того, по умолчанию гиперссылки обычно выделяют синим цветом и подчеркивают, хотя на многих веб-страницах эти правила не соблюдаются ради общего внешнего вида (дизайна).


В самом тексте документа для создания гиперссылок обычно используется язык HTML (или более современная его разновидность – XHTML). Гиперссылка содержит в себе указание на документ, к которому пользователь должен перейти при щелчке на ней, а также, возможно, конкретное местоположение в этом документе. Обычные гиперссылки, организованные с помощью HTML или XHTML, являются однонаправленными, то есть по документу невозможно определить, какие документы на него ссылаются.

HTML стал основным стандартом для представления веб-страниц. Помимо организации гиперссылок, его современная версия поддерживает следующие возможности:

Форматирование текста (кегль, гарнитура, курсив, начертание и т. п.);

Выбор цвета текста и фона;

Поддержка табличного представления материала;

Поддержка вставки изображений в текст;

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

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

Современные программы-браузеры умеют не только отображать текст и активировать гиперссылки. Как правило, они поддерживают вывод изображений, вставку звуковых и видеообъектов, выполнение внутри кода страницы сценариев (написанных на специальном языке JavaScript), кэширование материала (автоматическое сохранение недавно просмотренных страниц для возможности быстрого возврата к ним) и многое другое.

Для просмотра веб-страниц можно пользоваться различными программами-браузерами.

Рассмотрим для примера браузер, который встроен в операционную систему Windows XP, – программу Internet Explorer (рис. 20.3).


Рис. 20.3. Открытая веб-страница в программе Internet Explorer.

Чтобы просмотреть какую-либо веб-страницу, введите адрес нужной страницы в строку Адрес. Для очистки данной строки в Internet Explorer используется стандартная клавиша удаления – Delete. После ввода адреса нажмите клавишу Enter.

Нужно иметь в виду, что иногда веб-страницы в различных программах-браузерах отображаются по-разному. Особенно это относится к современным сложным страницам.

Иногда страницы, написанные на иностранных языках, открываются в неправильной кодировке, то есть, например, русский текст выглядит нечитаемым (рис. 20.4 а, б). В этом случае нужно выбрать из меню Вид пункт Encoding (Кодировка) и далее верный вариант кодировки. Это может быть, например, Кириллица K0I8-R. Если в разных частях страницы наблюдаются разные кодировки (к примеру, левая часть страницы отображается нормально, а в правой вместо русского текста непонятный набор латинских букв со значками), щелкните правой кнопкой мыши непосредственно в том месте страницы, где находится нечитаемый текст, и выберите пункт Кодировка из контекстного меню.


Рис. 20.4. Веб-страница с символами кириллицы: в нужной кодировке (а ) и в неверной кодировке (б ).

В программе Internet Explorer можно просмотреть исходный HTML-код страницы, выбрав из меню Вид пункт Просмотр HTML-кода. Если на странице есть несколько фреймов, то есть отдельных «полуокон», в каждом из которых отображается часть страницы, HTML-код нужного фрейма можно просмотреть, выбрав одноименный пункт из контекстного меню после щелчка правой кнопкой мыши в нужном фрейме. При этом учтите, что, если страница генерируется серверным сценарием (например, PHP), вы не сможете просмотреть ее исходный код, а увидите только HTML-код, сгенерированный сценарием.

В любой момент вы можете вставить закладку на просматриваемую страницу, нажав сочетание CtrL+D. Все созданные закладки являются ссылками на страницы Интернета. В дальнейшем их можно выбрать из меню Избранное для быстрого перехода на нужную страницу.

Если же в меню Избранное выбрать пункт Упорядочить избранное, откроется отдельное окно редактора закладок. Здесь вы сможете переименовать любую из закладок, создать новые, рассортировывать их по группам (папкам), вставить разделители и пр.

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

Поисковые системы;

Интернет-магазины;

Платные ресурсы Интернета.

Форумы – это специальные веб-страницы, на которых организуется общение людей по интересам. Например, зайдя на страницу по адресу cLub60.org , вы попадете на форум пользователей смартфонов Nokia.

На веб-странице любого форума можно зарегистрироваться, передав туда какие-либо первоначальные данные о себе и введя свое имя для представления на форуме (возможно, псевдоним, или, как говорят в Интернете, ник) и пароль. Впоследствии на форум можно будет входить под своим именем и паролем, после чего вы сможете отправлять сообщения на форум.

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

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

Поисковые системы – это веб-страницы, с помощью которых можно искать в Интернете различные ресурсы. Они применяются тогда, когда пользователь не знает точного адреса того или иного интернет-ресурса или просто хочет найти информацию по интересующей его теме.

В Интернете существует множество поисковых систем, самыми известными из которых являются:

Yahoo! – yahoo.com (в большей степени каталог ресурсов, но с возможностями поиска);

Raya – raya.ru (интерфейс для поиска сразу в трех поисковых системах – Google, «Яндекс» и «Рамблер»).

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

Интернет-магазины представляют собой сайты, которые организованы как виртуальные магазины. Здесь можно посмотреть на товары, при желании познакомиться с характеристиками каждого из них поближе, рассмотреть увеличенное изображение товара и, разумеется, узнать его цену. Затем понравившиеся товары можно щелчком мыши на специальной гиперссылке отложить в «корзину» – на специальный раздел сайта. Когда все товары выбраны, можно просмотреть свою «корзину», увидеть суммарную стоимость покупок, при необходимости изменить список выбранных товаров и сделать заказ. Для этого необходимо ввести адрес, куда необходимо заказ доставить, и свое имя. Обычно также необходимо указать номер вашего телефона, чтобы курьер магазина мог позвонить и уточнить необходимые детали.

Обычно заказ оплачивается непосредственно при его доставке. Однако бывают системы, позволяющие оплатить его заранее, например, с помощью кредитной карты или одной из платежных систем Интернета, которых существует несколько – WebMoney, Яндекс-деньги и пр.

Платные ресурсы – веб-сайты, для просмотра которых необходимо сначала заплатить деньги создателю ресурса. Несмотря на то, что большинство веб-страниц в Интернет доступны всем, существуют и платные ресурсы. Некоторые пользователи почему-то считают, что это обязательно непристойные веб-страницы «для взрослых». Однако платными могут быть любые ресурсы, содержащие эксклюзивную информацию. Например, в Интернете предоставляется платный доступ к электронной версии музыкального энциклопедического словаря Гроува. Многие исполнители предоставляют платный доступ к страницам, на которых можно послушать их новые записи, и т. д.

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

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

Для работы в WWW на компьютере необходимо иметь специальную программу - броузер (browser). Броузер - это прикладная программа, взаимодействующая с WWW и позволяющая получать из сети различные документы, просматривать и редактировать их содержимое. Броузеры предоставляют возможность работы с документами, содержащими текстовую и мультимедийную информацию. Кроме того, они поддерживают все рассмотренные ранее способы и протоколы доступа в Internet.

В WWW документы, как правило, содержат гипертекст (текст с гиперссылками). В отличие от обычных текстов, документы в сети содержат команды, задающие их структуру, включая ссылки на другие документы. Это позволяет броузеру отформатировать документ для его отображения на экране в соответствии с возможностями конкретного компьютера. Поскольку в составе Internet используются разнородные аппаратно-программные средства, то для разработки Web-страниц был принят универсальный язык разметки гипертекста - HTML (HyperText Markup Language).

В состав HTML входит набор команд, используемых для описания структуры документа. С помощью HTML документ разбивается на соответствующие логические компоненты: абзацы, заголовки, списки и т.д. Конкретные атрибуты форматирования документа (основного текста и выделенных компонентов) при его просмотре определяются используемым броузером.

Наиболее распространенными броузерами являются:

    Mosaic для Windows;

    программа Cello;

    программа Linx;

  • Microsoft Internet Explorer (MSIE);

    Netscape Communicator.

Рассмотрим кратко их назначение и основные возможности. Основное внимание будет уделено MSIE, как одному из самых популярных броузеров. Его последняя версия 4.0 распространяется в Internet фирмой Microsoft бесплатно и входит в состав Windows 98.

Mosaic для Windows - одна из первых программ просмотра. Она имеет очень простой графический интерфейс с пользователем и позволяет отображать на экране отформатированные Web-документы. Недостатком ее является необходимость установки дополнительного программного обеспечения для работы с графическими файлами, аудио и видео изображениями, которое не входит стандартно в состав броузера.

Программа Cello была разработана как альтернатива Mosaic. Непосредственно предоставляет доступ к HTTP-, Gopher-, FTP-серверам, телеконференциям UseNet, а также поддерживает работу с Telnet при использовании внешних клиентских программ. Программа имеет очень простой интерфейс, что позволяет быстро освоить работу с ней. Неудобством работы с броузером является малое количество кнопок на панели управления, поэтому постоянно приходится работать с ниспадающими меню.

Программа Linx относится к числу броузеров с текстовым интерфейсом. Гипертекстовые ссылки выделяются па экране другим цветом или инверсией цветов фона и текста. Достоинством этого броузера является возможность быстро находить текстовую информацию в WWW с помощью гипертекстовых ссылок. Просмотренные страницы можно отмечать с помощью закладок, которые могут быть созданы во время работы с броузером.

Броузер EINet WinWeb отличается в лучшую сторону малым объемом занимаемой при работе основной памяти, хорошей поддержкой интерактивных форм, устойчивой и надежной работой. Механизм навигации реализован просто и удобно для пользователя. Имеется встроенное средство поиска документов по ключевым словам. Настройка броузера дает возможность выбора шрифтов и цветов, используемых при отображении документов и выделении гиперссылок.

Броузер Internet Works позволяет работать не только с WWW, но и с FTP- и Gopher-серверами. Документы, с которыми работает пользователь, могут представляться на трех уровнях. При этом переход от страницы к странице может происходить как в пределах одного уровня, так и между ними, используя кнопки панели инструментов и возможность работы в многооконном режиме. Просмотр текстового документа может происходить при одновременной фоновой загрузке файлов мультимедиа. Имеется возможность настройки интерфейса пользователем.

Общепризнанные лидеры среди программ просмотра и редактирования Web-документов - броузеры Netscape Communicator и Microsoft Internet Explorer являются наиболее удобными и многофункциональными. Они позволяют отображать на экране любые документы, созданные в любой операционной среде и на любом компьютере с конфигурацией, которая обеспечивает работу в сети.

Различия между браузерами

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

Конечно, простые странички (типа той, которую мы написали в предыдущем разделе) будут, скорее всего, одинаково выглядеть во всех браузерах. Однако, чем сложнее страничка, тем больше различий в ее восприятии разными программами просмотра. Эти различия могут касаться расположения элементов на странице, реакции на действия пользователя, внешнего вида отдельных элементов и т. д. Создавая веб-страницу, полезно просматривать ее в различных браузерах и корректировать код в соответствии с тем, что вы увидели. Нередко может случиться, что страничка, очень красиво выглядящая в одном браузере, будет просто нечитаемой в другом. Создание сложной странички, которая почти одинаково смотрится в разных браузерах, - задача не из легких. Поэтому мы бы рекомендовали ориентироваться на какой-либо один браузер, а совместимость с другими поддерживать только на минимальном уровне. Еще можно создавать копии страничек для разных браузеров, однако здесь тоже есть небольшая проблема, о которой расскажем чуть ниже.

И, наконец, самое простое решение: создав страничку, написать в ее начале что-нибудь типа: “Лучше всего смотрится в таком-то браузере” и поместить рядом ссылку, щелкнув на которой, пользователь мог бы загрузить себе нужную программу просмотра. Однако надо иметь в виду, что далеко не все пользователи, скорее всего, захотят это сделать, и не только потому, что не все браузеры бесплатны. Во-первых, не у всех есть возможность загружать большие объемы данных из Интернета, а во-вторых, многие уже привыкли пользоваться какой-то программой просмотра, и совет срочно установить себе другую вызовет у них в лучшем случае недоумение.

Браузер Internet Explorer

На сегодняшний день наиболее популярной программой просмотра веб-страниц является браузер Microsoft Internet Explorer, которым пользуется примерно половина всех бродящих по Интернету. MS Internet Explorer версии 5 поддерживает большинство требований HTML 4.0 , и именно на эту программу мы будем ориентироваться в примерах, приведенных в этой книге. Эта программа бесплатна, и ее можно загрузить с адреса http://www.microsoft.com/windows/ie_intl/ru/download/ . Там же можно обновить версию браузера и взять различные дополнения к этой программе. Почти все кардинальные новшества появились в программе MS Internet Explorer начиная с версии 4. Однако некоторые моменты, связанные в основном с реакцией на пользовательские действия и интерпретацией кода, написанного на языке JavaScript, все же существенно изменились в пятой версии. Поэтому не удивляйтесь, если страничка, написанная для Internet Explorer версии 5, при просмотре в четвертой версии будет выдавать, например, сообщения об “ошибке сценария”. Кстати, пятая версия Internet Explorer способна автоматически корректировать мелкие неточности. Другие браузеры этого не умеют, и для них эти неточности будут выливаться и сообщения об ошибках. Программа Internet Explorer поддерживает в качестве сценарного языка не только язык JavaScript,но и изобретенный компанией Microsoft язык VBScript, который происходит от языка Visual Basic. Поскольку веб-страницы, написанные с использованием VBScript, реально существуют, то только использование браузера Internet Explorer позволяет сегодня адекватно отобразить их содержимое. В языке VBScript появились некоторые интересные возможности, отсутствовавшие в JavaScript 1.0, такие, например, как функция автоматического игнорирования ошибок в цикле (On Error Resume Next ). Мы не рассматриваем в этой книге язык VBScript, поскольку все же универсальным языком сценариев на сегодняшний день является JavaScript.

Что касается более ранних версий MS Internet Explorer, то их использование порождает ряд проблем. Так, например, в третьей версии использована довольно своеобразная реализация JavaScript, и некоторые функции, написанные для более поздних версий или для браузеров компании Netscape, в Internet Explorer 3 работают не совсем правильно. Кроме того, поскольку проект HTML 4.0 тогда еще только зарождался, в Internet Explorer 3 отсутствуют функции реакции на пользовательские действия, возможность произвольного расположения элементов оформления и др. Нет также поддержки каскадных таблиц стилей. В некоторых случаях возникают проблемы с навигацией между фреймами. А в еще более ранних версиях этого браузера вообще отсутствовала поддержка языков сценариев и были доступны только самые простые средства.

Браузер Netscape Navigator

Вторым по популярности браузером в мире является Netscape Navigator. В отличие от MS Internet Explorer, эта программа реализована для многих платформ, включая OS/2 и UNIX с ее клонами. На “Не-Windows-компьютерах” Netscape Navigator продолжает оставаться наиболее популярной программой просмотра веб-страниц.

На момент написания этих строк вышел второй предварительный релиз шестой версии Netscape Navigator В этой версии также реализована поддержка многих требований HTML 4.0 , однако не в такой полной мере, как в MS Internet Explorer 5. В частности, на пользовательские действия по-прежнему могут реагировать далеко не все элементы веб-страницы. Программу Netscape Navigator можно бесплатно получить, обратившись по адресу www.netscape.com . В предыдущей версии этой программы (четвертой) не поддерживались новые теги, предложенные в четвертой версии Internet Explorer (например