Смекни!
smekni.com

Принципи роботи із засобами Web-сервісу (стр. 1 из 2)

ПРИНЦИПИ РОБОТИ ІЗ ЗАСОБАМИ WEB-СЕРВІСУ


Зміст

Вступ

1. Загальні положення.Основи всесвітньої павутини протокол HTTP і мова HTML

2.Основи HTML

3.Основи використання таблиць каскадних стилів

4.Основи використання активних елементів JavaScript

Використані джерела


ВСТУП

Тема роботи «Принципи роботи із засобами 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.


2.Основи HTML

Елементи 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 послідовності (наприклад, &amp);

- вирази розмітки: 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 піднятий, небагато більший піднятий звичайний текст

3.Основи використання таблиць каскадних стилів

Таблиці Каскадних Стилів (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-файлу">

4. Основи використання активних елементів JavaScript

Елементи JavaScript, розміщаються усередині HTML сторінки або зв'язуються з нею й не можуть існувати як окремі програми. Вони функціонують, будучи запущеними в браузерах типу NetscapeNavigator або InternetExplorer, використовуючи убудовані інтерпретатори.

Коли Ви завантажуєте сторінку в Навігаторі, це створює ряд об'єктів, що відповідають сторінці, її змісту, і іншій подібній інформації. Кожна сторінка завжди має наступні об'єкти: