ПРИНЦИПИ РОБОТИ ІЗ ЗАСОБАМИ WEB-СЕРВІСУ
Зміст
Вступ
ВСТУП
Тема роботи «Принципи роботи із засобами Web-сервісу» з дисципліни «Основи побудови та функціонування Internet».
Метою даної роботи є ознайомлення із засобами обміну інформацією у протоколі HTTP і підготовки даних у форматі мови HTML з використанням розширених засобів форматування даних.
Мережу Internet (Інтернет) можна описати як величезну цифрову магістраль - систему яка поєднує мільйони комп'ютерів, підключених до тисяч мереж по усім світі. Лежачий в основі мережі протокол TCP/IP (TransmissionControlProtocol/ InternetworkProtocol - протокол керування передачею/ меж мережевий протокол), розроблений з тією метою, щоб комп'ютери всіх видів могли спільно використовувати мережеві засоби й безпосередньо взаємодіяти один з одним як одна ефективно інтегрована комп'ютерна мережа.
Internet - це загальнодоступна мережа, відкрита для будь-якого користувача, що має модем і програмне забезпечення для роботи із протоколом TCP/IP. Підключення до Internet через постійне мережеве з'єднання або телефонну лінію надається провайдером послуг Internet. Оскільки усе більше людей звертаються до неї для комунікації один з одним й одержання інформації, компанії відкривають багато можливостей для свого бізнесу. У зв'язку із цим, великою популярністю стали користуватися фахівці, що мають відповідні знання про засоби й технології, використовувані у глобальній мережі.
протокол гіпертекст таблиця каскадний
1. Загальні положення. Основи всесвітньої павутини протокол HTTP і мова HTML
В основі програми «Всесвітня мережа» (WWW - World-Wide Web) лежить система, відома як Гіпертекст (Hypertext). Слова в одному документі "пов'язані" з іншими документами, що аналогічно роботі з енциклопедією - читаєш статтю, дивишся посилання, які цікавлять, і перегортаєш сторінки, щоб на ці посилання подивитися.
Власне кажучи, протокол HTTP - HypertextTransferProtocol (протокол обміну гіпертекстом) визначає правила й послідовність дій по передачі в мережі даних у форматі HTML (HypertextMarkupLanguage - мова розмітки документів у форматі Гіпертексту).
Роль сервера в цьому обміні, в 80% систем виконує програма httpd сервера Apache. Структура настроювань даного сервера порівняно проста й визначається групами команд, що описують властивості сервера щодо його видимості ззовні й щодо його розташування в структурі каталогів файлової системи. Для налагодження конфігурації сервера й структури розроблених документів може використатися й версія сервера для ОС Windows.
Інформаційний зміст WEB-сервісу формується з даних, описаних у форматі HTML. Для цього існує велика кількість редакторів, у тому числі й візуальних. Одними з найпоширеніших редакторів є MS FrontPage, HotMetal, MacromediaDreamweaver.
Особливістю HTML є підтримка широкого набору форматів даних, які можуть використано для подання інформації - від простого тексту до відео.
Для поліпшення візуального сприйняття інформації й уніфікації подання даних у межах одного сайту рекомендується використовувати технологію каскадних таблиць стилів.
Іншою особливістю експлуатації HTML є можливість використання активних елементів у вигляді керуючих послідовностей на мовах VisualBasic або JavaScript.
Елементи HTML можна поділити на три основні категорії:
1) Заголовні елементи, тобто елементи, що використано в елементі HEAD ("шапка", заголовок) і містять інформацію про документ у цілому: TITLE, ISINDEX, BASE, META, LINK, SCRIPT, STYLE
2) Блокові елементи, що включають елементи, які визначають структуру документа, наприклад, поділ на частини й параграфи (абзаци): H1, H2, H3, H4, H5, H6, ADDRESS, і елементи P, UL, OL, DL, PRE, DIV, CENTER, BLOCKQUOTE, FORM, ISINDEX, HR, TABLE.
3) Текстові елементи. Текстовими елементами можуть бути:
- простий текст, що можливо містить escape послідовності (наприклад, &);
- вирази розмітки: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE;
- розмітка шрифту: TT, I, B, U, STRIKE, BIG, SMALL, SUB, SUP;
- спеціальні елементи: A, IMG, APPLET, FONT, BASEFONT, BR, SCRIPT, MAP;
- елементи форми: INPUT, SELECT, TEXTAREA.
В HTML файлі змістові обов'язково повинен передувати розділ HEAD, що мінімально може складатися із двох конструкцій. Тоді код HTML можна представити так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Hello</TITLE>
</HEAD>
<BODY>
Hello world
</BODY>
</HTML>
У документі може бути тільки один елемент BODY, у середині якого розташовують елементи, відповідальні за правила форматування та подання інформації.
Як правило, документ складається із частин, які, у свою чергу, теж діляться на частині й т.д. В HTML такий поділ робиться з використанням заголовків різного рівня. Частини самого нижнього рівня в цій ієрархії складаються з одного або декількох абзаців. На додаток до простих абзаців і деяких спеціальних видів абзаців HTML підтримує списки й таблиці, які можна представити, як подібні до абзаців. Внутрішня структура абзаців і подібних їм елементів складається з тегів текстового рівня, які наведено далі.
Теги для визначення головних структурних особливостей, так звані теги блокового рівня, являють собою наступне:
1) заголовки різних рівнів: H1, H2, H3, H4, H5, H6;
2) теги рівня абзацу:
- простий абзац: P;
- цитування, що є окремим абзацом BLOCKQUOTE;
- адреса автора інформації - окремий абзац: ADDRESS;
- елемент, що зберігає компонування рядків і пробілів попередньо відформатованого тексту PRE;
3) списки:
- простий неупорядкований список: UL, LI;
- стислий список, розташованих одним рядком образів: MENU, LI;
- список малих образів: DIR, LI;
- упорядкований список: OL, LI;
- дефінітивний список (список міток): DL, DT, DD;
4) таблиці: TABLE, CAPTION, TR, TH, TD;
5) розподільники документа на частини, які можуть мати властивості свого власного компонування (наприклад, центрування): DIV, CENTER;
6) зміна теми: HR;
7) наповнення форм: FORM, ISINDEX.
Для зміни формату подання текстової інформації на екрані служать спеціальні елементи форматування. Варто враховувати, що форматування залежить, так само, від використовуваної програми перегляду. Елементи форматування представлені в таблиці 1.
Використовуючи таблиці стилів, можна так само визначити шрифт, кольори, тло й інші властивості для різних елементів HTML.
Таблиця 1 – Особливості відображення тексту в броузерах з елементами форматування
| Елемент | Netscape | Internet Explorer | Lynx |
| EM | курсив | курсив | підкреслений |
| DFN | звичайний текст | курсив | звичайний (однорозмірний) |
| CODE | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| SAMP | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| KBD | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| VAR | курсив | малий однорозмірний | звичайний (однорозмірний) |
| CITE | курсив | курсив | підкреслений |
| TT | однорозмірний | малий однорозмірний | звичайний (однорозмірний) |
| I | курсив | курсив | підкреслений |
| B | посилений | посилений | підкреслений |
| U | звичайний текст | підкреслений | підкреслений |
| STRIKE | закреслювання | закреслювання | текст між[DEL: і :DEL] |
| BIG | більший, ніж звичайний | більший, ніж звичайний | звичайний текст |
| SMALL | менший, чим звичайний | небагато менший, чим звичайний | звичайний текст |
| SUB | опущений, небагато менший | опущений | звичайний текст |
| SUP | піднятий, небагато більший | піднятий | звичайний текст |
Таблиці Каскадних Стилів (CascadingStyleSheets - CSS) - це мова, що містить набір властивостей для опису зовнішнього вигляду елементів HTML документів. З його допомогою дизайнер має повний контроль над стилем і розташуванням кожного елемента WEB-сторінки, що простіше й більш функціонально, ніж використання звичайного набору HTML тегів.
Існує три види таблиць стилів: внутрішні таблиці стилів, глобальні таблиці стилів і пов'язані таблиці стилів. Внутрішні таблиці стилів (InlineStyleSheets) містяться в HTML тегу. Глобальні (GlobalStyleSheets) визначають стиль елементів у всьому документі. Пов'язані (LinkedStyleSheets) можуть бути використані для декількох документів відразу й зберігаються в зовнішньому файлі, що дозволяє уніфікувати подання даних на декількох пов'язаних сторінках.
У глобальних таблицях форматування здійснюється у відповідності з наступними правилами синтаксису:
Селектор {властивості}
У якості селектора, у принципі, може використовуватися будь-який HTML-елемент, наприклад,
H1 {color: red; size:20pt;}
Пов'язані таблиці стилів, як указувалося раніше, використовуються для додання кільком документам одного стилю. Вони зберігаються в окремому файлі. Зміст файлу оформляється у відповідності з наступними правилами:
<STYLE type="text/css">
body {background:black; font-size:9pt; color:red; font-family:Arial Black}
.base{color:blue; font-style:italic}
h1 {color:white}
#bold {font-weight:bold}
</STYLE>
А зв'язок HTML-документа з файлом CSS здійснюється за допомогою елемента <LINK>:
<LINK rel="STYLESHEET" TYPE="text/css" HREF="шлях_до_css-файлу">
Елементи JavaScript, розміщаються усередині HTML сторінки або зв'язуються з нею й не можуть існувати як окремі програми. Вони функціонують, будучи запущеними в браузерах типу NetscapeNavigator або InternetExplorer, використовуючи убудовані інтерпретатори.
Коли Ви завантажуєте сторінку в Навігаторі, це створює ряд об'єктів, що відповідають сторінці, її змісту, і іншій подібній інформації. Кожна сторінка завжди має наступні об'єкти: