Клиентские программы просмотра web страниц. Использование Internet Explorer для просмотра Web-страниц. Клавиши и комбинации клавиш

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.

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

Введение....................................................................................................... 3

1. Средства создания Web-страниц.................................................. 5

1.1. Язык HTML.......................................................................... 5

1.2. Программы для просмотра веб-страниц............................ 6

1.3. Браузер Internet Explorer.................................................... 7

1.4. Конструкторы сайтов......................................................... 8

1.4.1. Wix.............................................................................. 8

1.4.2. Nethouse...................................................................... 9

1.4.3. uKit........................................................................... 10

2. Создание веб-страницы с помощью языка HTML..................... 12

2.1. Структура HTML-документа........................................... 12

2.2. Алгоритм создания HTML-документа с помощью
Блокнота............................................................................. 13

2.4. Мета-теги............................................................................ 15

2.5. Команды форматирования шрифта.................................. 16

2.6. Вставка рисунков в HTML-документ.............................. 16

2.7. Алгоритм редактирования HTML-документа с помощью Блокнота

2.8. Атрибуты тега ...................................................... 17

2.9. URL..................................................................................... 18



2.12. Обращение к определенным разделам других документов 20

2.16. Списки................................................................................ 22

2.16.1. Ненумерованные списки...................................... 22

2.16.2. Нумерованные списки....................................... 22

2.16.3. Списки определений........................................... 22

2.16.4. Вложенные списки............................................... 22

Заключение.............................................................................................. 24

Список литературы................................................................................... 27


ВВЕДЕНИЕ

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

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

Сайт - это совокупность нескольких веб-страниц, объединенных общим дизайном, общей тематикой или общей целью. То есть «Просто и Понятно» является сайтом, объединяя в себе множество страниц со статьями. Дизайн выполнен в одном стиле, то есть все оформлено похоже. Поэтому не только общность темы (обучение работе за компьютером), но и сам внешний вид говорит о том, что страницы связаны. Но при этом отдельно открытая главная prosto-ponyatno.ru является веб-страницей.

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

Каждый сайт имеет доменное имя, то есть свое имя в сети интернет.

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

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

· PHP- Для серверов Apache и других под управлением GNU/Linux, других UNIX-подобных, и прочих ОС.

· JSP и Java Servlet - Для серверов Apache, JBoss, Tomcat под управлением различных ОС.

· ASP.NET- Для Microsoft Windows серверов под управлением IIS.


СРЕДСТВА СОЗДАНИЯ ВЕБ-СТРАНИЦ

Язык HTML

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

Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах. Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем.

Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами. Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо. HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.

Программы для просмотра веб-страниц

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

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

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

Браузер Internet Explorer

На сегодняшний день наиболее популярной программой просмотра веб-страниц является браузер Microsoft Internet Explorer, которым пользуется примерно половина всех бродящих по Интернету.

Почти все кардинальные новшества появились в программе MS Internet Explorer начиная с версии 4. Некоторые моменты, связанные в основном с реакцией на пользовательские действия и интерпретацией кода, написанного на языке JavaScript, все же существенно изменились в пятой версии. Поэтому не удивляйтесь, если страничка, написанная для Internet Explorer версии 5, при просмотре в четвертой версии будет выдавать, например, сообщения об «ошибке сценария». Кстати, пятая версия Internet Explorer способна автоматически корректировать мелкие неточности. Другие браузеры этого не умеют, и для них эти неточности будут выливаться в сообщения об ошибках.

Программа Internet Explorer поддерживает в качестве сценарного языка JavaScript. В языке VBScript появились некоторые интересные возможности, отсутствовавшие в JavaScript 1.0, такие, например, как функция автоматического игнорирования ошибок в цикле

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

1.4. Конструкторы сайтов

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

К преимуществам относятся:

· Огромное количество качественных и разнообразных шаблонов (более 1000);

· Возможность создания собственного уникального шаблона;

· Мощный редактор сайта;

· Наряду с HTML5 есть возможность создания сайтов на flash;

· Поддержка функции Drag & Drop;

· Очень гибкие и разнообразные настройки;

· Сайты на Wix хорошо индексируются поисковыми системами;

· Русифицированный, понятный и приятный на вид интерфейс;

· Возможность создания мобильной версии ресурса и страниц для социальной сети Facebook (имеется богатый выбор шаблонов);

· Довольно отзывчивая техподдержка;

· В разделе "Вакансии" можно найти работу опытному дизайнеру или программисту;

· Достаточно выгодное соотношение цена/качество при переходе на платный пакет.

· Возможность переноса сайта на свой хостинг, но при условии покупки Премиум-аккаунта.

Недостатки:

· Недостаточно запоминающийся адрес страницы в бесплатной версии, имеет вид Вашwixлогин.wix.com/название сайта;

Nethouse

Отличный конструктор, который приемлем для создания сайтов для малого бизнеса (портфолио, визитка, магазин). Достаточно прост в освоении. По заверениям разработчиков, создать сайт на портале не сложнее, чем заполнить страничку в Одноклассниках.

Преимущества:

· Готовый сайт можно привязать к своему домену;

· Неограниченное дисковое пространство;

· Бесплатный доступ к основной части возможностей портала;

· Удобный интерфейс, красивые шаблоны;

· Возможность реализации системы приёма электронных платежей;

· Возможность SEO-настройки страниц.

· 100р на счету для пробы платных услуг.

· Приличная техподдержка.

Недостатки:

· Нет возможности вставить HTML-код, баннеры;

· Нет форума.

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

Преимущества:

· Обширный функционал;

· Интуитивно понятный пользовательский интерфейс;

· Возможность создавать привлекательные полнофункциональные сайты без технических знаний;

· Достаточно широкие возможности для последующего SEO-продвижения созданного сайта;

· Моментальный доступ к обширной статистике и аналитике работы созданного сайта.

Недостатки:

· Некоторые недоработки функционала и пользовательского интерфейса.


2. СОЗДАНИЕ ВЕБ-СТРАНИЦЫ
С ПОМОЩЬЮ ЯЗЫКА HTML

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

Web-страница – это электронный документ формата.htm или.html, имеющий гиперссылки на другие документы. Web-страница – это электронный документ, созданный с помощью специального языка разметки гипертекста HTML, возможно с использование скриптов, написанных на языке программирования JavaScript или с помощью языков программирования Perl, PHP.

Тег представляет собой набор символов, который начинается с символа < и заканчивается символом > (угловые скобки, между которыми записывается ключевое слово): <………>

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

Веб-страница состоит из трёх частей:

1. Информация о версии HTML,

2. Шапка веб-страницы, в которой содержится техническая информация (),

3. Тело веб-страницы ().

Все HTML-документы имеют строго заданную структуру, которая создаётся с помощью таких тегов, как

… - Эта пара тегов сообщает броузеру, что перед ним действительно HTML-документ

… - Раздел заголовков, который содержит информацию о документе в целом, в частности он должен содержать следующий тег:

… - Тег, содержащий заголовок документа, который будет отображён в строке заголовков окна броузера.

… - Тело документа, т.е. здесь будет располагаться сам текст, содержание документа.

Для путешествия по сети интернет мы используем так называемые браузеры.Браузер - веб-обозрева́тель, бра́узер (от англ. Web browser ; вариант броузер - неправильно - программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц (преимущественно из Сети), их обработки, вывода и перехода от одной страницы к другой.

Большинство браузеров умеют также показывать оглавление FTP-серверов - FTP (англ. File Transfer Protocol - протокол передачи файлов) - протокол, предназначенный для передачи файлов в компьютерных сетях. FTP позволяет подключаться к серверам FTP, просматривать содержимое каталогов и загружать файлы с сервера или на сервер; кроме того, возможен режим передачи файлов между серверами (см. FXP).FTP является одним из старейших прикладных протоколов, появившимся задолго до HTTP, в 1971 году. До начала 90-х годов на долю FTP приходилось около половины трафика в сети Интернет[источник не указан 347 дней]. Он и сегодня широко используется для распространения ПО и доступа к удалённым хостам.

Браузеры постоянно развивались со времени зарождения Всемирной паутины и с её ростом становились всё более востребованными программами. Ныне браузер - комплексное приложение для обработки и вывода разных составляющих веб-страницы и для предоставления интерфейса между веб-сайтом и его посетителем. Практически все популярные браузеры распространяются бесплатно или «в комплекте» с другими приложениями: Internet Explorer (совместно с Microsoft Windows), Mozilla Firefox (бесплатно, свободное ПО), Safari (совместно с Mac OS или бесплатно для Windows), Opera (бесплатно, начиная с версии 8.50), Google Chrome (бесплатно, свободное ПО).

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

Mozilla FireFox

Самой заметной функцией браузера FireFox является расширяемость. Поэтому следует упомянуть об этой возможности более подробно.FireFox можно дополнить какой угодно функцией при помощи различных примочек. Итак, вы нашли интересное дополнение, что же делать дальше? Если вы нашли его во всемирной сети – то вам достаточно будет всего лишь нажать на ссылку расширения. Браузер сам обнаружит и установит её. Если файл находится на вашем жестком диске - тогда зайдите в меню «Файл», выберите пункт «Открыть файл», в строчке «Тип файлов» укажите «Все файлы» и выберите то расширение, которое хотите сейчас установить.Для удаления откройте меню «Инструменты», загрузите «Менеджер расширений» – выберите расширение, нажмите кнопку «Удалить» и перезагрузите браузер.Большое число расширений вы сможете найти на этом сайте http://forum.mozilla-russia.org/. Вообще-то обзор самых популярных расширений – это тема для отдельной статьи. Поэтому приведу только несколько из них, дабы показать возможность браузера FireFox к расширяемости.Цель данного расширения ускорение работы браузера , с которой этот плагин успешно справляется. Каждый пользователь FireFox просто обязан установить этот модуль.

Flashblock 1.3.3a1 и AdBlock Plus 0.5.10

Плагины, блокирующие флэш-графику и рекламу соответственно. Оба настраиваемы, поэтому проблем с ними возникнуть не должно.

Locationbar 2

Данный плагин отлично модифицирует отображение адресной строки, делая работу с ней гораздо более понятной и удобной.

Как вы видите, возможности расширения FireFox безграничны. Единственный недостаток, что всю эту ораву плагинов нужно ещё установить. Что отнимает время. Выбирать вам, дорогие читатели.

Разработчик: Mozilla.org Сайт: http://mozilla.org

Более подробно об этом браузуре расскажу в следующей статье.

Opera 10.52

Разработчики одноименного норвежского браузера из компании Opera Software завершили тестирование новой версии одноименного браузера под номером 10.52. Программа использует собственный движок для прорисовки web-страниц, который является одним из самых быстрых по сравнению с конкурентами (Firefox, Internet Explorer и другими, кроме, разве что, WebKit и Safari). Объединяет под одной оболочкой фактически несколько самостоятельных приложений, среди них: почтовый клиент, RSS-клиент, IRC-клиент BitTorrent-клиент и, собственно, сам браузер. Присутствует многоязычная и русскоязычная версии инсталляторов. Доступен отдельно русский инсталятор, который уже «нафарширован» под нашего потребителя. Если в интернациональный вариант включены ссылки на популярные зарубежные сайты, то в локализированный вариант в избранном содержит интернет магазин, популярный почтовый сервис и ссылку на «Вконтакте». В версии 10.50 улучшена поддержка операционной системы Windows 7, обновлен встроенный движок, отвечающий за исполнение javaScript, добавлена новая панель и меню, которые вызывают наиболее часто используемые функции. Была добавлена новая версия движка Opera Presto версии 2.5 с поддержкой виджетов, который позволяет значительно повысить производительность при работе со страницами, а также последними web-технологиями. Вслед за недавним выходом финальной версии Opera 10.52 выпущено обновление, исправляющее несколько ошибок.
Эта версия исправляет серьезную уязвимость в безопасности программы, благодаря которой злоумышленник мог сформировать специальную страницу, с помощью которой возможно выполнить произвольный код. Помимо этого, исправлена ошибка, связанная с dialog.ini и зависание при работе с сервисом Google Maps.Opera - это популярнейший браузер от разработчиков из холодной Норвегии. Имеет собственное, весьма шустрое ядро, благодаря которому способен очень быстро обрабатывать страницы. По сравнению с Internet Explorer , Опера работает гораздо быстрее. Более того, разработчики называют свой браузер самым быстрым в мире, что возможно и спорно, но очень даже близко к истине.Быстрый рендеринг страниц не единственное достоинство Оперы. В арсенале программы имеется куча всевозможных функций как на прямую связанных с отображением страниц, так и дополнительных: клиент для P2P-сети BitTorrent; простенький менеджер загрузки файлов; IRC-клиент; RSS-клиент; система виджетов (небольшие приложения типа всяких календариков, калькуляторов, записных книжек и т. д. в таком духе), сервис обмена данными Opera Unite и т. д.

Internet Explorer 8 построен на основе нового движка и имеет массу преимуществ перед предыдущими версиями. Браузер уже не выглядит так кисло на фоне конкурентов, как это было с 7-й версией, и вполне способен удовлетворить запросы большинства пользователей. Новый движок гораздо быстрее загружает и отрисовывает веб-страницы и лучше совместим с новыми технологиями. Значительно доработана поддержка веб-стандартов и улучшена обработка HTML, CSS (с полной поддержкой CSS 2.1) и JavaScript.Среди самых заметных новых функций стоит отметить: Веб-фрагменты (Web Slices) - это специальные расширения позволяющие подписаться на получение разного рода информации с сайтов (новости, погода, результаты соревнований, торги на бирже, лоты на eBay и всякое прочее).Ускорители (Accelerators) - обеспечивают взаимодействие с разными сервисами для быстрого доступа к полезной информации типа средств поиска, карт, почты, блогов… К примеру, можно выделить какое-нибудь географическое название на сайте и в один клик увидеть его расположение на карте. Или, например, быстро осуществить перевод на другой язык. И прочее в таком вот духе.Автоматическое восстановление после сбоев (Automatic Crash Recovery) - теперь сбой одного таба не влияет на остальные. В случае сбоя пострадавшая вкладка будет восстановлена.Также в Internet Explorer 8 имеется масса прочих функциональных улучшений: мощная система поиска, улучшенная панель с избранным, группировка связанных вкладок, расширенные возможности масштабирования страницы, улучшенный поиск по странице с маркировкой каждого экземпляра искомого слова или фразы, интеллектуальная адресная строка и много прочих усовершенствований.Разумеется, в новинке много внимания уделено безопасности и конфиденциальности. В программу внесен ряд внутренних улучшений для обеспечения безопасной работы. Среди внешних улучшений необходимо отметить новый режим InPrivate, который обеспечивает конфиденциальность при покупках через интернет, а улучшенный фильтр SmartScreen защищает от нехороших сайтов стремящихся тем или иным способом навредить или того хуже облапошить пользователя. Также SmartScreen содержит средства для защиты от шпионского и рекламного ПО. Еще одним приятным нововведением является функция выделения домена в адресной строке, благодаря чему всегда ясно на каком именно сайте находится пользователь.Microsoft не забыла и разработчиков включив в состав Internet Explorer 8 набор специальных средств для работы с кодом. Набор разработчика предоставляет удобные функции для работы с кодом, быструю обработку Javascript и профайлер JavaScript.SLO.ru рекомендует пользоваться специальной версией со встроенным поиском от Яндекс. Дело в том, что некоторые функции (быстрый доступ к поиску, картам, товарам, погоде…) оригинальной версии заточены под сервисы от Microsoft, которые в рунете просто-напросто неактуальны. В Яндекс-версии эти фишки заменены родными и полезными функциями от Яндекс.

Что такое 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. Кнопка «Вверх страницы » может помочь посетителям быстро вернуться к верхней части веб-страницы, чтобы получить доступ к ссылкам меню.

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

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

Тема 3.3: Прикладные программы для создания Веб-сайтов

Тема 3.4: Применение Интернет в экономике и защита информации

Глобальные компьютерные сети

3.2. Сетевые технологии. Глобальные сети и технологии глобальных сетей

3.2.5. Прикладные программы просмотра Web-страниц

Суть системы World Wide Web (WWW) состоит в применении гипертекстовой модели к информационным ресурсам, распределенным в глобальной сети. WWW - один из видов сервиса Интернет. WWW предоставляет возможность работы с документами, в которых объединены текст, графические изображения, звуки, анимация, что значительно облегчает восприятие информации. Гипертекстовые документы (Web-страницы) создаются с помощью специального языка разметки гипертекста HTML (Hyper Text Markup Language).

Система WWW работает по принципу клиент-сервер. Клиент – это интерпретатор HTML, специальная программу просмотра, называемая WWW-браузер (WWW-browser). WWW-браузер - это прикладная программа, которая взаимодействует с системой WWW, получает затребованные документы, интерпретирует данные и отображает содержание документов на экране. Программа клиент обеспечивает доступ практически ко всем информационным ресурсам Интернет, которые хранятся на серверах.

Для работы с системой WWW необходимо установить на своем компьютере одну из программ просмотра Web-страниц, например, Internet Explorer, Mozilla Firefox, MyIE Web Browser, Opera и т.д. Большинство браузеров предоставляют доступ к другим серверам Интернета: к FTP-серверам, Gopher-серверам и серверам телеконференций UseNet.

Обозреватель Internet Explorer

Программа Internet Explorer устанавливается вместе с инсталляцией Windows и на рабочем столе появляется значок обозревателя Internet Explorer. Этот значок может использоваться для запуска программы Internet Explorer. После запуска программы просмотра Web-страниц Internet Explorer на экране появится окно обозревателя.


Рис. 1.

Окно программы просмотра или обозревателя Internet Explorer содержит:

  • строку меню;
  • три панели инструментов: Обычные кнопки, Адресная строка, Ссылки;
  • строку состояния.

Панель Обычные кнопки содержит все основные кнопки управления обозревателем. Панели Адрес и Ссылки используются для указания адреса загружаемой Web-страницы.

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

Для перехода на Web-страницы можно использовать:

  • гиперссылки, содержащиеся в открытой странице;
  • панель Адрес, на которой вводится адрес требуемой Web-страницы;
  • панели Ссылки и Избранное.

Использование гиперссылок

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

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

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

Использование адреса Web-страницы

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

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

В панель Адрес можно вводить URL страницы непосредственно с клавиатуры. При вводе адреса вы можете не вводить начальную часть адреса http://www, так как обозреватель добавит ее сам.

Первоначально в папках Ссылки и Избранное надо сохранить адреса отобранных Вами Web-страниц. Необходимо отметить, что папка Ссылки является вложенной в папку Избранное. Для сохранения адреса открытой Web-страницы необходимо щелкнуть мышью на меню Избранное и выбрать команду Добавить в Избранное.

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

Перемещение по Web-странице

Если вас не удовлетворяет скорость загрузки Web-страниц, вы можете отменить вывод графической информации.

Для этого выполните следующие действия:

  1. Выполните команду Свойства обозревателя меню Сервис.
  2. В диалоговом окне Свойства обозревателя перейдите на вкладку Дополнительно.
  3. В разделе Мультимедиа снимите флажок Отображать рисунки.

Изменение вида кодировки web - страницы

Если вид кодировки страницы не совпадает с установленной кодировкой в обозревателе, вы увидите бессмысленный набор символов, то установите требуемый вид кодировки с помощью команды Вид / Кодировка. Наиболее распространенными видами кодировки русскоязычного текста являются Кириллица (КОИ8) и Кириллица (Windows).

Сохранение Web-страницы и ее фрагментов

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

Сохранение Web-страницы

Для сохранения Web-страницы выполните следующие действия:

  1. Выберите команду Файл / Сохранить как, откроется диалоговое окно Сохранение веб-страницы.
  2. Выберите папку и задайте имя создаваемого файла.
  3. В поле Тип файла укажите тип сохраняемых данных:
    • веб-страница, полностью - применяется для сохранения всей страницы целиком;
    • веб-архив, один файл - вся Web-страница сохранится в виде одного файла;
    • веб-страница, только HTML – используется для сохранения только HTML-документа без рисунков и других файлов;
    • текстовый файл – для сохранения Web-страницы в обычном текстовом формате.
  4. Нажмите кнопку Сохранить.

Сохранение фрагментов текста и рисунков Web-страницы

Для сохранения фрагмента текста выделите его и нажмите правую кнопку мыши. Откроется контекстное меню, из которого выберите команду Копировать, фрагмент сохранится во временном буфере обмена Windows. Теперь его можно вставить, например, в документ Word.

Для копирования рисунка с Web-страницы установите курсор на рисунок, и нажмите правую кнопку мыши. Затем из контекстного меню выберите команду "Копировать изображение".

Рисунок можно сохранить в виде отдельного файла. Для этого из контекстного меню рисунка выполните команду "Сохранить изображение как". При сохранении рисунка вы можете выбрать тип файла, совпадающий с типом рисунка, или сохранить рисунок в формате bmp.