Текст книги "Интернет для отдыха и работы. Самоучитель"

Программа Netscape Communicator (Navigator) довольно похожа на Microsoft Internet Explorer, и если у вас будет установлен Netscape Communicator (рис. 1.19), то научиться работать с ним также не составит труда.

Рис. 1.19. Окно программы Netscape Communicator

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

Рис. 1.20. Настроенные соединения в программе «Сеть и удаленный доступ к сети»

Щелкните дважды на значке с именем вашего провайдера (MTU) и в появившемся диалоговом окне нажмите кнопку Вызов. На экране появится окно, показанное на рис. 1.21, а также вы услышите характерный звук набора номера (если у вашего модема включен динамик).

Рис. 1.21. Набор номера

Если номер занят, то на экране появится окно с сообщением об ошибке (рис. 1.22). Вам придется повторить попытку.

Рис. 1.22. Ошибка набора номера

В итоге трубку «возьмет» модем провайдера и будет в течение нескольких секунд «договариваться» с вашим модемом. Он проверит пароль и имя пользователя, и если ему все понравится, то «пустит» вас в Сеть. Если вдруг вас постигла неудача – внимательно проверьте настройки номера телефона, имени пользователя и пароля, возможно, вы просто допустили опечатку.

Итак, вы в Сети, а программа Internet Explorer уже загружена. Продолжаем следовать указаниям на нашей карточке. В строке Адрес напишите reg.mtu.ru. Обязательно нажмите клавишу Enter на клавиатуре или кнопку Переход в конце адресной строки. Подождите, пока загрузится страница. Обратите внимание на изображение вращающегося земного шара (в верхнем правом углу экрана). Этот рисунок означает, что идет процесс загрузки. Если вы ошиблись и видите, что грузится не та страница, то нажмите кнопку Остановить.

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

СОВЕТ

Лучше не нажимать кнопку Избранное на панели инструментов, а выбрать команду Избранное в меню. В этом случае раскрывающееся меню Избранное будет убрано с экрана автоматически после завершения операции.

Рис. 1.23. Первый шаг регистрации на сервере провайдера

Выберите команду меню Избранное ► Добавить в избранное и щелкните на кнопке OK.

Мы попали в раздел Новый пользователь и должны следовать инструкциям на страницах сайта провайдера (рис. 1.23). Обязательно ознакомьтесь с текстом договора. Подведите указатель мыши к соответствующей ссылке, и когда увидите, что курсор превратился из стрелочки в руку, нажмите левую кнопку мыши. Ознакомьтесь с текстом и вернитесь назад с помощью кнопки Назад в левом верхнем углу панели инструментов обозревателя. Далее установите флажок С текстом Договора ознакомлен и принимаю все его положения и нажмите кнопку OK.

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

Рис. 1.24. Второй шаг регистрации на сервере провайдера

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

Рис. 1.25. Третий шаг регистрации на сервере провайдера

Рис. 1.26. Активация карты на сервере провайдера

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

Рис. 1.27. Регистрация электронного адреса на сервере провайдера

СОВЕТ

Внимательно изучите информацию на данной странице.

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

Настройте новое соединение в программе Сеть и удаленный доступ к сети с вашим собственным паролем и именем пользователя. Для удобства мы назвали это соединение MTU-14.12.04 (название провайдера и дата регистрации). Вы можете дать соединению любое имя, удобное вам.

Обратите внимание на то, что при вводе пароля вы видите на экране не буквы и цифры, которые дал вам ваш провайдер, а символы *. Это сделано специально, чтобы никто не смог воспользоваться вашим паролем, посмотрев на экран.

Соединитесь с Интернетом, введите в адресной строке адрес информационного сайта вашего провайдера (http://www.mtu.ru), ознакомьтесь с его услугами. Не поленитесь внимательно изучить представленную там информацию, она вам очень пригодится! Если вы хотите просмотреть вашу статистику, для этого вам нужно на сайте провайдера найти Личный кабинет пользователя (рис. 1.28). Попасть в него можно разными путями:

■ путешествуя по ссылкам на сайте провайдера, вы найдете ссылку Личный кабинет (варианты: Для абонентов…, Пользователям… и т. д.);

■ набрав точный URL-адрес (для MTU – http://dialup.mtu.ru).

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

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

Рис. 1.28. Вход на сервер статистики

Бродим по Паутине

Ваш визит на сайт провайдера – это ваш первый шаг на пути освоения мощного информационного сервиса, возникновение которого в начале 90-х годов прошлого века стало своеобразной революцией в развитии Интернета. Исследователи Европейской лаборатории физики элементарных частиц (European Particle Physics Laboratory, СERN) в Женеве, физики Тим Бернерс-Ли (Tim Berners-Lee) и Роберт Кайо (Robert Cailliau) решили создать такую систему, которая позволяла бы всем ученым-физикам обмениваться результатами своих исследований в виде иллюстрированного текста, включающего ссылки на другие публикации, аудио– и видеофрагменты. Глобальность этой системы предполагала, что данные будут распространяться по всему миру, а основой станет всемирная сеть Интернет. Эта система была впервые задействована в декабре 1990 г. и дорабатывалась вплоть до 1993 г. За это время также было разработано основное правило для работы этой службы, или гипертекстовый протокол передачи данных (HTTP).

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

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

Служба World Wide Web и программа просмотра веб-страниц Mosaic сразу сделали сеть Интернет привлекательной и способствовали росту ее популярности.

В настоящее время самыми популярными программами просмотра веб-страниц являются Internet Explorer корпорации Microsoft и Netscape Navigator корпорации Netscape Communication. С этими конкурирующими программами мы с вами уже успели познакомиться.

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

Самым главным в способе представления мультимедийной информации, той изюминкой, которая сразу отличает документы Всемирной паутины, является гипертекст. Что это такое? Гипертекст или гипертекстовые ссылки связывают различные веб-страницы, находящиеся в структуре одного документа или на других серверах, помогают осуществить навигацию по Всемирной паутине, или переходы по ссылкам на другие страницы. Родоначальником собственно гипертекста был Ванневар Буш (Vannevar Bush) (1890–1974), научный советник президента Ф. Д. Рузвельта. Он предложил гипертекстовую концепцию системы Memex еще в 40-е годы прошлого века. В 60-е годы над этой технологией работали Даглас Энгельбарт и Теодор Нельсон. Термин «гипертекст» был предложен Нельсоном в 1987 г. Он дал такое определение: «Гипертекст – это форма письма, которое ветвится и осуществляется по запросу». Ну а затем этот принцип так удачно воплотился в World Wide Web.

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

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

Итак, мы с вами выяснили (и, скорее всего, вы уже попробовали это сделать на практике, изучая информационный сайт вашего провайдера), что переходы на другие веб-страницы в системе WWW осуществляются с помощью выбора указателем мыши выделенного цветом и подчеркнутого текста или рисунков, называемых ссылками, содержащих внедренные в них веб-адреса URL (Universal Resource Locator – универсальный указатель ресурса). URL-адрес документа в Интернете состоит из указателя на тип ресурса или имени коммуникационного протокола передачи данных, за которым следует двоеточие и две косые черты (слэша), затем идет доменное имя компьютера и имя конкретного файла в структуре каталогов этой машины, например http://www.apteka.ru/drugs.php3. Доменное имя, в свою очередь, состоит из имени сервера (компьютера, хранящего информацию) www, который входит в домен второго уровня apteka, входящий в домен первого уровня ru (ru – Россия).

URL-адреса сами по себе уже несут определенную информацию. Как вы думаете, какая информация может содержаться на сайте, имеющего адрес http://www.apteka.ru? А http://www.deti.ru, http://www.sadovod.ru, http://www.stroyka.ru? Или http://www.auto.ru? То есть самый простой способ поиска нужной информации в Интернете – ввод адреса (обязательно латинскими буквами!) со словами, говорящими о вашей заинтересованности в той или иной теме.

Рис. 1.29. Ссылки на сайте Аптека.ru

В качестве примера напишите в адресной строке программы Internet Explorer адрес http://www.apteka.ru и нажмите кнопку Enter (рис. 1.29). При выборе ссылки выполняется переход на определенную страницу конкретного веб-сайта. Например, нам надо перейти по ссылке Описание лекарств в общем разделе. Подведите указатель мыши к соответствующей надписи и посмотрите на строку состояния, находящуюся внизу окна Internet Explorer. Там вы увидите URL-адрес страницы Описание лекарств – http://www.apteka.ru/drugs.php3.

Перейдите на указанную страницу и посмотрите на адресную строку. В ней отобразится URL-адрес данной страницы. Перейдите на другие страницы на сайте и обратите внимание на то, как меняются URL-адреса в адресной строке.

Попробуйте ввести различные «говорящие» адреса сайтов, загрузите их и занесите в Избранное понравившиеся вам.

В принципе, то, что вы видите в адресной строке, является средством навигации, говорящим вам о том, где вы находитесь в URL-структуре. Такая навигация называется навигацией по URL.

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

На самом деле сайт может быть очень красивым, но совершенно бестолковым в смысле передвижения по нему. Это очень затрудняет как работу с ним, так и восприятие представленной на нем информации. Конечно же, существуют огромные сайты с хорошо продуманной навигацией. Они состоят из тысячи страниц, путешествовать по которым – одно удовольствие. А есть маленькие сайты в 20-30 страниц, в которых вы теряетесь, зайдя вглубь по двум-трем ссылкам. К сожалению, в Интернете еще очень и очень много сайтов с плохо организованной навигацией.

Главная, или начальная, страница веб-сайта представляет собой исходную точку для сайта, она подобна обложке или содержанию книги. Когда вы заходите на тот или иной сайт, то вы видите только первую страницу: что следует за ней – загадка. Для удобства восприятия информации она должна быть максимально информативной, чтобы человек мог сразу понять, куда он попал. Это так называемая центральная навигация. Пример центральной навигации можно найти на сайтах информационно-поисковых систем и новостных веб-изданий, таких как:

■ Yandex (http://www.yandex.ru);

■ РосБизнес Консалтинг (http://www.rbc.ru);

■ Lenta.ru (http://www.lenta.ru) и т. д.

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

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

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

Гораздо удобнее, если на каждой странице определенного сайта находится главное меню. Это так называемая глобальная навигация. Она включает в себя ссылки на те разделы, которые должны быть доступны с любой страницы сайта (Главная, Контакты и все основные разделы сайта). Главное меню может располагаться слева или сверху, а может быть справа или снизу. Переход из одного раздела в другой в главном меню осуществляется без возврата на главную страницу. Это позволяет просмотреть не все разделы сайта, а только те, которые вас интересуют. Если главное меню сделано с помощью графических кнопок, то обычно все эти кнопки имеют альтернативный текст, поэтому вы все равно увидите гипертекстовые ссылки в главном меню, даже если отключите загрузку картинок (см. приложение). Зачастую графические кнопки дублируются обычным текстовым меню – вам надо только внимательно смотреть на экран. Главное меню может быть всегда перед глазами, если сайт сделан в так называемой фреймовой структуре. В качестве примера очень советуем вам рассмотреть сайт Школьный сектор. Напишите в адресной строке программы Internet Explorer адрес http://www.school-sector.relarn.ru и нажмите клавишу Enter (рис. 1.30). Вы увидите:

Рис. 1.30. Школьный сектор Интернета

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

■ обычную структуру с главным меню в заголовке (страница для учителей с проводником – сторожем Ефимычем);

■ фреймовую структуру, постоянно остающуюся на экране перед вашими глазами, как бы вы не прокручивали ролик полосы прокрутки (страница для тинейджеров с проводником Таней);

■ графическое меню (страница борца за права детей Пети);

■ карту сайта, показывающую все разделы и подразделы сайта.

Карта сайта – это очень удобный элемент навигации. В большинстве случаев она содержит еще и краткие описания или аннотации к тому или иному разделу и быстро сориентирует вас на сайте.

Давайте рассмотрим основные стандартные элементы сайта (рис. 1.31). Их количество, форма реализации и место расположения зависят от многих факторов: цель и задачи сайта, дизайнерское решение, концептуальная схема, объем материала, умения веб-мастера и т. д.

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

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

Рис. 1.31. Основные элементы сайта

3. Также на основном экране (сверху в правом или левом углу) располагается графический логотип, который идентифицирует фирму, организацию, человека и т. д.

4. Навигационные элементы:

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

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

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

□ навигация, обеспечиваемая при помощи раскрывающегося меню или списка (раскрывающаяся навигация). Используется для экономии места, а также в тех случаях, когда надо представить раздел для навигации, который слишком объемен, чтобы разместить его на одной странице в виде обычного гипертекста. Такая навигация может быть сделана в виде обычного интерфейсного раскрывающегося меню, а может быть создана с помощью специальных Flash– и Java-объектов;

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

□ внешние ссылки по той же теме, что и сам сайт (тематическая навигация). Такие ссылки присутствуют обычно в конце документа или на специальной странице. Они дают выборку документов по той же тематике, которые попадают в ту же категорию, что и представленный документ или веб-сайт;

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

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

5. Графика – оформление текстовой информации (картинки, кнопки, разделительные линии, стрелочки и т. д). Может быть везде.

6. Собственно информация, ради которой сайт и создан. Занимает основную часть страницы.

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

8. Сообщение о защите авторского права, или «копирайт». Говорит вам о том, что материалы сайта защищены законом об авторском праве. Может быть внизу страницы, во фрейме или после разделов главного меню.

9. Счетчик посещений. Указывает число посетителей сайта и предоставляет доступ к статистике посещений. Располагается также внизу страницы или после разделов главного меню.

10. Баннер. Рекламная графическая вставка определенного размера (чаще всего 468 х 60 пикселов). При щелчке на нем вы попадаете на другой сайт. Располагается внизу, вверху, а зачастую и посередине страницы.

11. Байрик. То же, что и баннер, но меньшего размера (примерно 88 х 31 пикселов). Располагается внизу или вверху страницы, под кнопками главного меню, слева или справа. Также отправляет вас на другой сайт.