Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html




Скачать 357.77 Kb.
НазваниеЛабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html
Дата публикации06.03.2013
Размер357.77 Kb.
ТипЛабораторная работа
uchebilka.ru > География > Лабораторная работа
ЛАБОРАТОРНАЯ РАБОТА 4

по курсу «Сетевые технологии»
Тема. Работа с гиперссылками и фреймами в документах HTML.
Цель работы: практическое освоение построения Web-страниц с использованием гиперссылок и фреймов.
Описание работы
Часть 1

До сих пор мы создавали только отдельные документы, демонстрирующие некоторые возможности языка HTML. Ваш сервер WWW будет, возможно, состоять из многих документов HTML, ссылающихся друг на друга и на другие ресурсы Internet.

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

Универсальный идентификатор ресурсов URL


Как мы уже говорили, документы HTML передаются из сервера WWW удаленным пользователям с помощью протокола HTTP. Для ссылки на сетевые ресурсы через протокол HTTP используется следующая форма универсального идентификатора ресурсов URL:

http://host[:port][path]

Параметр host обязательный. Он должен быть указан как доменный адрес или как адрес IP (в виде четырех десятичных чисел). Например:

http://www.microsoft.com

http://154.23.12.101

Если указать первую из этих ссылок навигатору, вы попадете на главную страницу сервера корпорации Microsoft. Эта страница содержит ссылки на другие страницы и ресурсы.

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

Необязательный параметр port задает номер порта для работы с протоколом HTTP. По умолчанию используется порт с номером 80, однако для специализированных серверов WWW это может быть и не так.

Что такое порт?

Номер порта идентифицирует программу, работающую в узле сети TCP/IP и взаимодействующую с другими программами, расположенными на том же или на другом узле сети. Если вы разрабатываете программу, передающую данные через сеть TCP/IP с использованием, например, интерфейса Windows Sockets, то при создании канала связи с уделенным компьютером вы должны указать не только адрес IP, но и номер порта, который будет использован для передачи данных. Подробнее об этом вы можете прочитать в 23 томе “Библиотеки системного программиста”, который называется “Глобальные сети компьютеров. Практическое введение в Internet, E-Mail, FTP, WWW и HTML, программирование для Windows Sockets”.

Ниже мы показали, как нужно указывать в адресе URL номер порта:

http://www.myspecial.srv/:82

Теперь займемся параметром path, определяющем путь к объекту.

Обычно любой сервер WWW имеет корневой каталог, в котором расположены подкаталоги. Как в корневом каталоге, так и в подкаталогах могут находиться документы HTML, двоичные файлы, файлы с графическими изображениями, звуковые и видео-файлы, расширения сервера в виде программ CGI или библиотек динамической компоновки, дополняющих возможности сервера (такие, как библиотеки ISAPI для сервера Microsoft Information Server).

Если в качестве адреса URL указать навигатору только доменное имя сервера, сервер перешлет навигатору свою главную страницу. Имя файла этой страницы зависит от сервера. Большинство серверов на базе операционной системы UNIX посылают по умолчанию файл документа с именем index.html. Сервер Microsoft Information Server может использовать для этой цели имя default.htm или любое другое, определенное при установке сервера, например, home.html или home.htm.

Для ссылки на конкретный документ HTML или на файл любого другого объекта необходимо указать в адресе URL его путь, например:

http://www.glasnet.ru/~frolov/index.html

http://www.dials.ccas.ru/frolov/bin/dbsp26.lzh

Корневой каталог сервера WWW обозначается символом /. В спецификации протокола HTTP сказано, что если путь не задан, то используется корневой каталог.
^

Вставка ссылки


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

Перечислим основные параметры оператора .


Параметр

Описание

HREF

Адрес URL файла документа HTML или другого объекта, на который сделана ссылка в операторе . Если в адресе не указан путь, поиск файла будет выполняться в том же каталоге, где находится текущий документ

NAME

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

TARGET

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

_blank документ будет загружен в новое окно;

_parent документ будет загружен в окно, которое является родительским по отношению к текущему;

_self документ будет загружен в то же самое окно, где расположена ссылка;

_top документ займет все окно навигатора

TITLE

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


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

Ссылки на другие документы


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









Домашняя страница


Добро пожаловать


Новости

Книги

КАПИТАЛ


КОМПЬЮТЕРРА

Вирусы

Партнеры и друзья

Set English Language



Добавить документ в свой блог или на сайт

Похожие:

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconЛабораторная работа 3 по курсу «Сетевые технологии» Тема. Работа...
Цель работы: практическое освоение построения Web-страниц с использованием средств мультимедиа

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconЛабораторная работа 1 по курсу «Сетевые технологии» Тема. Создание документов html
В этой работе мы займемся изготовлением простейших статических документов на языке html. Научившись создавать такие документы, вы...

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconЛабораторная работа 6 по курсу «Сетевые технологии» Тема. Работа с приложениями isapi
Цель работы: практическое освоение построения Web-страниц с формами с использованием isapi

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconЛабораторная работа 5 по курсу «Сетевые технологии» Тема. Работа с приложениями cgi
Цель работы: практическое освоение построения Web-страниц с формами с использованием cgi

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconПрактическая работа №37. Тема : html. Применение фреймов
Цель: Познакомиться с языком html, получить навыки работы с обязательными тегами, научиться создавать и форматировать документ с...

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconЛабораторная работа №2 по курсу: "Программное обеспечение сетей"...
Цель работы: Приобрести практические навыки создания html-документов с полями для ввода информации

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconЛабораторная работа тема : Использование языка html и css
Цель работы : Создание архитектуры сайта с использованием библиотеки стилей css и языка html

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconЛабораторная работа №1 «структура html – документа. Основные средства...

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconПрактическая работа №35. Тема : html
Тема: html. Cоздание списков, вставка рисунков, использование гиперссылок, размещение Web-странички на сервере

Лабораторная работа 4 по курсу «Сетевые технологии» Тема. Работа с гиперссылками и фреймами в документах html iconПрактическая работа №31. Тема : wysiwyg html-редактор
Тема: wysiwyg html-редакторы и программы для веб-дизайна Dreamweaver и Microsoft Office SharePoint Designer. Форматирование текста,...

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
uchebilka.ru
Главная страница


<