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


 

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

64170. Система программ 1С: Предприятие 925.5 KB
  Товары — часть материально-производственных запасов предприятия, приобретенная или полученная от других юридических и физических лиц и предназначенная для продажи или перепродажи без дополнительной обработки.
64171. Разработка программного обеспечения для врача-токсиколога и реаниматолога 2.25 MB
  С каждым годом линейка фармакологических средств неукротимо растет. Однако массовое распространение персональных компьютеров повлекло за собой разработку многочисленных автоматизированных рабочих мест диагностов клиницистов провизоров фармацевтов медицинских регистраторов статистиков...
64172. Моделі показників фінансових потоків ПАТ «Приватбанк» 607.41 KB
  Згідно з офіційної статистики Національного Банку України з початку року обсяг депозитів у національній валюті скоротився на 103. Вирішення даної проблеми в більшій мірі залежить від можливості прогнозування та управління майбутньої поведінки фінансових потоків банку.
64173. Віруси і антивірусні програми 372 KB
  Робота з антивірусний комплектом АТ Діалог Наука Вступ Навряд чи варто нагадувати що комп'ютери стали дійсними помічниками людини і без них вже не може обійтися ні комерційна фірма ні державна організація. Віруси що одержали широке поширення в комп'ютерній техніці розбурхали увесь світ.
64174. Проект хлебозавода мощностью 35 т/сутки с цехом бараночных изделий в г. Сыктывкар 1.19 MB
  Наряду с мероприятиями по улучшению ассортимента продолжается работа по рациональному использованию и снижению расхода муки. На ряде предприятий для перемещения муки сахарапеска и других компонентов часто применяют различные виды пневматического транспорта.
64175. Анализ оплаты и организации труда в ОАО «Щомыслица» 536.5 KB
  Понятие оплаты труда её принципы формы и системы оплаты труда Тарифная система функции тарифных ставок и окладов Анализ оплаты и организации труда в ОАО Щомыслица Организационно-производственная характеристика предприятия Совершенствование организации и оплаты труда в АПК на примере ОАО Щомыслица...
64176. Электроснабжение ремонтно-механического цеха ЦРЭО ММК им. Ильича с проектировкой ТП 1.88 MB
  Цех ремонта энергетического оборудования предназначен для ремонта и изготовления различных деталей, необходимых для выполнения функций основных цехов. В цеху содержатся металлообрабатывающие станки, сварочное и грузоподъемное оборудование, а также вентиляторы и кондиционерная установка.