Web-пространство Интернета (на начало урока 7)
Регистрационная метка
Выходим в Интернет (на оглавление книги)

Практикум по Вики (рекомендации по проведению)

На этой странице:

Методические комментарии

Практикум “Настройка браузера”

Основная цель практикума — установить в качестве домашней специальную страницу start.htm, расположенную на локальном диске компьютера.

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

Чтобы не испортить шаблон домашней страницы в поставке книги, лучше скопировать его каталог (./net/work/unit07/start/) в другое место, например, в корень диска с.

Этот новый адрес (c:/start/) можно сообщать ученикам, выполняющим задания практикума.

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

Инструкция по редактированию файла start.js вызывается щелчком на ссылке Справка, расположенной рядом с логотипом домашней страницы:

Вид домашней странички (редактировать эту копию не рекомендуется!)

Практикум “Техника работы с браузером”

Цель практикума: освоить основные приёмы работы с браузером (Microsoft Internet Explorer).

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

Результаты можно проверить, посмотрев на созданные учениками файлы в каталоге work:

Номер Задание Результат
1 Сохранение всего текста со страницы сайта name1.txt
2 Сохранение фрагмента текста со страницы сайта name2.txt
3 Сохранение картинки с сайта monkey.gif
4 Сохранение страницы сайта author.htm
5 Закладка на страницу в браузере ученика
6 Посылка письма с сайта letter.txt
7 Посылка формы с сайта forma.txt

Перед выполнением заданий практикума ученика должны ознакомиться с материалом раздела FAQ.

Практикум “Устройство сайта”

Цель практикума: усвоить название и расположение в окне браузера основных элементов страницы сайта.

Работа считается успешно выполненной, когда ученик демонстрирует окно Практикума, в котором все поля Результат заполнены сообщением “верно”.

Практикум “Виртуальная экскурсия по Web”

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

По крайней мере в русской части Интернета, такой поиск оказался не простым делом. К грамотно выполненным сайтам можно отнести продукцию студии Артемия Лебедева (портфолио сайтов студии приводится на странице www.artlebedev.ru/portfolio/web/).

Практикум предлагает совершить экскурсию на два сайта:

Номер Сайт Комментарий
1 Сайт компании Nokia
www.nokia.ru
Разработка студии Лебедева
2 Сайт города Санкт-Петербурга
www.st-petersburg.ru
Разработка студии Лебедева

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

Вот небольшой набор запасных ссылок:

Номер Сайт Комментарий
1 Сайт сети магазинов “Копейка”
www.kopeyka.ru
Разработка студии Лебедева
2 Сайт издательского центра “Академия”
www.academia-moscow.ru
Разработка студии Лебедева
3 Внешторгбанк
www.vtb.ru/rus/
Разработка студии Лебедева

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

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

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

Вопросы

Смысл терминов

Объясните смысл следующих терминов:

  1. Web, WWW, Паутина

    Ответ. Web, WWW, Паутина — так называют множество сайтов в Интернете (гипертекстовое пространство Интернета).

    WWW — это аббревиатура от World Wide Web — всемирная паутина. Последнее слово Web переводится русским словом “паутина”.

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

  2. HTTP

    Ответ. HTTP (Hyper Text Transfer Protocol, протокол обмена гипертекстовой информацией) — прикладной протокол, по которому работает Web.

  3. Сайт

    Ответ. Сайт (site — место, синонимы: Веб-сайт, Веб-ресурс) — совокупность гипертекстовых страниц, объединённых одним доменным адресом (В Интернете: адресом сервера, на котором они расположены), темой, логической структурой, оформлением и авторством.

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

    Адрес сайта записывается в виде полного или сокращённого URL (Uniform Resourse Locator, дословно: унифицированный указатель ресурса).

    Страницы сайта располагаются на сервере Интернета (Web-сервере).

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

  4. Структура сайта

    Ответ. Структура сайта — это способ организации гипертекстовых связей между его страницами.

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

  5. Карта сайта

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

  6. HTML

    Ответ. Гипертекстовые страницы, которые составляют сайт, записываются на специальном языке HTML (HyperText Markup Language) — язык гипертекстовой разметки.

  7. Браузер

    Ответ. Браузер (browser) — специальное компьютерное приложение для просмотра гипертекстовых страниц (в том числе страниц сайта в Интернете).

  8. URL

    Ответ. URL (Uniform Resourse Locator, дословно: унифицированный указатель ресурса) — единообразный способ адресации ресурсов в сети (см. Читальный зал урока 2).

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

    Для записи URL используется следующая формула:

    имя_протокола:описание_ресурса

    Например, ссылка на главную страницу Яндекса (крупнейшая российская поисковая система) записывается так:

    http://www.yandex.ru

  9. Гиперссылка

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

    Гипертекстовый переход выполняется по тому URL, на который закодирована гиперссылка.

    Если в коде гиперссылки указан URL с протоколом, отличным от HTTP, браузер выполняет соответствующие действия: открывает почтовую программу, программу для работы в режиме удалённого терминала (по протоколу Telnet), копирует файл (по протоколу FTP)…

  10. Гипертекстовая страница

    Ответ. Гипертекстовая страница — это электронная страница, закодированная на языке гипертекстовой разметки, таком, как HTML.

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

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

    А вот не картинка, а рабочий пример:

    Переход на новую страницу

    Для отображения гипертекстовой страницы может потребоваться не только файл с HTML-кодом (расширение htm или html), но и вспомогательные файлы, содержащие картинки (расширения: gif, jpg, png), флеш-объекты (расширение swf), скрипты (программы, расширение js или vbs), стили (описание свойств элементов на странице, расширение css), файлы с музыкой, видео, текстом и другие файлы.

  11. Навигационные средства сайта

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

    К навигационным средствам сайта относятся: меню сайта, меню страницы, меню “хлебные крошки”, логотип (является ссылкой на начальную страницу на всех страницах, кроме начальной) и отдельные гиперссылки на странице:

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

  12. Внутренние, внешние и внутристраничные ссылки

    Ответ. Внутренняя гиперссылка — это ссылка на другую страницу текущего сайта.

    Внешняя гиперссылка — это ссылка на другой сайт.

    Внутристраничная гиперссылка — это ссылка на другую часть текущей страницы.

  13. Текстовые и графические ссылки

    Ответ. Текстовая гиперссылка — это фрагмент текста, щелчок на котором приводит к гипертекстовому переходу. Курсор на текстовой гиперссылке (как и на графической) принимает форму “указующего перста”. Текстовая гиперссылка обычно выделяется на странице цветом и подчёркиванием (иногда только в момент зависания над ссылкой курсора).

    Переход на локальную копию роботландского сайта

    Графическая гиперссылка — это картинка, щелчок на которой приводит к гипертекстовому переходу. Признаком картинки-ссылки является изменение на ней формы курсора на “указующий перст”.

    Цыплёнок босиком

  14. Альтернативный текст

    Ответ. Альтернативный текст — это текст, который записывается на место картинки при её отсутствии на странице. В некоторых браузерах альтернативный текст “всплывает” на экран в момент зависания мышиного курсора над картинкой.

    Калькулятор

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

    Калькулятор

  15. Графическая гипертекстовая карта

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

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

    Монитор Мышь Клавиатура Системный блок

Вверх

Ответы на вопросы

Ответьте на следующие вопросы:

  1. Почему гипертекстовое пространство Интернета называют Паутиной?

    Ответ. Гипертекстовое пространство Интернета называют Паутиной, так как многочисленные гипертекстовые связи его страниц повторяют ячеистую топологию сети.

    Русский термин Паутина является переводом английского слова Web, входящего в состав фразы World Wide Web (дословно: всемирная обширная паутина), породившей аббревиатуру WWW.

  2. По какому протоколу работает сервис WWW?

    Ответ. Это сервис работает по протоколу HTTP (HyperText Transfer Protocol — протокол обмена гипертекстовой информацией).

  3. Какие задачи решает сайт?

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

  4. Где располагаются сайты?

    Ответ. Сайты располагаются на серверах Интернета. Такой сервер называется Web-сервером.

  5. Что понимается под адресом сайта?

    Ответ. Под адресом сайта сайта понимают URL его начальной (стартовой, домашней) страницы.

    Пример:

    http://www.yandex.ru/index.html

    В качестве адреса сайта часто указывают сокращённый вариант (без имени протокола и стартового HTML-файла):

    Пример:

    www.yandex.ru

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

  6. Имеет ли значение регистр в адресе сайта?

    Ответ. В записи протокола и доменного имени регистр значения не имеет, в остальной части URL-адреса он важен.

    Верные адреса:

    http://www.botik.ru/~robot/ru/index.htm
    HTTP://WWW.Botik.ru/~robot/ru/index.htm

    Адреса с ошибками:

    http://www.botik.ru/~robot/Ru/index.htm
    http://www.botik.ru/~robot/ru/Index.htm
    http://www.botik.ru/~robot/ru/index.HTM


  7. Как сайты попадают в Интернет?

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

  8. Как увидеть сайт, расположенный в Интернете? Какие процессы при этом будут задействованы?

    Ответ.

    Просмотр сайта выполняется следующим образом:

    1. Пользователь запускает браузер и набирает в его адресном поле адрес сайта.



    2. Браузер по протоколу HTTP передаёт серверу запрос на копирование страницы.



    3. Сервер по протоколу HTTP пересылает файл с кодом страницы на машину пользователя.



    4. Браузер интерпретирует код, то есть следуя его указаниям, строит страницу на экране.


  9. Как выглядит гиперссылка на странице сайта?

    Ответ. Гиперссылкой может быть фрагмент текста или картинка.

    Текстовая ссылка обычно подчёркивается и выделяется цветом. Иногда подчёркивание и (или) цвет возникают при попадании на ссылку мышиного курсора:

    Переход к другому документу

    Ссылка-картинка часто тоже меняет свой вид, когда курсор расположен над ней:

    Пример ссылки-картинки

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

    Пример 1

    Пример 2

    Корней Чуковский






  10. Что происходит с курсором при попадании на гиперссылку?

    Ответ. Форма курсора меняется на “указующий перст”.

    Цыплёнок босиком

  11. Всегда ли при щелчке на гиперссылке браузер загружает в окно другую страницу?

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

  12. Опишите варианты действий браузера при щелчке по гиперссылке.

    Ответ. Варианты действий браузера, задаваемых гиперссылкой:

    • Запуск приложения
    • Копирование файла по протоколу FTP
    • Загрузка страницы в текущее окно
      • Загрузка страницы текущего сайта
      • Загрузка страницы другого сайта
    • Загрузка страницы в новое окно
      • Загрузка страницы текущего сайта
      • Загрузка страницы другого сайта
    • Переход внутри текущей страницы
    • Загрузка страницы с сообщением об ошибке адреса

    Переход на страницу с испытателями

  13. Какие браузеры популярны сейчас в Интернете?

    Ответ. На время написания этих строк рейтинг браузеров выглядит так:

    1. Microsoft Internet Explorer (более 80% пользователей)
    2. FireFox, Opera
    3. Mozilla
    4. Netscape Navigator
    5. Другие браузеры (Konqueror, Gecko, Nutscrape, Galeon, DISCo Pump, IBrowse, OmniWeb, Offline Explorer, Lynx…)


  14. Из каких элементов состоит окно браузера?

    Ответ. При запуске браузера открывается окно, которое содержит:

    • заголовок окна;
    • главное меню;
    • панель инструментов;
    • панель адреса (адресную строку, или строку адреса);
    • рабочую область окна (в ней отображается web-страница);
    • строку состояния.



  15. Как выглядит адрес сайта?

    Ответ. Адрес сайта задаётся в виде URL его начальной (главной, стартовой) страницы.

    Например, ссылка на главную страницу сайта ГРАМОТА.РУ выглядит так:

    http://www.gramota.ru/index.html

    Здесь:

    • http — имя протокола;
    • www — домен нижнего уровня, который выбран владельцем домена gramota.ru для своего сайта;
    • gramota.ru — доменное имя сервера;
    • index.html — файл, содержащий HTML-код начальный страницы сайта.

    Можно указывать адрес без имени протокола и без названия стартовой страницы:

    www.gramota.ru

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

    Имя протокола браузер дописывает автоматически, а стартовый файл выбирает сервер, руководствуясь принятыми на этом сервере соглашениями (стартовые файлы чаще всего имеют имена: index.html, welcome.html, main.html, default.html).

    Обычно (но не всегда) работает и адрес, введённый без указания домена www:

    gramota.ru

  16. Как загрузить сайт в браузер из Интернета?

    Ответ. Нужно записать адрес сайта в адресную строке браузера и щёлкнуть на кнопке Переход (или нажать клавишу Enter).

    Для ввода адреса нужно щёлкнуть на адресной строке и набрать на клавиатуре URL документа (полный или сокращённый), например, www.botik.ru/~robot (адрес Роботландского сайта). Однако ручной набор выполняется только в крайнем случае — велика вероятность ошибки. Лучше копировать адрес из источника в адресную строку через буфер обмена Windows.



  17. Как загрузить сайт в браузер с жёсткого диска компьютера?

    Ответ. В адресной строке браузера можно записать обычный дисковый путь к стартовой страничке сайта, например:

    D:/azinf/index.htm

    Запуск сайта с жёсткого диска можно выполнить также через меню кнопки Пуск панели задач Windows (Пуск/Выполнить/Обзор).

    Стартовую страничку сайта можно запустить щелчком из Проводника Windows.

    Загрузить сайт в браузер можно клавишей Enter в окне программы Far (или другого проводника, подобного Norton Commander), если подсвечена строка стартового htm-файла.



  18. Что означает смена цвета гиперссылки при работе в браузере?

    Ответ. Смена цвета гиперссылки показывает либо начало загрузки документа (сразу после щелчка), либо отмечает уже посещённые страницы.



  19. Как работают кнопки браузера Вперёд и Назад?

    Ответ. Браузер запоминает “историю переходов” — цепочку адресов загружаемых страниц. Кнопки Вперёд и Назад позволяют “перемещаться” по этой цепочке в обоих направлениях.

  20. Как работает кнопка браузера Остановить?

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

  21. Как работает кнопка браузера Обновить?

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

  22. Как работает кнопка браузера Избранное?

    Ответ. Кнопка Избранное позволяет добавить закладку на текущую страницу или загрузить документ по имеющейся закладке.

  23. Как работает кнопка браузера Домой?

    Ответ. Кнопка загружает в браузер “домашнюю” страницу (ту, которая указана в качестве домашней в настройках браузера)

  24. Что понимается под “домашней” страницей в настройках браузера и почему в качестве “домашней” страницы лучше указывать специальную страницу на жёстком диске компьютера?

    Ответ. Домашняя страница — это та страница, которую браузер автоматически загружает при запуске и на которую переходит по кнопке Домой.

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

  25. От чего зависит стоимость просмотра сайта?

    Ответ. Стоимость просмотра сайта определяется сетевым трафиком, то есть объёмом файлов, которые копируются с сервера на машину пользователя для показа гипертекстовых страниц.

    Файл с кодом HTML обычно невелик. Основной трафик создают файлы с картинками, анимацией, видео, музыкальные файлы.

  26. Как, используя настройки браузера, сэкономить время просмотра сайтов и уменьшить плату за доступ в Интернет?

    Ответ. Если вас интересует только текстовая информация страницы, снимите флажки типа Воспроизводить видео, Отображать рисунки в разделе Мультимедиа на вкладке Дополнительно в окне настроек браузера:



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

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

  28. Какое назначение имеют отдельные элементы сайта, и в каком месте на странице находятся эти элементы (заголовок окна, логотип, заголовок сайта, заголовок страницы, горизонтальное меню, вертикальное меню, “хлебные крошки”, адрес для связи с авторами сайта)?

    Ответ. Типовые интерфейсные элементы страницы сайта показаны на рисунке:

    Ниже приводится описание этих элементов.

    • Заголовок сайта. Называет сайт, располагается в самом верху страницы. Присутствует на всех страницах сайта, а не только на начальной. Отвечает на вопрос “где я?”

    • Логотип. Является пиктограммой сайта. Расположен, как правило, в левом верхнем углу страницы. На всех страницах, кроме начальной, является ссылкой на начальную страницу сайта. Отвечает на вопрос “где я?”

    • Заголовок страницы. Называет страницу. Располагается под верхним горизонтальным меню сайта. Отвечает на вопрос “где я?”

    • Заголовок окна. Повторяет название страницы. Отвечает на вопрос “где я?”

    • Горизонтальное меню. Является общим меню сайта, присутствует на всех его страницах. Отвечает на вопрос “куда я могу пойти?” Позиция меню, относящаяся к текущей странице, ссылкой не является. Эта выделенная позиция (все другие — ссылки, а эта — нет) отвечает на вопрос “где я?” Горизонтальное меню располагается в верхней части страницы между заголовком сайта и заголовком страницы. Кроме того, горизонтальное меню повторяется в самом низу страницы. Верхнее меню удобно для тех, кто листает страницы, нижнее — для тех, кто читает их полностью.

    • Вертикальное меню. Это может быть меню сайта, но чаще — это меню текущей страницы сайта. Отвечает на вопрос “куда я могу пойти?” Меню может содержать список потомков текущей страницы (и тогда все позиции в меню — ссылки) или список страниц-сестёр (и тогда в этом списке присутствует позиция, соответствующая текущей странице, но она ссылкой не является).

    • Хлебные крошки. Специальное меню, которое в иерархическом сайте показывает путь к текущей странице от корня иерархии. Позиция, относящаяся к текущей странице, ссылкой в этом меню не является. “Хлебные крошки” отвечают на вопросы: “где я?” и “куда я могу пойти?”

    • Адрес для связи с авторами сайта. Обычно располагают на каждой странице в самом её низу. Эта запись определяет авторство и предоставляет возможность написать автору электронное письмо.


  29. Почему во всех навигационных меню позиция, которая относится к текущей странице, не является ссылкой?

    Ответ. Во-первых, не имеет смысла переходить на текущую страницу — ведь мы на ней уже находимся! Во-вторых, позиция, выделенная по отношению к остальным, дополнительно подсказывает пользователю, какую страницу сайта он рассматривает.

  30. На какие три вопроса можно легко ответить при помощи удобной системы навигации?

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

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


  31. Какие элементы сайта помогают пользователю ответить на вопрос “где я”?

    Ответ. Заголовок сайта и логотип показывают, на каком сайте находится пользователь.

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

  32. Какие элементы сайта помогают пользователю ответить на вопрос “куда я могу пойти”?

    Ответ. На этот вопрос отвечают меню сайта, меню текущей страницы и меню “хлебные крошки”.

  33. Почему для пользователя сайта важен ответ на вопрос “где меню”?

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

  34. Зачем навигационное меню располагают в начале и конце страниц, а разделы длинных страниц заканчивают ссылками “вверх”?

    Ответ. Меню в начале страниц позволяют быстро просматривать сайт, листая его страницы. Меню в конце полезно тем, кто дочитал страницу до конца. Ссылка “вверх” после длинного раздела позволяет перейти к меню без прокрутки страницы.

  35. Как устроена одноуровневая система навигации?

    Ответ. В этой схеме — одно и то же меню на каждой странице. Это меню может располагаться горизонтально или вертикально.

    Одноуровневая навигация используется на простых сайтах, состоящих из нескольких не подчинённых друг другу страниц.



  36. Как устроена двухуровневая система навигации?

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

    На иллюстрации, представленной ниже, меню первого уровня — горизонтальное, меню второго уровня — вертикальное:

    В меню первого уровня входит корень (начальная страница) и его прямые потомки.

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

  37. Как устроена универсальная система навигации?

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

    • Меню потомков для страниц, которые имеют потомки.
    • Меню из страниц-сестёр, для страниц, являющихся листьями.

    В дополнение к меню сайта и меню текущей страницы, используют меню с “хлебными крошками”.

    Иногда обходятся без вертикального меню, располагая все меню горизонтально:



  38. Как оформляют на страницах внешние и внутренние ссылки?

    Ответ. На правильно организованных сайтах внешние ссылки записываются явно — в виде сетевого адреса:

    Переход на локальную копию роботландского сайта

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

    Ссылки на страницы текущего сайта (внутренние ссылки) оформляются без явного указания адреса этой страницы:

    Это ссылка на внутреннюю страницу

  39. Как оформляют внутристраничные ссылки?

    Ответ. На “правильных” сайтах внутристраничные ссылки снабжаются соответствующими комментариями:

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

  40. Как понять, что картинка является гипертекстовой ссылкой?

    Ответ. На картинке-ссылке, как и на текстовых ссылках, курсор меняет свою форму — превращается в “указующий перст”. Часто и сама картинка на ссылке меняет свой вид:

    Пример ссылки-картинки

  41. Как устроена графическая гипертекстовая карта?

    Ответ. Картинка-ссылка называется гипертекстовой картой, если она обеспечивает не один, а несколько гипертекстовых переходов.

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

    Монитор Мышь Клавиатура Системный блок

  42. Что такое альтернативный текст?

    Ответ. Это текст, который появляется на экране (“всплывает”) в момент зависания мышиного курсора над картинкой.

    Калькулятор

  43. Зачем картинки снабжаются альтернативным текстом?

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

    Калькулятор

    Кроме того, альтернативный тест способны прочитать роботы поисковых систем, которые анализируют сайты сети, пополняя свою базу данных. Картинки они “не видят”, а тексты “читают” с удовольствием!

Ответьте на технические вопросы:

  1. Как сохранить текст со страницы сайта?

    Ответ. Ответ в соответствующем разделе FAQ.

  2. Как сохранить картинку с сайта?

    Ответ. Ответ в соответствующем разделе FAQ.

  3. Как сохранить страницу сайта?

    Ответ. Ответ в соответствующем разделе FAQ.

  4. Как распечатать страницу сайта?

    Ответ. Ответ в соответствующем разделе FAQ.

  5. Как запомнить адрес сайта в папке Избранное?

    Ответ. Ответ в соответствующем разделе FAQ.

  6. Как послать письмо по адресу, указанному на сайте?

    Ответ. Ответ в соответствующем разделе FAQ.

  7. Как заполнить и отправить форму с сайта?

    Ответ. Ответ в соответствующем разделе FAQ.

  8. Как изменить размер окна браузера?

    Ответ. Ответ в соответствующем разделе FAQ.

Вверх

Зачетный класс

Решения зачётных классов

Зачет 1 Термины
Зачет 2 Навигация

Азы информатики RU 2000/2006 © А.А.Дуванов

Вверх Оглавление книги Урок 7. Web-пространство Интернета Письмо автору Об авторах