14110

ОСНОВЫ WEB: САЙТЫ, БРАУЗЕР, НАВИГАЦИЯ

Конспект урока

Информатика, кибернетика и программирование

УРОК 1 ОСНОВЫ WEB: САЙТЫ БРАУЗЕР НАВИГАЦИЯкраткое введениеПРОСМОТР ИНТЕРНЕТРЕСУРСОВ Понятие Webпространства Webпространство это мировая совокупность сайтов. Сайт расположен на сервере серверы соединены между собой при помощи каналов связи. Webстраница это р

Русский

2013-05-21

400.5 KB

12 чел.

УРОК 1

ОСНОВЫ WEB: САЙТЫ, БРАУЗЕР, НАВИГАЦИЯ
(краткое введение)
ПРОСМОТР ИНТЕРНЕТ-РЕСУРСОВ

Понятие Web-пространства

Web-пространство – это мировая совокупность сайтов. Сайт расположен на сервере, серверы соединены между собой при помощи каналов связи.

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

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

Понятие сайта и гипертекстового приложения

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

Сайт Бийского лицея:

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

Однако, помимо сайта, доступного по сети Интернет, существует еще понятие гипертекстового приложения. Примерами такого жанра служат электронные учебники Роботландского университета «HTML-конструирование», «JavaScript-конструирование», «DHTML». Это  гипертекстовые изделия, «живущие» на локальном компьютере или в локальной сети, они дешевы и доступны без подключения к Интернету, на них не накладываются перечисленные выше ограничения.

Гипертекстовые страницы, которые составляют сайт, записывают на специальном языке HTML, сохраняют в файлах с раширением htm (или html) и просматривают при помощи браузера – специальной компьютерной программы. Средства HTML служат для указаний браузеру, в каком виде выводить на экран текст и графику, а также позволяют записывать на страницах гиперссылки.

Понятие гиперссылки

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

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

Браузер (browser).

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

Из большого числа существующих браузеров, наиболее популярными являются Microsoft Internet Explorer и Netscape Navigator.

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

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

Загрузка документа в окно браузера

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

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

Сервис → Свойства обозревателя → вкладка Дополнительно → снять (или установить) флажок в строках «Отображать рисунки», «Воспроизводить анимацию», «Воспроизводить звук» и «Воспроизводить видео».

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

  1.  Для доступа к документу по сети Интернет  в адресной строке браузера  вводится URL документа (Uniform Resource Location – универсальный указатель ресурсов). Например,
    http://liceum.secna.ru (адрес сайта Бийского лицея).
  2.  Если просматривается сайт, расположенный на жестком диске пользователя, то
    1.  в адресном поле вводится обычный дисковый путь к стартовой страничке сайта
    2.  можно не вводить, а выбрать адрес стартовой страницы
      Файл → Открыть → Обзор → Указать адрес и имя документа
    3.  кроме того, файлы с расширением htm (html) автоматически запускаются двойным кликом (если, конечно, задана соответствующая ассоциация).

Чтение страницы и переход по гиперссылкам

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

Часто используемые команды по управлению содержимым окна браузера можно реализовать с помощью кнопок на панели инструментов.

НАЗАД и ВПЕРЕД

Браузер сохраняет "путь", по которому пользователь просматривает страницы. Кнопки НАЗАД и ВПЕРЕД позволяют перемещаться по этой истории соответственно назад и вперед.

ОСТАНОВИТЬ

Если документ долго не грузится (неполадки на сервере), пользователь передумал, или с первых строк понял, что документ не нужен, можно нажать на кнопку ОСТАНОВИТЬ. Загрузка документа будет немедленно прекращена и можно продолжать работу с браузером.

ОБНОВИТЬ

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

Просмотр HTML-кода Web-страницы

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

Для этого в окне браузера выберите последовательность команд: Вид → Просмотр HTML-кода

Текст программы текущей страницы откроется в окне редактора Блокнот.


ЗАДАНИЕ

  1.  В браузере, подключенному к Интернет, загрузите сайт Бийского городского узла связи (ГУС) http://www.biysk.ru/;
  2.  В разделе Web-ресурсы города откройте и рассмотрите страницы различных фирм и учреждений (дизайн, организация навигации, размеры файлов с картинками)
  3.  Просмотрите эти же страницы при отключенной опции отображения картинок. Что изменилось? Какая из страниц изменилась в наименьшей (наибольшей) степени и почему? Сделайте выводы, которые помогут вам избежать подобных ошибок при создании собственных страниц.
  4.  Теперь в адресной строке введите адрес сайта Бийского лицея http://biysk-liceum.ru;
  5.  Используя кнопку НАЗАД, вернитесь к странице ГУС;
  6.  Загрузить страницу с ссылками на сайты и приложения учащихся Бийского лицея прошлых лет, просмотреть содержимое этих работ (обратите внимание на способ навигации по сайтам, где расположено меню, чтобы вам хотелось изменить).

PAGE  4


 

А также другие работы, которые могут Вас заинтересовать

7465. Понятие, предмет, метод, источники и система административно-процессуального права. Понятие и структура административного процесса 153.5 KB
  Тема 1. Понятие, предмет, метод, источники и система административно-процессуального права. Понятие и структура административного процесса Учебные вопросы: 1. Понятие, предмет и метод административно-процессуального права. 2. Источники административ...
7466. Информатизация общества, понятие информации и системы управления 136.5 KB
  Тема 1 Информатизация общества, понятие информации и системы управления 1. Информация и различные аспекты ее обработки 2. Система и системный подход в управлении Измерение производительности - способ оценки возможностей страны обеспечить повыше...
7467. Метрологическое обеспечение на этапах жизненного цикла продукции 36.5 KB
  Тема 1.1 Метрологическое обеспечение на этапах жизненного цикла продукции Студент должен иметь представление: - о роли и значении метрологического обеспечения в управление качеством продукции - об отражении треб...
7468. Метрологическая экспертиза технической документации 51.5 KB
  Тема 1.2 Метрологическая экспертиза технической документации Студент должен иметь представление: - о необходимости метрологической экспертизы технической документации знать: - порядок метрологической экспертизы т...
7469. Метрологическое обеспечение технологического процесса изготовления продукции 71 KB
  Тема 1.3 Метрологическое обеспечение технологического процесса изготовления продукции Студент должен иметь представление: - о необходимости метрологического обеспечения средств измерений, обеспечивающих стабильность технологическо...
7470. Рулевое управление ВАЗ 2121 62 KB
  Рулевое управление ВАЗ 2121 Рис. Рулевое управление. 1. Боковая тяга 2. Сошка 3. Средняя тяга 4. Маятниковый рычаг 5. Регулировочная муфта 6. Нижний шаровой шарнир подвески 7. Поворотный кулак 8. Верхний шаровой шарнир подвески 9. Подшипник ...
7471. Исследование напряженно-деформированного состояния элементов составных балок 9.79 MB
  Исследование напряженно-деформированного состояния элементов составных балок Введение Балки являются одним из самых употребляемых строительных элементов любых зданий и сооружений. По своей статической схеме балки представляют конструкцию, как правил...
7472. Исследование электромеханических свойств двигателя постоянного тока последовательного возбуждения 108.09 KB
  Исследование электромеханических свойств двигателя постоянного тока последовательного возбуждения. Цель работы: Исследовать способы регулирования скорости вращения и реверсирования якоря двигателя, построить рабочие характеристики двигателя. Пояснен...
7473. Снятие кривой нагрева электродвигателя и определение постоянной времени нагрева 63.24 KB
  Снятие кривой нагрева электродвигателя и определение постоянной времени нагрева. Цель работы: Изучить процесс нагрева двигателя, получить опытным путем данные построения кривой нагрева электродвигателя и определить значение постоянной времени нагрев...