Просмотр Web-страниц. Клиентские программы для просмотра Web страниц Основная панель инструментов

Обзор интернет-броузеров

Браузер (или броузер ) - это то, без чего не может обойтись ни один пользователь интернета. Слово браузер образовано от английского "Веб-обозреватель ".

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

Практически все популярные браузеры распространяются бесплатно или "в комплекте" с другим приложением.

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

Создателем первого браузера был разработчик гипертекстовой разметки, "отец" технологии World Wide Web Тим Бернерс-Ли (Tim Berners-Lee). Браузер получил название WorldWideWeb.

Позднее, чтобы не путать "всемирную паутину" с названием программы, Бернерс-Ли переименовал браузер в Nexus.

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

Первым распространённым браузером с графическим интерфейсом был NCSA Mosaic. Исходный код этого браузера был открыт и некоторые другие браузеры (Netscape Navigator и Internet Explorer) взяли его за основу.

Этот браузер имел свои недостатки, но почти все они были устранены в браузере Netscape Navigator (некоторые сотрудники компании Netscape были из NSCA и участвовали в разработке Mosaic).

Netscape выпустил Netscape Navigator под разные операционные системы (UNIX, Windows, Mac OS) и добился заметного успеха, в том числе и коммерческого. Это побудило компанию Microsoft выпуститьсвой браузер Internet Explorer .

Если же брать русскоязычную часть всемирной паутины, так называемый Рунет, то браузеры расположились в несколько иной последовательности: Internet Explorer - 51%, Firefox - 24%, Opera - 16%, Opera Mini - 4%, Safari и Chrome - 2%.

Основное различие со всемирными тенденциями заключается в большей популярности веб-обозревателя Opera. Возможно, это связано с тем, что Opera предстал перед отечественными пользователям первой реальной альтернативой Internet Explorer.

В любом случае, независимо от языкового сегмента сети, Internet Explorer и по сей день является самой популярной программой для просмотра веб-страниц .

С точки зрения уязвимости рассматривались самые распространенные браузеры - Firefox, Safari, Opera и Internet Explorer. Браузер Google Chrome, кстати, в этом отчете не упомянут.

По сообщению Cenzic, 8 % всех проблем с безопасностью в мировой сети связано с браузерами. По итогам первой половины 2009 года самым уязвимым оказался Mozilla Firefox - в нем обнаружено 44 % всех найденных угроз.

Вот так дела... Mozilla Firefox - оказался самый уязвимый. Кстати, ниже приведены описания популярных браузеров.

Затем следует Apple Safari, он собрал 40% уязвимостей. У Internet Explorer и Opera обнаружено 15 и 6 % «дыр» в системе безопасности соответственно. Ну, что же, делаем выводы!

Internet Explorer 1.0 был выпущен в августе 1995 года на основе браузера Spyglass, Inc Mosaic. Microsoft лицензировала браузер на условиях ежеквартальных выплат плюс процент от продаж. Internet Explorer развивался постепенно: от первой версии 1.0 до последней - 8.0 прошло без малого 13 лет.

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

Динамически менялся внешний вид, постепенно добавлялись такие функции как: мультимедийная панель, интеграция с Windows Messenger, автоматическая коррекция размера изображения, менеджер закачек, система постраничных вкладок, панель поиска, блокировка всплывающих окон и баннеров и так далее. Некоторые из новых свойств последней версии Internet Explorer 8:

Mozilla Firefox 3.6

Браузер, у которого есть всё

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

Новые возможности браузера :

поддержка 48 языков;

в 2-3 раза более быстрая загрузка страниц, чем в предыдущей версии;

полноценная защита от вредоносных сайтов;

интеграция с вашим антивирусом;

полноценная система работы с закладками отвечает самым изысканным требованиям;

многооконный режим работы;

возможность перетаскивать кнопки в панели инструментов;

выбор тем;

получение информации о сайте одним щелчком;

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

Сайт разработчиков: http://www.mozilla-europe.org/ru/firefox/
Платформа: Windows 2000/XP/2003/Vista/7
Интерфейс: Мультиязычный (русский язык имеется)
Скачать бесплатно браузер Mozilla Firefox 3.6

а также очень полезная статья

8.1 Понятие броузеров и их функции

Документы Интернета предназначены для отображения в электронной форме. Форматирование и отображение документа на конкретном компьютере произво­дится специальной программой - броузером (от английского слова browser).

Основные функции броузеров следующие:

Установление связи с Web-сервером, на котором хранится документ.

Понимание тегов языка HTML, форматирование и отображение Web-страницы в соответствии с возможностями компьютера, на котором броузер работает;

Предоставление средств для отображения мультимедийных и других объектов, входящих в состав Web-страниц.

Обеспечение автоматизации поиска Web-страниц и упрощение доступа к Web-страницам, посещавшимся ранее.

Предоставление доступа к встроенным или автономным средствам для работы с другими службами Интернета.

8.2 Работа с программой Internet Explorer

Примером броузера, предназначенного для просмотра Web-документов, может служить Internet Explorer 5.0.

Программа предоставляет единый метод доступа к локальным документам компьютера, ресурсам корпоративной сети Intranet и к инфор­мации, доступной в Интернете. Она обеспечивает работу с World Wide Web, предо­ставляет идентичные средства работы с локальными папками компьютера и файловыми архивами FTP, дает доступ к средствам связи через Интернет.

Соответствующие программы (Outtook Express и Microsoft NetMeeting) автономны, но рассматриваются как часть пакета Internet Explorer 5.0. Схема использования Интернета через Internet Explorer представлена на рис. 8.1.

Рисунок 8.1 – Организация доступа к ресурсам Интернета

Для запуска броузера Internet Explorer можно использовать значок Internet Explorer на Рабочем столе или на Панели быстрого запуска, а также Главное меню

(Пуск > Программы InternetExplorer).

Кроме того, программа запускается автоматически при попытке открыть документ Интернета или локальный документ в формате HTML. Для этой цели можно использовать:

Ярлыки Web-страниц,

Папку Избранное

Панель инструментов Рабочего стола,

Адрес или поле ввода в диалоговом окне Запуск программы (Пуск > Выполнить).

8.2.1 Открытие и просмотр Web-страниц

Просматриваемая Web-страница отображается в рабочей области окна. По умол­чанию открывается все ее содержимое, включая графические иллюстрации и встроенные мультимедийные объекты.

Наличие средства автозаполнения адресной строки упрощает повторный ввод адресов. Вводимый адрес автоматически сравнивается с адресами ранее про­сматривавшихся Web-страниц.

Навигация по Интернету чаще выполняется не путем ввода адреса URL, а посредством использования гиперссылок . При отображении Web-страницы на экране гиперссылки выделяются цветом (обычно синим) и подчер­киванием . Обычно подчеркивание применяют только для выделения гиперссылок. Более надежным признаком является форма указателя мыши . При щелчке на гипер­ссылке соответствующая Web-страница загружается вместо текущей. Если гиперссылка указывает на произвольный файл, его загрузка происходит по протоколу FTP.

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

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

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

Программа для навигации (поиска информации в Internet) и просмотра Web-страниц называется браузером (browser). В настоящее время существует множество браузеров. Наиболее популярными являются графические браузеры (двумерные): Internet Explorer, Mozilla Firefox, Flock (Firefox и Flock основаны на коде Netscape), Opera , Netscape Navigator, Google Chrome и другие. Набирает популярность браузер Safari для Windows. Первый графический браузер - Viola появился в 1992 году. Сейчас ведутся разработки трёхмерных браузеров, например браузер Clara

Популярные текстовые брауз еры (консольные браузеры) - это Lynx и Links (Links2 поддерживает графику). Lynx и Links можно применять на различных платформах: Unix, Macintosh, Windows и других ОС. Эти браузеры целесообразно применять для слабых ПК и для низкоскоростных линий подключения к Интернет.

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

Для работы в DOS можно использовать графический WWW браузер Arachne - это графический браузер, который поддерживает основные элементы современного Web-дизайна. Для работы в Linux можно использовать браузеры: Lynx, Links (Elinks, Links2, Links Hacked), Opera, Netscape и так далее.

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

С помощью браузера можно легко произвести поиск нужной веб-страницы в Интернете, для этого требуется набрать одно или несколько слов в адресной строке (строке поиска) браузера и нажать Enter, чтобы начать поиск. Браузеры обеспечивают доступ не только к Web-серверам, но и к другим серверам Интернета (FTP-серверам, Gopher-серверам и серверам телеконференций UseNet).

Одним из самых популярных браузеров является Internet Explorer, так как приложение Internet Explorer входит в состав операционной системы Windows.

Браузер Internet Explorer, технология перехода по страницам и работа с Web-страницами побробно рассмотрены в разделе Прикладные программы просмотра Web-страниц.

11. Охарактеризувати правила користування поштовими скриньками.

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

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

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

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

Браузер 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 (например ), что очень затрудняло написание динамических страниц, совместимых одновременно и с Internet Explorer, и с Netscape Navigator. Третья и более ранние версии программы не поддерживали реакцию на пользовательские действия вообще, а также все теги, связанные с позиционированием.

Другие свойства просмотра

Несмотря на то что программами MS Internet Explorer и Netscape Navigator пользуется подавляющее большинство пользователей Интернета, существуют и другие браузеры, то и дело используемые в работе. Среди них стоит отметить программу Opera, которую можно получить по адресу www.operasoftware.com (однако эта программа не является бесплатной - она распространяется по принципу Shareware). Кстати, в 1999 г. эксперты отмечали, что поддержка каскадных таблиц стилей (CSS ) лучше всего реализована именно в этой программе. Браузер Opera имеет много достоинств (компактность, скорость работы, удобный интерфейс с детальной индикацией загрузки страницы), и прочие. Однако поддержка динамических элементов здесь осуществлена еще в меньшей степени, чем в браузерах от Netscape.

Достоин внимания также и чисто российский браузер Ariadna. Он был спроектирован специально под нужды российских пользователей. К сожалению, после версии 1.3 разработчики прекратили работу над проектом.

Средства просмотра веб-страниц сейчас встраиваются также во многие программы более “общего” назначения, например в kfm (это файловый менеджер-просмотрщик KDE, StarOffice и даже в программу работы с электронной почтой The Bat! (для просмотра HТМL-вложений). Однако все они имеют ограниченные возможности по сравнению со специализированными программами, и при создании веб-страниц на них ориентироваться не следует.

Что такое web страница ? Это документ, написанный на языке разметки гипертекста (HTML ), который можно просмотреть с помощью браузера. Доступ к веб-странице осуществляется путем ввода URL-адреса .

Веб-страница может содержать текст, графику и гиперссылки на другие страницы и файлы.

Как открыть веб-страницу

Для просмотра веб-страницы требуется браузер (например, Internet Explorer , Edge , Safari , Firefox или Chrome ). В браузере можно открыть веб-страницу, указав в адресной строке URL-адрес . Например, введя «https://www.computerhope.com/esd.htm », вы откроете страницу ESD Computer Hope .

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

Когда была создана первая веб-страница?

Первая веб-страница была создана в CERN Тимом Бернерсом-Ли 6 августа 1991 года. Перед тем, вы можете посетить и просмотреть первый сайт и первую веб-страницу по адресу http://info.cern.ch/ .

В чем разница между сайтом и веб-страницей?

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

В приведенном выше примере URL-адреса «url.htm» — веб-страница, это всегда последняя часть URL-адреса . Для URL , которые не имеют окончаний .htm , .html , .php , .cgi , .pl или другого расширения файла, сервер загружает веб-страницу index.htm по умолчанию. Например, для URL-адреса страницы контактов нет веб-страницы. В этом случае загружается индексный файл по умолчанию из каталога /contact .

Примеры веб-страницы

Мы уже упоминали, что для просмотра web страниц используются браузеры. Веб-страница состоит из нескольких элементов, включая CSS , изображения и JavaScript . Тело веб-страницы создается с использованием HTML . Этот код может быть создан с использованием HTML-редактора, написан человеком или сгенерирован с использованием серверных скриптов. Обычно веб-страница, созданная человеком, заканчивается расширением .htm или .html . Например, эта страница имеет имя файла «webpage.htm ». Страницы, сгенерированные скриптом, могут заканчиваться на .cgi , .php , .pl и т.д.

Какие элементы содержит веб-страница?

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

1. Название сайта, логотип или название компании почти всегда находятся в верхнем левом углу каждой веб-страницы. Также неплохо использовать слоган или краткое описание страницы, чтобы дать новым посетителям представление о сайте. Этот элемент веб-страницы обычно является ссылкой, которая ведет на главную страницу;
2. Панель поиска позволяет посетителям быстро найти веб-страницу. Она должна присутствовать на каждой странице;
3. Панель или меню навигации обычно находится в верхней или левой части каждой веб-страницы. Она и должна включать в себя ссылки на каждый из основных разделов сайта;
4. Рекламные баннеры могут отображаться в разных местах на веб-странице. Обычно они отображаются в верхней, левой, правой или нижней части веб-страницы или включены в основной контент;
5. Социальные кнопки позволяют посетителям делиться ссылкой на веб-страницу на сайтах социальных сетей;
6. В созданных web страницах хлебные крошки помогают посетителю понять, где он находится, а также перейти к другим разделам сайта;
7. Заголовок должен находиться в верхней части каждой веб-страницы. Он создается с использованием HTML-тега

   .

8. Начальный абзац является одним из наиболее важных элементов веб-страницы. Он должен заинтересовать посетителя ознакомиться с содержимым веб-страницы. Один из способов привлечь внимание посетителей — вставить изображение рядом с начальным абзацем;
9. Каждая веб-страница должна быть разбита на заголовки более низкого уровня, которые позволяют посетителю легко просматривать контент и находить на странице то, что ему наиболее интересно. При создании веб-страницы это можно сделать с помощью HTML-тегов

   …

   ;

10. Хорошая идея — предоставить посетителям ссылку или кнопку, перенаправляющую на форму обратной связи, чтобы они могли сообщить, была ли полезна им данная веб-страница или нет;
11. Дополнительная информация и инструменты, такие как кнопка для вывода страницы на печать, также могут быть полезны для пользователей;
12. Футер должен включать в себя дополнительную информацию, которая важна для компании или сайта. А также ссылки на другие веб-страницы;
13. Копирайт и любое юридическое или конфиденциальное уведомление также должны быть размещены на всех веб-страницах. В основах проектирования web страниц этот элемент не только может ссылаться на соответствующую юридическую информацию. Он также указывает, что посетители достигли конца веб-страницы;
14. Кнопка «Вверх страницы » может помочь посетителям быстро вернуться к верхней части веб-страницы, чтобы получить доступ к ссылкам меню.

Что пользователи могут сделать на веб-странице?

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