Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 3)

•Для обильно иллюстрированных материалов — *.htm (Web-страница полностью) и в отдельных случаях — Web-архив *.mht.

Контрольные вопросы

1. Что представляет собой браузер?

2. Какие программы входят в состав Internet Explorer?

3. Какие есть способы вызова Internet Explorer?

4. Что такое адресная строка, для чего она предназначена?

5. Какие компоненты входят в состав интерфейса Internet Explorer?

6. Какие есть кнопки на панели Internet Explorer?

7. Каковы основные команды содержатся в управляющем меню?

8. Каковы команды контекстного меню мыши?

9. В чем назначение папки "Избранное2?

10. В чем назначение панели"Журнал"? Способы сортировки в журнале.

11. Какие настройки Internet Explorer можно установить с помощью меню "Сервис"?

12. Что представляет собой работа Internet Explorer в автономном режиме?

13. Как осуществить подписку на страницы Internet?

14. В чем особенность различных форматов сохранения страниц?

15. Назначение форматов htm, html, mht?

Индивидуальные задания

1. Запустить Internet Explorer .

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

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

4. Загрузить в автономном режиме другую страницу из списка в адресной строке и при помощи кнопки Назад/Вперед на кнопочной панели просмотреть информацию по различным страницам. Выберать кнопку Домой. Что изменилось?

5. Нажать кнопку Поиск. Окно Браузера разделиться на две части. Ознакомиться с информацией в левой части окна браузера.

6. Выбрать кнопку Избранное. Просмотреть папки ссылок. Ссылки, выделенные серым цветом - недоступны в автономном режиме. Ссылки, выделенные черным цветом - можно просмотреть в окне справа. Просмотрите доступные ссылки. Пользуйтесь кнопкой Назад/Вперед

7. Выбрать кнопку Журнал. В левой части окна располагаются ссылки на посещенные ранее страницы: 3 недели назад, на прошлой неделе и т.д. Просмотреть содержимое журнала.

8. Установить различные режимы сортировки ссылок в журнале: по узлу, по дате, по посещаемости, по порядку посещения. Использовать слева на панели кнопку Вид.

9. Нажать кнопку Почта. Запускается Outlook Express - программа ознакомления с почтой и новостями. Ознакомиться с внешним видом окна программы и пунктами меню.

10. Добавить на кнопочной панели кнопку "Во весь экран" а затем удалите ее. Попробуйте добавить другие кнопки на панель, убрать их.

11. Ознакомиться с управляющим меню. Выбрать меню Файл. Проверить установлена ли галочка на пункте Работать автономно.

12. Открыть меню Вид. Убрать адресную строку, восстановить ее. Попробуйте добавлять или убирать панели Internet Explorer: панели инструментов, панели обозревателя Убрать кнопочную панель. восстановить ее. Установить полезный совет в панелях обозревателя. Сменить размер шрифта на мелкий. Сменить кодировку Кириллица Windows на Кириллицу КОИ8.

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

14. Установите различные настройки в меню Сервис/Свойства обозревателя. На вкладке Общие/Домашняя страница задайте стартовую страницу. Указать С текущей.

15. Увеличьте размер КЭШа на вкладке Общие/Временные файлы/параметры (Занимать на диске на более 5 Мегабайт)

16. Если связь стабильна, установите обновление страницы При каждом посещении (Сервис/Свойства обозревателя/Общие

17. Установите категорию ограничения доступа информации: Сервис/Свойства обозревателя/Содержание/Ограничение доступа - Включить.

18. Установить редактор для просмотра страниц (HTML-кода): Сервис/Свойства обозревателя/Программы Internet/Редактор HTML: Word или блокнот. Выбрать какую-либо страницу и через контекстное меню мыши просмотреть ее HTML-код

19. Установить время хранения ссылок в журнале на 25 дней: Сервис/Свойства обозревателя/Общие/Журнал

20. Войти в меню Справка/Вызов справки. Изучить структуру справки, ее разделы.

21. Вызвать контекстное меню мыши на какой-либо странице, просмотреть доступные команды. Затем на ссылке страницы вызвать КММ и выбрать пункт Открыть в новом окне. Далее выбрать картинку страницы и также вызвать КММ, выбрать пункт "Сохранить как" - для сохранения графического изображения на диске как отдельного файла.

22. Выполните последовательность действий следуя указаниям мастера подписки на страницы. Выберите в Избранном ссылку по КММ - пункт Сделать доступной автономно. Здесь открывается мастер подписок. В ручном режиме обновления установите синхронизацию: Сервис/Синхронизировать

23. Сохраните страницу Файл/Сохранить как в одном из предложенных форматах: TXT -формат, HTML - формат

24. Просмотрите , какие еще настройки можно устанавливать для Internet Explorer в меню Сервис/Свойства обозревателя/Дополнительно.

25. Оформите отчет о проделанной работе.

2. Лабораторная работа №2

Тема: "Создание простейшей Web-страницы"

Краткие теоретические сведения

I. Что такое World Wide Web?

World Wide Web (WWW) - это сеть информационных ресурсов. Для того, чтобы сделать эти ресурсы доступными наиболее широкой аудитории, в Web используются три механизма:

1. Единая схема наименования для поиска ресурсов в Web (например, URI).

2. Протоколы для доступа к именованным ресурсам через Web (например, HTTP).

3. Гипертекст для простого перемещения по ресурсам (например, HTML).

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

Введение в URI.

Каждый ресурс в Web - документ HTML, изображение, видеоклип, программа и т.д. - имеет адрес, который может быть закодирован с помощью универсального идентификатора ресурсов (Universal Resource Identifier), или URI.

URI обычно состоят из трех частей:

1. Схема наименования механизма, используемого для доступа к ресурсу.

2. Имя машины, на которой располагается ресурс.

3. Имя собственно ресурса, заданное в виде пути.

Рассмотрите URI этой спецификации HTML на сервере W3C:

http://www.w3.org/TR/PR-html4/cover.html

Этот URI может читаться следующим образом: этот документ можно получить по протоколу HTTP (см. [RFC2068]), он располагается на машине www.w3.org, путь к этому документу - "/TR/PR-html4/cover.html". Кроме того, в документах в формате HTML Вы можете увидеть схемы "mailto" для электронной почты и "ftp" для протокола FTP.

Вот еще один пример URI. Он относится к почтовому ящику пользователя: ...текст...

Комментарии отправляйте Джо Кулу.

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

Некоторые URI указывают на местоположение внутри ресурса. Этот тип URI заканчивается символом "#", за которым следует указатель (идентификатор фрагмента). Например, следующий URI указывает на фрагмент с именем section_2: http://somesite.com/html/top.html#section_2

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

Относительные URI приводятся к полным URI с помощью базового URI. В качестве примера приведения относительного URI предположим, что у нас имеется базовый URI "http://www.acme.com/support/intro.html". Относительный URI в следующей ссылке:

Suppliers

будет преобразован в полный URI "http://www.acme.com/support/suppliers.html", а относительный URI в следующем фрагменте

будет преобразован в полный URI "http://www.acme.com/icons/logo.gif".

В HTML URI используются для:

• ссылки на другие документы или ресурсы (см. элементы A и LINK).

• ссылки на внешние таблицы стилей или скрипты (см. элементы LINK и SCRIPT).

• включения в страницу изображений, объектов или апплетов (см. элементы IMG, OBJECT, APPLET и INPUT).

• создания изображений-карт (см. элементы MAP и AREA).

• отправки форм (см. FORM).

• создания документов с использованием кадров (см. элементы FRAME и IFRAME).

• ссылок на внешние источники (см. элементы Q, BLOCKQUOTE, INS и DEL).

• ссылок на соглашения о метаданных, описывающих документ (см. элемент HEAD).

Подробнее об URI см. в разделе о типах URI.

II. HTML – язык разметки текста

Чтобы представить информацию для глобального использования, нужен универсальный язык, который понимали бы все компьютеры. Языком публикации, используемым в World Wide Web, является HTML (Hyper Text Markup Language - язык разметки гипертекстов).

HTML дает авторам средства для:

• публикации электронных документов с заголовками, текстом, таблицами, списками, фотографиями и т.д.

• загрузки электронной информации с помощью щелчка мыши на гипертекстовой ссылке.

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

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

Элементы

Определение типа документа

Каждое объявление типа элемента обычно включает три части: начальный тэг, содержимое и конечный тэг.

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

Все тэги языка HTML выделяются символами-ограничителями (), между которыми записывается имя тэга и, возможно, его параметры. Единственным исключением из этого правила являются тэги комментария с более сложными ограничителями (). Имя элемента отображается в начальном тэге (пишется ) и в конечном тэге (пишется ); не забывайте про слеш перед именем элемента в конечном тэге. Например, начальные и конечные тэги элемента UL определяют список:

...элемент списка 1...

...элемент списка 2...

Некоторые типы элементов HTML позволяют авторам опускать конечные тэги (например, типы элементов P или LI). Несколько типов элементов также позволяют опускать начальные тэги; например, HEAD и BODY. HTML DTD указывает для каждого типа элемента, являются ли начальный и конечный тэги обязательными.

Некоторые типы элементов HTML не имеют содержимого. Например, элемент перехода на следующую строку BR не имеет содержимого; его роль - прерывание строки текста. Такие пустые элементы никогда не имеют конечных тэгов. Определение типа документа и текст спецификации указывают, является ли тип элемента пустым (не имеет содержимого) или, если он может иметь содержимое, что является допустимым содержимым.

Атрибуты

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

В данном примере для элемента H1 установлен атрибут id:

Это определенный заголовок, спасибо атрибуту id

По умолчанию необходимо, чтобы все значения атрибутов были разделены с помощью двойных (десятичный код ASCII 34) или одинарных кавычек (десятичный код ASCII 39). Одинарные кавычки могут включаться в значение атрибута, если значение отделяется двойными кавычками, и наоборот. Авторы могут также использовать цифровые ссылки на символы для представления двойных (") и одинарных кавычек ('). Для двойных кавычек авторы могут также использовать character entity reference ". В определенных случаях авторы могут указывать значение атрибута без кавычек. Значение атрибута может включать только буквы (a-z и A-Z), цифры (0-9), знаки переноса (десятичный код ASCII 45) и точки (десятичный код ASCII 46). Рекомендуется всегда использовать кавычки.

Имена атрибутов всегда учитывают регистр

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

Список всех атрибутов, определенных в этой спецификации, приводится в указателе атрибутов.

Комментарии

Комментарии в HTML имеют следующий синтаксис:

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

Цвета

Значение атрибута типа "color" (%Color;) относится к определениям цветов, как указано в [SRGB]. Значение цвета может быть шестнадцатеричным числом (которому предшествует знак диеза) или одним из следующих шестнадцати названий цветов. Названия цветов учитывают регистр.

Black = "#000000"	Green = "#008000"
Silver = "#C0C0C0"	Lime ="#00FF00"
Gray ="#808080"	Olive = "#808000"
White = "#FFFFFF"	Yellow = "#FFFF00"
Maroon = "#800000"	Navy = "#000080"
Red = "#FF0000"	Blue ="#0000FF"
Purple = #800080"	Teal = "#008080"
Fuchsia = "#FF00FF"	Aqua = "#00FFFF"

То есть, значения "#800080" и "Purple" оба означают пурпурный цвет.

Замечания об использовании цветов

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

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

• Не используйте комбинации цветов, вызывающие проблемы у пользователей.

• Если Вы используете изображение в качестве фона или устанавливаете цвет фона, не забудьте установить и цвета текста.

• Цвета, указанные в элементах BODY и FONT и в bgcolor в таблицах выгладят по-разному на разных платформах (на рабочих станциях, Mac, Windows и на панелях LCD и CRT), поэтому не рассчитывайте на определенный эффект. В будущем поддержка цветовой модели [SRGB] вместе с цветовыми профилями ICC должна устранить эти проблемы.

• При возможности принимайте общие соглашения.

Длина

HTML определяет три типа значений длины для атрибутов:

1. Пикселы: Значение ( %Pixels; в DTD) - это целое, представляющее число пикселов (на экране, на бумаге). Таким образом, значение "50" означает пятьдесят пикселов. Нормативную информацию об определении пиксела см. в [CSS1].

2. Длина: Значение ( %Length; в DTD) может быть %Pixel; или доля вертикального или горизонтального расстояния в процентах. Таким образом, значение "50%" означает половину доступного пространства.

3. МультиДлина: Значение ( %MultiLength; в DTD) может быть %Length; или относительной длиной. Относительная длина имеет форму "i*", где "i" - целое число. При распределении пространства между элементами, конкурирующими за это пространства, агенты пользователя сначала отводят место для длин, определенных в пикселах и процентах, а затем делят оставшееся место между относительными длинами. Каждая относительная длина получает часть доступного пространства, пропорциональную целому числу, предшествующему "*". Значение "*" эквивалентно "1*". Таким образом, если имеется 60 пикселов пространства после того, как агент пользователя распределит пространство для длин, определенных в пикселах и процентах, а конкурирующими относительными длинами являются 1*, 2* и 3*, 1* получит 10 пикселов, 2* - 20 пикселов, а 3* - 30 пикселов.

Введение в структуру документа HTML

Документ в формате HTML 4.0 состоит из трех частей:

1. строки, содержащей информацию о том, что это документ HTML,

2. раздела заголовков (определяемого элементом HEAD),

3. тела, которое включает собственно содержимое документа. Тело может вводиться элементом BODY или элементом FRAMESET.

Перед каждым элементом или после каждого элемента может находиться пустое пространство (пробелы, переход на новую строку, табуляции и комментарии). Разделы 2 и 3 должны отделяться элементом HTML.

Вот пример простого документа HTML:

Характеристики

Список файлов книги