Лабораторна робота № 3. Тема: Добавлення додаткових сторінок і навігація по них

Тема: Добавлення додаткових сторінок і навігація по них. Карти-зображень.

Мета: Навчити створювати гіперпосилання і додавати їх на html-сторінку.

ТЕОРЕТИЧНІ ВІДОМОСТІ

HTML використає URL (Uniform Resource Locator) для подання гіпертекстових посилань і посилань на мережні сервіси усередині HTML-документа. Перша частина URL (до двокрапки) описує метод доступу або мережний сервіс. Інша частина URL (після двокрапки) інтерпретується залежно від методу доступу. Звичайно, дві прямі слеша після двокрапки позначають ім'я машини:

method :// machine - name /path/foo.html

www.softexpress.com з використанням HTTP протоколу:

http://www.softexpress.com/index.html

Uniform Resource Locator має наступний формат: method://servername:port/pathname#anchor

Компоненти URL:

METHOD

Ім'я операції, що буде виконуватися при інтерпретації даного URL. Найбільше часто використовувані методи:

file:

читання файлу з локального диска. Ім'я файлу інтерпретується для локальної машини користувача. Даний метод використається для відображення якого-небудь файлу, що перебуває на машині користувача. Наприклад:
file:/home/alex/index.html - відображає файл index.html з каталогу /home/alex на користувальницькій машині

http:

доступ до WEB-сторінки в мережі з використанням HTTP-протоколу. (Це найбільше часто використовуваний метод доступу до якого-небудь HTML-документа в мережі). Наприклад: http://www.softexpress.com/ - доступ до Home-сторінки компанії SoftExpress

ftp:

запит файлу з анонімного FTP-сервера. Наприклад: ftp://hostname/directory/filename

mailto:

активізує поштову сесію із зазначеним користувачем і хостом. Наприклад:
mailto:info@softexpress.com - активізує сесію посилки повідомлення користувачеві info на машині softexpress.com, якщо броузер підтримує запуск електронної пошти. Помітьте, що метод mailto: не вимагає вказівку слешів після двокрапки (як правило, після двокрапки відразу йде електронну адресу абонента)

telnet:

звертання до служби telnet

news:

виклик служби новин, якщо броузер її підтримує. Наприклад: news:relcom.www.support

SERVERNAME

Необов'язковий параметр, що описує повне мережне ім'я машини. Наприклад:

www.softexpress.com - повне мережне ім'я сервера фірми СофтСервис.

Якщо ім'я сервера не зазначено, то посилання вважається локальної, і повний шлях, зазначений далі в URL обчислюється на тій машині, з якої взятий HTML-документ, що містить дане посилання. Замість символьного імені машини може бути використаний IP-адреса, однак це не рекомендується через можливе перетинання з фіксованими локальними адресами внутрішньої мережі.

PORT

Номер порту TCP на якому функціонує WEB-сервер. Якщо порт не зазначений, то "за замовчуванням" використається порт 80. Даний параметр (port) не використається в переважній більшості URL.

PATHNAME

Частковий або повний шлях до документа, що повинен викликатися в результаті інтерпретації URL. Різні WEB-сервера сконфигуровані по різному для інтерпретації шляху доступу до документа. Наприклад, при використанні CGI скриптів (програм, щовиконують,), вони звичайно збираються в одному або декількох виділених каталогах, шлях до яких записаний у спеціальних параметрах WEB-сервера. Для даних каталогів WEB-сервером виділяється спеціальний логічний шлях, що і використається в URL. Якщо WEB-сервер бачить даний шлях, то запитуваний файл інтерпретується модуль, що виконує як. У противному випадку, запитуваний файл інтерпретується просто як файл даних, навіть якщо він є виконує модулем, що. Наприклад:

http://www.softexpress.com/cgi-win/handle.exe

У даному прикладі HTTP-сервер повинен викликати CGI-скрипт із ім'ям handle.exe, що перебуває на машині з мережним ім'ям www.softexpress.com. Шлях до даного скрипту - /cgi-win/ - у дійсності є віртуальним шляхом (виділеним сервером для модулів, що виконують,). Помітьте, що при описі шляху використається UNIX-подібний синтаксис, де, у відмінності від DOS й Windows використаються прямі слеші замість зворотних. Якщо після мережного імені машини відразу йде ім'я документа, то він повинен перебувати в кореневому каталозі на вилученій машині або (що частіше) у каталозі, виділеному WEB-сервером у якості кореневого. Якщо ж URL закінчується мережним ім'ям машини, то як документ запитується документ із кореневого каталогу вилученої машини з ім'ям, установленим у настроюваннях WEB-сервера (як правило, це index.html).

#ANCHOR

Даний елемент є посиланням на рядок (крапку) усередині HTML-документа. Більшість броузерів, зустрічаючи після імені документа даний елемент, розміщають документ на екрані таким чином, що зазначений рядок документа міститься у верхній рядок робочого вікна броузера. Крапки, на які посилається #anchor, указуються в документі за допомогою тега NAME, як це буде описано далі.