Суть і складові частини Web технології.

Створення Web-сторінки з використанням простого HTML-коду.

Мета роботи: Вивчити основи мови HTML. Створити домашню сторінку.

Теоретичні відомості:

Трохи історії. Всесвітня інформаційна мережа (World Wide Web далі Web) має недовгу, за людськими мірками, історію. Роком народження Web вважається 1992 рік, а батьком засновником був хтось Tim Berners-Lee, який зумів, використовуючи нові мережеві технології і досвід своїх попередників, зробити Web приємним і зручним засобом поширення інформації в всесвітній мережі комп'ютерних мереж Internet (Internet існує з середини 60-х років).

Поштовх для свого стрімкого і переможного ходу по планеті Web отримала в 1993 році, коли Mark Andressen з групою студентів університету Ілінойса, розробили безкоштовно поширювану (ось дійсна причина бурхливого розвитку Web) програму Mosaic для перегляду Web-сторінок.

HTML був розроблений на основі потужної мови розмітки SGML, шляхом перенесення деяких його функцій розмітки даних в мережеве середовище для розмітки гіпертексту. Одночасно з розвитком Web технологій, насиченням Web новими сервісами і можливостями, розвивалася і мова розмітки гіпертексту. З моменту свого появлення стандарт HTML зазнав безліч змін, останню з яких це специфікація HTML 4.01, анонсована консорціумом W3C 24 грудня 1999 р.

Суть і складові частини Web технології.

Виділимо базові елементи технології Web:

Internet це усесвітня мережа різнорідних комп'ютерних мереж, взаємодіючих по протоколу TCP/IP.
Web є одним із застосувань Internet (разом з електронною поштою, новинами і іншими електронними сервісами), призначеним для масового поширення всілякої інформації.
Носіями інформації в Web служить Web-сторінки, що містять текст, графіку, мультимедіа елементи і гіперпосилання на інші ресурси Web або Internet.
Для передачі гіпертексту Web-сторінок в Internet використовується спеціально розроблений протокол HTTP (Hyper Text Transfer Protocol).
Для розробки Web-сторінок використовується спеціальна мова розмітки гіпер-тексту HTML (Hyper Text Markup Language).
Для перегляду Web-сторінок використовується спеціальна клієнтська програма Web-броузер. У вікні Web-броузера відображуються результати інтерпретації мови HTML з Web-сторінок, отриманих під час навігації по гіперпосиланнях.

Основи мови розмітки гіпертексту - HTML.
Базовым елементом мови розмітки гіпертексту є - ТЕГ (дескриптор, маркер). Тег завжди поміщений між дужками < > і має наступний вигляд: <ТЕГ параметр1="ЗНАЧЕННЯ" ... параметрN=``ЗНАЧЕННЯ''>

Теги бувають одиночними і контейнерними. Контейнером називається пара: відкриваючий <ТЕГ> і закриваючий </ТЕГ>.

<ТЕГ> Вміст контейнера </ТЕГ>

Відкриваючий тег служить для вказівки програмі-броузеру початку якого-небудь об'єкту або завдання властивостей об'єктів поміщених в контейнер. Закриваючий тег служить для вказівки програмі-броузеру про кінець об'єкту або закінчення вживання властивостей, заданих у відкриваючому тегу. Параметри(атрибути) тега задають значення властивостей даного об'єкту або об'єктів поміщених в контейнер. Значення властивостей, що містять пропуски, беруться в лапки, в останніх випадках лапки можна опустити.

HTML документ є звичайним текстовим файлом, який містить маркований тегами форматування текст, а так само задані спеціальними тегами посилання на графічні та інші файли мультимедіа, посилання на інші документи HTML і ресурси Internet.

Документ HTML починається відкриваючим тегом <HTML> і закінчується закриваючим тегом </HTML>. Між даною парою контейнерних тегів розташовуються дві інші основні частини HTML документа: заголовок ув'язнений в контейнер <HEAD>...</HEAD> і тіло документа в контейнері <BODY>...</BODY>. Таким чином структура простого документа HTML виглядає приблизно так:

Структура HTML-документа
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN" >
<HTML>
<HEAD> Заголовок документа </HEAD>
<BODY> Тіло документа </BODY>
</HTML>

Оголошення <!DOCTYPE>. Елемент <!DOCTYPE> повинен першим вказуватися в документі HTML (теоретично). Він повідомляє серверу WEB спосіб обробки документа і те, які дескриптори можуть знаходитися на сторінці, хоча найчастіше він ігнорується браузерами. Тому його вживання не обов'язкове.

Синтаксис: <!DOCTYPE HTML "текст""URL">

Тут текст визначає версію HTML, а URL дозволяє браузерам користувачів завантажити DTD наприклад:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 // EN"
"http://smila.com/index.php?start=204">

Тег <HTML>. Тег <HTML> визначає кордони документа HTML, йому відповідає кінцевий тег </HTML>. Між цими двома тегами розташовується власне весь документ. Як і <!DOCTYPE> теги <HTML> і </HTML> - не є строго обов'язковими. Але, все-таки, їх використання є правилами хорошого тону оскільки браузери у користувачів можуть бути всякі і не відомо - наскільки коректно вони візуалізують такий код.

На додаток до обов'язкової структури настійно рекомендується вставляти різні структурні деталі.

Кожен HTML документ повинен містити основну інформацію про його походження.

Якщо Ви прагнете до того, аби люди відшукали Ваш документ по відповідних зв'язках, важливість надання інформації про його походження стає очевидною. Коли користувач знайде Ваш документ за допомогою, наприклад, пошукового ресурсу AltaVista, він, найімовірніше, захоче взнати, до якого вигляду відноситься документ. Тому кожен файл HTML повинен надавати найосновнішу інформацію (або зв'язки до інформації) про його походження і природу. Наприклад, в зборах книгоподібних документів, розділених на малі файли, кожен файл повинен містити, принаймні, зв'язок до "першої сторінки" "книги" (home page).

Про походження документа має бути представлена, принаймні, наступна інформація:

Автор документа, що має унікальне ім'я. При цьому має бути заданий зв'язок з домашньою сторінкою автора. Якщо в документа декілька авторів, визначите їх всіх, а також роль кожного з них; наприклад автора, редактора, діючого спонсора, а також осіб, що формально відповідають за документ (при великому бажанні можливе використання посилання на людину, яка Вас всьому цьому пробувала навчити, Михайло Миколайович не образиться J). Дата створення документа або його останньої модифікації, або і та і інша. Дата, що представляється, має бути зрозуміла у всьому світі; зокрема, назву місяця краще писати словом, а не цифрою. Контекст документа і його статус, наприклад: частина офіційної документації компанії про один з її продуктів, або частина особистої інформації про хобі автора, або щось інше. Адреса (URL) документа. Така інформація частенько надмірна, проте вона може бути дуже корисна, коли комусь потрібна копія саме того документа, який він знайшов. Краще не покладатися на броузер (і користувача), що додають таку інформацію, коли зроблена копія документа.

Елемент <BODY>. Элемент <BODY> призначається для виділення тій частині документа, яка буде візуалізована для користувача. Він має як початковий, так і кінцевий теги. Початковий тег <BODY> може мати декілька атрибутів .

Вкладені атрибути елементу <BODY>:

BACKGROUND Атрибут задає графічне зображення, яке як черепиця заповнить фон документа. Синтаксис: <BODY BACKGROUND="(URL)(шлях) ім'я файлу">
BGCOLOR Цей атрибут задає колір фону документа за допомогою шістнадцяткових значень інтенсивності кольорів RGB, або за допомогою рядкового літерала, відповідного назві кольору. Синтаксис: <BODY BGCOLOR="#ff0000">або <BODY BGCOLOR="RED">
TEXT Цей атрибут задає використовуваний за умовчанням колір тексту, який не є гіперпосиланням. За умовчанням такий текст буде чорним. Синтаксис: <BODY TEXT="колір">
LINK Цей атрибут задає колір гіперпосилання, в більшості браузерів він заданий за умовчанням темно-синім. Синтаксис: <BODY LINK="колір">
ALINK Цей атрибут задає колір активного гіперпосилання, він міняє колір гіперпосилання у момент клацання по ньому мишею, не бажано задавати йому колір фону із зрозумілих причин. · Синтаксис: <BODY ALINK="колір">
VLINK Цей атрибут задає колір відвіданого гіперпосилання, не бажано задавати йому колір фону і колір атрибуту LINK із зрозумілих причин. Синтаксис: <BODY VLINK="колір">

Дата добавления: 2016-04-02; просмотров: 609;