Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Брошюра.doc
Скачиваний:
2
Добавлен:
01.07.2025
Размер:
1 Мб
Скачать
☆

Программы просмотра web – страниц

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

В настоящее время наиболее распространен Internet Explorer (обозреватель) и Netscape Navigator.

Основное назначение программы обозревателя – это загрузка Web-страницы из Internet и отображение ее на экране.

Панель Адрес позволяет выбрать из списка или ввести с клавиатуры универсальный адрес URL той Web-страницы, которую мы хотим загрузить в Internet Explorer (это может быть и локальный адрес вашего HTML-документа).

Местонахождение нужной Web-страницы определяется адресом URL.

Браузер распознает команды HTML и формирует изображение, отображаемое на экране.

Различия между браузерами проявляются прежде всего в наборах обрабатываемых тегов.

Браузер Internet Explorer является наиболее мощным средством просмотра Web-страниц. Он поддерживает стандарт HTML и предоставляет пользователям Internet и разработчикам Web-страниц широкий набор дополнительных возможностей.

Команда Вид – Просмотр HTML кода – открывает выбранную страницу в Блокноте. Здесь можно отредактировать данную страницу.

Р

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

Программы-редакторы html

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

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

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

HTML-редакторы делятся на 2 типа: визуальные и невизуальные.

Визуальные обладают интуитивно понятным интерфейсом и не требуют много времен на освоение, но генерируют очень длинный неоптимальный и малопонятный HTML-код, который потом трудно редактировать.

Невизуальные требуют знания языка HTML.

Одним из мощных средств автоматического создания и публикации Web-документов считается пакет MS Front Page.

Мы будем создавать свои HTML - документы в редакторе Блокнот или в HTMLPad - компактном и простом редакторе тегов HTML.

Рассмотрим HTML-редактор HTMLPad (hp.exe).

Используя пункты меню, в этом редакторе можно вводить нужные теги. Из окна этого редактора можно просматривать создаваемый документ. HTML-документ сохраняется с расширением .htm или .html.

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

Интерфейс редактора htmlPad и его возможности

Редактор HTMLPad представляет все возможности для редактирования простых текстов.

Команда Файл – Новый документ позволит включить в документ теги, определяющие структуру документа.

По умолчанию программа присваивает документу имя c:\untitled.htm.

Команда Файл – Сохранить как позволит сохранить документ под нужным именем.

Расширение обязательно должно быть .htm или .html !

В

пункте меню Вид собраны команды, позволяющие просмотреть документ в программе-просмотрщике (браузере). Просмотреть документ в программе Internet Explorer можно, если щелкнуть по кнопке

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

Наиболее часто используемые теги вынесены на панель инструментов в виде кнопок.

Рассмотрим пример.

Пусть необходимо разметить следующий текст

Информация – это совокупность сведений об окружающем нас мире

Технология использования редактора HTMLPad:

  1. откроем редактор;

  2. Файл – Новый документ. В документ будет вставлена структура.

  3. Между тегами <TITLE> </TITLE> напишем Информатика

<TITLE> Информатика </TITLE>

  1. Между тегами <BODY> </BODY> напишем фразу: "Информация – это совокупность сведений об окружающем нас мире".

<BODY>

Информация – это совокупность сведений об окружающем нас мире.

</BODY>

  1. Выделим слово Информация жирным. Для этого необходимо выделить слово Информация, затем выбрать команду Стиль – Полужирный. Слово будет заключено между тегами <B> Информация </B>.

  2. Текст должен иметь вид

  1. Просмотрите созданный документ и сохраните в своей папке под именем Информация.html. Должно получиться следующее