Наприклад, ось так виглядає частина коду сторінки одного із записів нашого блогу.

Що частіше використовувати теги, то швидше вони запам'ятовуються. Завжди можна знайти довідник із усіма тегами, атрибутами та їх значеннями.

Мова гіпертекстової розмітки (HTML)

World Wide Web, або, щось саме Всесвітня павутина, WWW становить основну компоненту глобальної комп'ютерної мережі Інтернет. Зародившись ще у 60-ті рр., Інтернет довгий часвикористовувалася лише вузьким колом фахівців для обміну інформацією з електронній пошті. Мережа керувалася операційною системою UNIX - для наукових цілей це підходило, але досить складний текстовий інтерфейс UNIX"a суттєво обмежував масштаби застосування мережевих технологій. це мова – HTML (HyperText Markup Language – мова розмітки гіпертексту).

Автором мови HTML є Тім Бернерс-Лі, випускник Оксфордського університету, який працював тоді за контрактом у Женеві, в Європейській лабораторії фізики елементарних частинок (CERN, Conseil Europeen pour la Recherche Nucleaire) консультантом з програмного забезпечення. CERN - досить велика організація, і тому, щоб краще орієнтуватися в її структурі, не зберігати в пам'яті даних про велику кількість проектів, посадових осіб тощо, Тім Бернерс-Лі розробив для свого особистого користування програму Enquire, на основі якої через кілька років для лабораторії було створено свого роду інформаційний простір. Програма Enquire дозволяла здійснювати з так званий " нелінійний " пошук документів - тобто. переходити від одного документа до іншого без звернення до змісту або довідника.

Мова HTML становить основу технології гіпертексту. Гіпертекстовий документ містить так звані гіперпосилання.

Мова розмітки документів - це набір спеціальних інструкцій, які називаються тегами, призначених для формування в документах будь-якої структури та визначення відносин між різними елементами цієї структури. Теги мови, або, як їх іноді називають, дескриптори, що управляють, в таких документах якимось чином кодуються, виділяються щодо основного вмісту документа і служать як інструкції для програми, що робить показ вмісту документа на стороні клієнта. У перших системах для позначення цих команд використовувалися символи “<” и “>”, всередині яких містилися назви інструкцій та їх параметри. Наразі такий спосіб позначення тегів є стандартним.

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

Мова HTML не є мовою програмування; це засіб опису структури документа, його стилю та зв'язків його з іншими документами. Для перегляду Web-документів використовуються спеціальні програми - так звані браузери (англ. to browse - 1) пастись, обскубувати пагони; 2) читати, займатися безладно, уривками.) Взагалі-то, можливості браузерів набагато ширші, але поки що обмежимося їх визначенням як засобом перегляду web-документів. Саме браузерам Інтернет завдячує своєю популярністю.

Сучасні інформаційні Web технологіїшвидко змінюють наш світ та безпосередньо впливають на розвиток Web-технологій. Ця технологічна революція сильно вплинула не лише на бізнес, а й на приватне та професійне життя. Нові Web-технології проникають у всі сфери життя суспільства, змінюють способи спілкування та принципи ведення Web-проектів сучасних компаній, визначаючи долю останніх. Внутрішня складність та гранична простота застосування сучасних інформаційних Web технологій робить їх доступними кожному, хто щодня стикається із застосуванням їх у своїй професійній діяльності.

І в побуті, і в бізнесі, у листуванні та торгівлі люди та організації використовують Web, створюють власні Web-вузли, де пропонують інформацію, товари та послуги. Засоби створення Web-ресурсів розвиваються стрімко і без зупинок, дозволяють створювати складні Web-документи, не вимагаючи спеціальних знань про їх структуру та зовнішній вигляд, звільняючи час для продуктивної творчої діяльності. Головна перевага Web-технологій в сучасних умовах полягає в їхній простоті і як наслідок у підвищенні ефективності їх застосування.

Мова гіпертекстової розмітки HTML

Популярність Internet багато в чому викликана появою World Wide Web (WWW), оскільки це перша мережева технологія, яка надала користувачеві простий інтерфейс для доступу до різноманітних мережевих ресурсів. Простота та зручність застосування привели до зростання кількості користувачів WWW та привернули увагу комерційних структур. Далі процес зростання числа користувачів став лавиноподібним, і так продовжується досі. На основі необхідності об'єднати всю безліч інформаційних ресурсів почала розвиватися технологія за допомогою якої визначається гіпертекстова навігаційна система. Цією технологією стала мова HTML. Технологія HTML на початковому етапі була надзвичайно проста, і практично всі користувачі мережі одночасно отримали можливість спробувати себе творцями та читачами. інформаційних матеріалів, опублікованих у Всесвітньому павутинні. Справа в тому, що при розробці різних компонентів технології передбачалося, що кваліфікація авторів інформаційних ресурсів та їх оснащеність засобами обчислювальної технікибудуть мінімальними.

Мова HTML (HyperText Markup Language, мова розмітки гіпертексту) належить до так званих мов розмітки тексту (markup languages). Під терміном "розмітка" розуміється загальна службова інформація, яка не виводиться разом із документом, але визначає; як мають виглядати ті чи інші фрагменти документа. Наприклад, ви можете вимагати, щоб слово виводилося жирним або курсивним шрифтом, вивести окремий абзац особливим шрифтом або оформляти заголовки збільшеним шрифтом.

У наші дні існує багато різних мов розмітки. Наприклад, у комунікаційних програмах особлива форма розмітки визначає зміст кожного пакета з нулів та одиниць, що пересилається до Internet. Втім, будь-яка мова розмітки має вирішувати два важливі завдання:

1) мова визначає синтаксис розмітки;

2) мова визначає зміст розмітки.

Найбільш поширеною мовою розмітки Web-сторінок є HTML. Ця мова розмітки була створена і рекламована як одна з конкретизацій SGML. Вперше запропонований у 1974 році Чарльзом Голдфарбом і надалі після значного доопрацювання прийнятий як офіційний стандарт ISO, SGML (Standard Generalized Markup Language, Стандартна узагальнена мова розмітки) є метамовою - системою для опису інших мов.

Поява стандарту SGML була обумовлена ​​необхідністю спільного використання даних різними програмами та операційними системами. Навіть у далеких 60-х роках у користувачів комп'ютерів виникало чимало проблем із сумісністю. Проаналізувавши недоліки багатьох нестандартних мов розмітки, троє вчених з IBM - Чарльз Гольдфарб (Charles Goldfarb), Ед Мошер (Ed Mosher) та Рей Лорі (Ray Lorie) - сформулювали три загальних принципу, що забезпечують можливість спільної праціз документами у різних операційних системах.

1) Використання єдиних принципів форматування у всіх програмах, які виконують обробку документів. Цілком логічна вимога - всім нам добре відомо, як важко домовитися між собою людям, які говорять різними мовами. Наявність єдиного набору синтаксичних конструкцій та загальної семантики помітно спрощує взаємодію між програмами.

2) Спеціалізація мов форматування. Завдяки можливості побудови спеціалізованої мови на базі набору стандартних правил програміст перестає залежати від зовнішніх реалізацій та їх уявлень про потреби кінцевого користувача

3) Чітке визначення формату документа. Правила, що визначають формат документа, задають кількість та маркування мовних конструкцій, що використовуються у документі. Застосування стандартного формату гарантує, що користувач точно знатиме структуру вмісту документа. Зверніть увагу: йдеться не про формат відображення документа, а про його структурний формат. Набір правил, що описують цей формат, називається визначенням типу документа (document type definition, DTD).

Ці три правила було закладено основою попередника SGML - GML (Generalized Markup Language). Дослідження та розробка GML тривали близько десяти років, поки в результаті угоди, укладеної міжнародною групою розробників, не з'явився стандарт SGML.

HTML (Hypertext Markup Language, Мова розмітки гіпертексту) - це комп'ютерна мова, що лежить в основі World Wide Web. HTML заснований на стандарті SGML гіпертекстова мова розмітки документів для їх подання до Web. Стандарти мови HTML, одного з ключових стандартів Web, розробляються та підтримуються консорціумом W3C. Засновником цього міжнародного консорціуму є Тім Бернес Лі (Tim Berners-Lee). Консорціум, крім створення стандартів форматування, є центром розробки Semantic Web (семантична мережа). Засобами мови HTML забезпечується форматна розмітка документів, визначаються гіперзв'язки між документами та їх фрагментами.

Як основу написання коду HTML було обрано звичайний текстовий файл. p align="justify"> Таким чином, гіпертекстова база даних в концепції WWW - це набір текстових файлів, розмічених на мові HTML, який визначає форму подання інформації (розмітка) і структуру зв'язків між цими файлами та іншими інформаційними ресурсами (гіпертекстові посилання).

Розробники HTML змогли вирішити два завдання:

· Надати дизайнерам гіпертекстових баз даних простий засіб створення документів;

· зробити цей засіб досить потужним, щоб відобразити уявлення, що були на той момент, про інтерфейс користувача гіпертекстових баз даних.

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

Другим важливим моментом, що вплинув на долю HTML, стало те, що в якості основи було обрано звичайний текстовий файл. Середовище редагування HTML є нейтральною смугою між найпростішим текстовим файлом і програмою WYSIWYG (що ви бачите, те й отримуєте). Вибір середовища редагування дає всі переваги текстового редагування.

Гіпертекстові посилання, що встановлюють зв'язки між текстовими документами, поступово почали об'єднувати різні інформаційні ресурси, у тому числі звук і відео. Система гіперпосилань HTML дозволяє побудувати систему взаємозалежних документів за різними критеріями. Мова HTML містить команди (теги), що дозволяють керувати формою та розміром шрифтів, розміром та розташуванням ілюстрацій, дозволяє здійснювати перехід від фрагмента тексту або ілюстрації до інших html – документом – так зване гіпертекстове посилання. Документ в html - форматі є текстовий файл, що містить всі необхідні відомості про інформацію, що виводиться на екран. Для керування сценаріями перегляду сторінок Website (гіпертекстової бази даних, виконаної у технології World Wide Web) можна використовувати мови програмування цих сценаріїв, наприклад, JavaScript, Java та VBScript. Форми для введення користувачем даних, які пізніше піддаються обробці та іншу інформацію можна обробляти за допомогою спеціальних серверних програм (наприклад, мовами PHP або Perl). Мова HTML дозволяє розміщувати на сторінках гіпертекстові посилання та інтерактивні кнопки, які з'єднують ваші Web-сторінки з іншими сторінками того ж Web-сайту, так само як і з іншими Web-сайтами по всьому світу.

HTML є мовою розмітки тексту, а не мовою програмування, яка лише один з інструментів (точніше, мова опису сторінок), що використовується при створенні Web-сторінок. У HTML обмежені можливості форматування тексту в порівнянні з можливостями видавничих програм, особливо при виданні тексту, насиченого складними елементами.

Досі немає настільки зручних HTML редакторів, щоб можна було б обійтися без текстового редактората ручного розміщення тегів. Це ускладнює роботу з мовою, робить необхідним оволодіння ними абсолютно невластивих їм функцій.

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

Динамічний та статичний HTML-документи

Розрізняють два види html-документів – статичні та динамічні. Статичні документи зберігаються у файлах тієї файлової системи, яка використовується веб-сервером або браузером під час перегляду локальних файлів. При розміщенні інформації на web-сервері можна використовувати динамічні документи - такі, які не існують постійно як файли, а генеруються в момент запиту клієнта. Причому кінцевого користувача немає значення динамічний чи статичний спосіб подання документів.

Для створення динамічного документа HTML потрібна спеціально написана програма за правилами, що визначаються web-сервером. При плануванні розміщення інформації на web-сервері, для правильного визначення використання будь-якого виду документів, необхідно враховувати ступінь оновлюваності даних, їх обсяг та частоту обігу.

Динамічний спосіб визначає зберігання даних у формалізованому вигляді, наприклад, у базі даних.

Якщо ж дані зберігаються у формалізованому вигляді, то, використовуючи шаблони документів, у яких було зроблено зміни, генеруються статичні документи. Для генерування статичних документів можна використовувати будь-які засоби звітів, що є в системі управління баз даних (СУБД), якою оброблені і формалізовані дані.

Перспективи HTML

Нових версій мови HTML не буде, проте існує подальший розвиток HTML під назвою XHTML (англ. Extensible Hypertext Markup Language - мова розмітки гіпертексту, що розширюється). Поки XHTML за своїми можливостями можна порівняти з HTML, проте висуває більш суворі вимоги до синтаксису. Як і HTML, XHTML є підмножиною мови SGML, проте XHTML, на відміну попередника, відповідає специфікації XML. Варіант XHTML 1.0 був схвалений як Рекомендація Консорціуму Всесвітньої павутини (W3C) 26 січня 2000 року. Необхідно, однак, врахувати одну серйозну деталь - у цьому форматі створено велику кількість інформаційних ресурсів, що вони ще довго "розуміються" web-браузерами і використовуватимуться у своєму первозданному вигляді. Крім того, нові формати будуть розроблятися (і вже розробляються - наприклад XML) з підтримкою технологій HTML.

Стиль роботи змінюється, змінюються та засоби доступу до вмісту. Мова HTML вже спочатку створювалася як платформо - незалежна мова. Нові технології застосовуються практично скрізь і незабаром простір World Wide Web перестане бути надбанням лише користувачів настільних. персональних комп'ютерах, вже зараз деякі користувачі активно користуються голосовими браузерамидля незрячих або браузерами, що використовують абетку Бройля, часто вміст виводиться не на монітор комп'ютера, а в телевізор, коли застосовуються приставки з виходом у мережу або на телетайп, або на монохромні дисплеї різних організаторів-пейджерів та інші.

Технологія WWW

Служба World Wide Web (WWW) – найпопулярніша служба Internet. WWW – це єдиний інформаційний простір, що складається із сотень мільйонів взаємопов'язаних електронних документів, що зберігаються на Web-серверах. Окремі документи, що становлять простір Web, називають Web-сторінками. Групи тематично об'єднаних Web-сторінок називають Web-вузлами (Web-сайт). Один фізичний Web-сервер може містити досить багато Web-вузлів, кожному з яких відводиться окремий каталог на жорсткому диску сервера.

Від звичайних текстових документів Web-сторінки відрізняються тим, що вони оформлені без прив'язки до носія. Наприклад, оформлення Word-документа, надрукованого на папері, прив'язане до параметрів друкованого аркуша, який має певну висоту, ширину та розмір полів. Електронні Web-документи призначені для перегляду на екрані ПК, причому наперед не відомо, на якому. Тому Web-документи що неспроможні мати жорстке форматування. Оформлення виконується під час їх відтворення на ПК клієнта і здійснюється відповідно до налаштувань програми, що виконує перегляд (браузера). Браузер відображає документ відповідно до тих команд, які записані в тексті Web-документа. Команди можуть записуватися або безпосередньо автором документа, або впроваджуватись автоматичними засобами підготовки Web-документів.

Такі команди називають тегами. Теги полягають у дужках<>. Більшість тегів використовуються парами: тег, що відкриває, і закриває.

Складні теги, крім ключового слова, мають додаткові атрибути та параметри. Правила запису тегів містяться у специфікації спеціальної мовирозмітки гіпертексту - HTML (Hyper Text Markup Language). Т. е. Web-Документ являє собою звичайний текстовий документ, розмічений тегами HTML.

Найважливішою рисою Web-документів є гіпертекстові посилання. Гіперпосилання можна встановити на будь-який фрагмент тексту. Для створення гіперпосилання використовується парний тег . Цей тег містить обов'язковий атрибут HREF, який визначає адресу URL документа, на який вказує посилання.

Адреса може бути задана в абсолютній та у відносній формі. Адреса в абсолютній формі починається із зазначення протоколу та адреси Web-вузла. Такий запис використовується, коли необхідно направити відвідувача на інший веб-сайт, і розглядається як зовнішнє посилання. При використанні відносної адреси в засланні задається лише відносний шлях пошуку для документа. При цьому передбачається використання того ж протоколу і того ж Web-вузла, а посилання розглядається як внутрішнє. Внутрішнє посилання зберігає свою працездатність у разі зміни адреси веб-сайту як цілого (наприклад, на інший сервер). Повний формат гіперпосилання включає можливість посилання певне місце всередині сторінки. Але це можна зробити лише для сторінок власної розробки. І тому місце, яким ставиться посилання позначається з допомогою спеціального елемента- якоря. Якір задається за допомогою парного тегу c обов'язковим атрибутом NAME. Значенням цього атрибуту є довільна послідовність латинських літер та цифр – ім'я якоря. Для посилання на якір його ім'я вказується в кінці URL після символу #.

Глосарій

Браузер шукатиме документ на даному сервері у поточній папці

Midi-музика

Браузер виконає перехід на сайт http://www.midi.ru.

Сукупність великої кількості гіпертекстових документів, що зберігаються на серверах WWW, утворює своєрідний простір гіпердокументів, між якими можливе переміщення. Довільне переміщення між документами називають Web-серфінгом, а цілеспрямоване (виконується для пошуку потрібної інформації) – Web-навігацією.

Гіпертекстовий зв'язок між великою кількістю документів, що зберігаються на фізичних серверах Internet, є основою існування логічного простору WWW.

Розглянемо апаратні та програмні засоби, які разом утворюють Інтернет.

· Клієнти та сервери.Веб-сервер - це підключений до Інтернету комп'ютер, на якому виконується спеціальна програма, також називається веб-сервер. До завдань цієї програми входить зберігання, пошук та розподіл певних файлів у Веб. Клієнт Веб - це браузер, що запитує файли з Інтернету. Коли клієнтський комп'ютер хоче отримати доступ до одного із файлів, запит надсилається на веб-сервер. Сервер шукає вказаний файл і надсилає його клієнтського комп'ютера, який передав запит. Тисячі комп'ютерів, які утворюють Веб, являють собою найрізноманітніші поєднання апаратних і програмних засобів. Коли комп'ютер-клієнт запитує який-небудь файл, він практично нічого не знає ні про особливості сервера, де зберігається файл, ні про інші комп'ютери, які будуть передавати файл один одному на його шляху від сервера до клієнта. Щоб така система працювала, вона повинна використовувати набір мов та протоколів, які не залежать від апаратних засобів або операційних систем.

· URL-адреси та протоколи передачі даних.Якщо фрагменти документа розкидані по всьому світу, а ви хочете надати його користувачу у вигляді цілісного, витриманого в єдиному стилі документа, знадобиться дуже хороша адресна система. Кожен файл в Інтернеті має адресу, яка називається URL (Uniform Resource Locator - уніфікований покажчик інформаційного ресурсу). Наприклад, URL сайту Європейської федерації футболу - http://ua.uefa.com.

Перша частина URL визначає метод, з якого комп'ютер отримує доступ до файлу, тобто комунікаційний протокол. До більшості веб-сторінок доступ здійснюється за допомогою протоколу HTTP (Hypertext Transfer Protocol – протокол передачі гіпертекстових документів). Ось чому веб-адресу зазвичай вказують з використанням літер «http», а браузери автоматично вставляють ці літери перед введеною користувачем веб-адресою. Часто частина адреси http:// на початку URL опускається.

Наступна частина адреси – це хост-ім'я веб-сервера. Система доменних імен направить ваш запит веб-серверу, де б він не знаходився.

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

· HTML(Hypertext Markup Language - мова розмітки гіпертекстових до-нтів) є універсальною мовою Веб. Він використовується для компонування сторінок, на яких може бути відтворена інформація, розміщена в Інтернеті: текстова, графічна, а також аудіо- та відеоінформація.

· Java та JavaScript.МоваJava призначена для пересилання через Веб невеликих додатків (званих аплетами або Java-додатками). А мова JavaScript розширює можливості НTML для вбудовування невеликих програм (або сценаріїв) у веб-сторінки. Основне призначення аплетів та сценаріїв полягає у підвищенні інтерактивності веб-сторінок - замість взаємодії з віддаленим веб-сервером ви працюєте з аплетом та сценарієм, які виконуються на вашому комп'ютері.

Існують також Java-аплети та сценарії JavaScript для побудови анімації, вони надсилаються веб-сервером по мережі, щоб бути виконаними на комп'ютері користувача; вони дозволяють уникнути передачі кадрів анімації Інтернетом. Описані процеси зазвичай відбуваються непомітно користувача.

· VBScript та елементи керування ActiveX.Мова VBScript та елементи керування ActiveX – це стандартні засоби, що підтримуються браузером Internet Explorer.

VBScript є спрощеною версією мови Visual Basic, розробленої компанією Microsoft. За його допомогою можна створювати сценарії, які надають веб-сторінкам динамічності. Таким чином, за своїми можливостями VBScript аналогічний до мови JavaScript.

Елементи керування ActiveX, подібно до Java-аплетів, застосовуються для вбудовування виконуваних програм у веб-сторінки. Коли Internet Explorer зустрічає веб-сторінку, де використовуються елементи керування ActiveX, він перевіряє, чи встановлений конкретний елемент керування на вашому комп'ютері, і якщо ні – інсталює його.

· XML та інші розширені мови Веб. XML (Extensible Markup Language - розширена мова опису документів) є дуже потужною мовою, яка повинна замінити HTML як мову розробки додатків для Веб. На відміну від HTML, XML не містить жодних інструкцій про те, як повинні відображатися дані, що описані в XML-документі. Спосіб їх відображення задається мовою опису стилів, який грає для XML приблизно ту ж роль, що каскадні таблиці стилів для HTML. Консорціум W3C працює з двома специфікаціями таблиць стилів: XSL (Extensible Style Language – розширена мова стилів) та CSS (Cascading Style Sheets – каскадні таблиці стилів). Інша важлива відмінність XML від HTML полягає в тому, що він може містити будь-які теги, які вважають за потрібне використовувати автори XML-словника.

Більш досконалою версією HTML є мова DHTML (Dynamic HTML - динамічний HTML), що включає три компоненти - HTML, JavaScript та CSS.

· графічні об'єкти.Малюнки, креслення, карти, діаграми та інші графічні зображення, представлені в Інтернеті, можуть мати безліч форматів. Найбільш поширеними форматами відображення графічної інформації є JPEG та GIF.

· Аудіо- та відеофайли.Веб надає безліч аудіо- та відеофайлів, які відтворюються за допомогою інтегрованих програмних модулів браузера. Існує два способи передачі таких даних: браузер може або завантажити їх у вигляді цілого файлу (тоді відтворювати доведеться весь обсяг інформації, що займе чимало часу, оскільки звукові файли мають великі розміри, а відеофайли просто величезні), або взяти тільки ту частину файлу, яку необхідно відтворити в Наразі. Другий метод називається потоковим аудіо або потоковим відео.

HyperText Markup Language(HTML) – мова розмітки гіпертексту – призначена для написання гіпертекстових документів, що публікуються у World Wide Web.

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

Існує два способи створення гіпертекстових документів. Можна скористатися одним із WYSIWYG HTML-редакторів (наприклад, Microsoft FrontPage, або ін.), для роботи з якими не потрібні спеціальні знання про внутрішню структуру створюваного документа. Цей спосіб дозволяє створювати документи для WWW без знання мови HTML. HTML-редактори автоматизують створення гіпертекстових документів, позбавляють рутинної роботи. Однак їх можливості обмежені, вони сильно збільшують розмір файлу і не завжди отриманий з їх допомогою результат відповідає очікуванням розробника. Але, безумовно, цей спосіб є незамінним для новачків у справі підготовки гіпертекстових документів.

Альтернативою є створення та розмітка документа за допомогою звичайного редактора тексту (NotePad). При цьому способі тексту вручну вставляються команди мови HTML. Створюючи документи у такий спосіб, ви точно знаєте, що робите.

Як зазначалося, HTML-документ містить символьну інформацію. Одна її частина - власне текст, тобто дані, що становлять вміст документа. Інша – теги(markup tags), звані також прапори розмітки, – спеціальні конструкції мови HTML, що використовуються для розмітки документа та керують його відображенням. Саме теги мови HTML визначають, як буде представлений текст, які його компоненти виконуватимуть роль гіпертекстових посилань, які графічні чи мультимедійні об'єкти мають бути включені в документ. Графічна та звукова інформація, що включається в HTML-документ, зберігається в окремих файлах. Програми перегляду HTML-документів (браузери) інтерпретують прапори розмітки та мають текст і графіку на екрані відповідним чином. Для файлів, що містять HTML-документи, прийняті розширення .htm або .html.

Великі та малі літери при записі тегів не відрізняються.Найчастіше теги використовуються парами. Пара складається з тегів, що відкриває (start tag) і закриває (end tag). Синтаксис тега, що відкриває:

<имя_тега [атрибуты]>

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

Атрибути тега записуються у наступному форматі:

ім'я[="значення"]

Лапки при заданні значення аргументу не обов'язкові і можуть бути опущені. Для деяких атрибутів значення може не вказуватись. У теги, що закриває, атрибутів не буває.

Дія будь-якого парного тега починається з того місця, де зустрівся тег, що відкриває, і закінчується при зустрічі відповідного закриваючого тега. Часто пару, що складається з тегів, що відкриває і закриває, називають контейнером, а частина тексту, облямовану тегом, що відкриває і закриває, – елементом.

Послідовність символів, що становить текст, може складатися з пробілів, табуляцій, символів переходу на новий рядок, символів повернення каретки, букв, розділових знаків, цифр, і спеціальних символів (наприклад, +, #, $, @), за виняткомнаступних чотирьох символів, що мають у HTML спеціальний зміст:< (меньше), >(більше), & (амперсенд) і " (подвійна лапка). Якщо необхідно включити до тексту якийсь із цих символів, то слід закодувати його особливою послідовністю символів.

Вступ

§ 1. Загальні відомості про мову розмітки гіпертексту (HTML)

§ 2. Структура HTML-документа

§ 3. Елементи дизайну Web-сторінок

§ 4. Практичне застосування мови розмітки гіпертексту HTLM

Висновок

Література

Вступ

Діяльність розглядається мова розмітки гіпертексту HTML (Hypertext Markup Language); Першу специфікацію цієї універсальної та загальнодоступної мови розмітки - HTML було затверджено в 1991 році. HTML став стандартом і одночасно «коренем» для всіх сторінок, що розробляються.

Актуальність теми роботи визначена тим, що на сьогоднішній день HTML залишається найуніверсальнішим, навіть незамінним засобом розмітки гіпертексту, а отже, і публікації в Інтернеті. Написання Web сторінок на HTML не вимагає інтерпретації вихідного кодуу двійковий код.

Сучасні Web-сторінки вже не обходяться одним лише HTML. Його гармонійно доповнюють засоби динамічного HTML: скрипт мови JavaScript та/або VBScript, каскадні таблиці стилів (CSS), іноді є Java-аплети. По суті, можна вивести для сучасної Web-сторінки: Web-сторінка=HTML+DHTML(JavaScript/VBScript, CSS, Java-аплети)+CGI Тобто на будь-якій сторінці повинна бути HTML-верстка - розташування елементів дизайну тексту та необхідні скрипти - як розширення HTML в області розташування та опису властивостей різних об'єктів. CGI-скрипти можуть грати першорядну роль, формуючи всю сторінку, наповнюючи її необхідними, оновленими даними або другорядну роль, - включаючись до неї.

Мета роботи полягає у загальній характеристиці мови розмітки гіпертексту HTML. Відповідно до поставленої мети завдання роботи сформульовані такі:

1. огляд основних можливостей HTML

2. аналіз практичного застосування HTML (з прикладу навчальних програм).

§ 1. Загальні відомостіпро мову розмітки гіпертексту (HTML)

Гіпертекст - текст із вставленими до нього словами (командами) розмітки, які посилаються інші місця цього тексту, інші документи, картинки тощо. Під час читання такого тексту (у відповідній програмі, що його обробляє та виконує відповідні посилання або дії) ви бачите підсвічені (виділені) у тексті слова. Якщо наїхати на них курсором і натиснути клавішу або кнопку (очі) мишки, то висвітиться те, на що посилалося це слово, наприклад, інший параграф тієї ж глави цього ж тексту. У WWW по ключовим словамможна потрапити в зовсім інший текст з іншого документа, увійти в якусь програму, зробити якусь дію і т.д. В Internet у контексті WWW можна отримувати доступ до будь-чого, до telnet, e-mail, ftp, Gopher, WAIS, Archie, USENET News тощо. У WWW можна посилатися на дані на інших машинах у будь-якому місці мережі, тоді при активації цього посилання ці дані автоматично передадуться на вихідну машину і ви побачите на екрані текст, дані, картинку, а якщо провести в життя ідею мультимедіа, то й звук почуєте, музику, мова. Це трохи нагадує Gopher, але фактично це є принципово інше та нове. У Gopher є жорстка структура меню, яким ви рухаєтеся, як вам завгодно. Ця структура залежить від того, що ви робите, який документ користуєте тощо. У WWW ви рухаєтеся за документом, який може мати будь-яку гіпертекстову структуру. Можна вільно організувати структури меню гіпертексту. Маючи редактор гіпертекстів, можна створити будь-яку структуру робочого середовища, включаючи документацію, файли, дані, картини, програмне забезпеченняі т.д., і це не буде нове програмне забезпечення, а просто гіпертекст.

Сучасні програми розробки Web-серверів, такі як MS FrontPage або Web Pen для Windows, дають можливість навіть новачкові без будь-якого вивчення підручників легко створювати готові сторінки. При цьому спеціаліст зі створення Web-сайтів, званий Web-майстром, бере готові файли (тексти, таблиці, графіку, бази даних, звук, анімацію, відеофільми, програми) та за допомогою кнопок та команд меню оформлює сторінки сайту. Подібні програми, виконуючи команди інструментального та операційного меню, формують гіпертекст WWW-сервера.

Вихідні текстові, табличні та графічні та інші об'єкти включаються до Web-site за допомогою тегів (tag = ярлик, етикетка). Тег - це послідовність символів, що задає

). становище об'єкта на сторінці сайту,

). зовнішній виглядоб'єкта або

Тег називають також керуючим маркером, прапором. Програми типу Web Pen самі розставляють теги, тому користувач таких програм може знати мови розмітки гіпертексту (HTML = HyperText Markup Language).

Знання HTML необхідне з п'яти причин.
По-перше, Web-майстер аналізує сайти фірм-конкурентів та просто вдалі екземпляри WWW-серверів. Такий аналіз, необхідний удосконалення свого сайту, неможливий без знання мови розмітки гіпертексту.

По-друге, вдосконалення свого Web-сервера без повної його переробки (що довго і дорого) зручно проводити шляхом ручної вставки та видалення об'єктів та тегів.

По-третє, HTML безперервно розвивається, тому програми типу MS FrontPage постійно відстають від нових можливостеймови.

По-четверте, не слід забувати про досить високу вартість таких програм.

Зрештою, по-п'яте, витративши гроші на придбання програми, потрібно ще витратити час на її освоєння.

Використовуючи HTML, Web-майстер визначає структуру гіпертекстового документа та вигляд кожної його сторінки. HTML задає синтаксис тегів, відповідно до яких програма перегляду відображає вміст документа: текст, зображення, таблиці та дані інших типів. Cамі теги програмою перегляду не відображаються.

У HTML реалізовано підтримку механізму спеціальних гіпертекстових посилань, які забезпечують зв'язок цього документа з іншими документами. Останні можуть бути:

) на даному сайті, тобто в папці, що містить усі htm-файли, графіку, звук, анімацію, відеофільми, програми;

) поза сайтом в інших в папках на даному комп'ютері;

) у системі World Wide Web, тобто інших Web-серверах;

) в Internet на серверах інших типів (FTP, Gopher).

Застосування механізму гіпертекстових посилань створює всесвітнє єдине інформаційний простір, з якого співробітники торгової фірми отримують необхідну їм інформацію. Стандарт HTML, як і інші стандарти, що стосуються Web, розробляється під егідою консорціуму World Wide Web Consortium (W3C). Специфікації стандартів та проекти нових пропозицій можна знайти за адресою #578258.files/image001.gif>на панелі завдань.

Створити нове вікно текстового процесора MS Word за допомогою команди операційного меню (Вікно, Нове вікно) або клацнувши мишкою по кнопці інструментального меню "Стандартне".

Командою операційного меню (Вікно, Упорядкувати все) розмістити на дисплеї одразу два вікна: з методичкою та нове. Курсор повинен знаходитись у новому вікні. Командою операційного меню MS Word (Вставка, Малюнок...) відкрити діалогову панель "Вставити рисунок".

Зі списку wmf-файлів у лівій частині діалогової панелі вибрати клацанням миші файл 1stplace.wmf. Розглянути малюнок у правій частині діалогової панелі.

Повторюючи дії, зазначені у пункті 6, переглянути кілька малюнків. Вибрати багатобарвний малюнок, що сподобався, клацнувши по кнопці OK в лівій нижній частині діалогової панелі. Цей малюнок з'явиться у новому вікні MS Word.

Розташувати покажчик миші малюнку і клацнути лівою клавішею миші. Копіювати малюнок у буфер обміну, використовуючи команду операційного меню (Правка, Копіювати) або клацнувши мишкою по кнопці інструментального меню "Стандартне".

Закрити вікно з малюнком за допомогою клавіші . Зробити максимальними розміри вікна з методичкою, клацнувши на кнопці максимізації розмірів цього вікна.

Перейти до вікна графічного редактора Paint, клацнувши мишею по кнопці на панелі завдань.

Редактором LView Pro прочитаємо bmp-файл, створений за допомогою Paint, і збережемо його як gif-файл, з'ясувавши і виконавши для цього такі дії.

Запустити провідник, використовуючи кнопку "Пуск" на панелі завдань:

ПУСК => ПРОГРАМИ => ПРОВІДНИК

На диску D: відкрити папку LWPRO та запустити редактор LView Pro подвійним клацанням на ім'я файлу Lviewpro.exe.

Прочитати bmp-файл, створений за допомогою Paint, використовуючи команду операційного меню LView Pro (File, Open).

Кольори в документах HTML можуть задаватися двома способами - вказівкою коду кольору або вказівкою назви кольору на англійською. При першому способі код кольору записується у вигляді шістнадцяткового числа, що містить шість цифр: перші дві цифри визначають інтенсивність червоного кольору, другі - зеленого, треті - синього. При другому способі використовуються наступні назви кольорів: black (чорний), maroon (темно-червоний), green (зелений), olive (оливковий), navy (синій), purple (фіолетовий), teal (зелено-синій), gray (сірий) ), silver (сріблястий), red (червоний), lime (вапняний), yellow (жовтий), blue (блакитний), fuchsia (яскраво-малиновий), aqua (морської хвилі) та white (білий).

Створимо документ, що містить таблицю, комірки якої забарвлені в різні кольори. Фон документа встановимо чорним. Документ наберемо (або відредагуємо) Блокнотом та запишемо у робочу папку у файл colortab1.htm.

Подивіться за допомогою MS Internet Explorer на результат. Цей результат досягнуто застосуванням нових атрибутів та тегів. Атрибут BGCOLOR задає колір фону в тегах та . Він може використовуватися також у тегах і для визначення кольору рядка фону в цілому. Тег

означає абзац (paragraph). У цьому випадку до всього абзацу застосовано вирівнювання по центру вікна (атрибут ALIGN зі значенням CENTER). Атрибут ALIGN може також приймати значення LEFT та RIGHT. Абзац закінчується тегом

- Це так званий тег заголовка таблиці. Фактично він оголошує рядок, у якому має бути записаний заголовок таблиці. В даному випадку він має атрибут COLSPAN, що визначає, скільки осередків з наступного рядка повинен перекрити цей заголовок. Тег визначає налаштування властивостей шрифту. У цьому випадку встановлюється колір тексту у рядку заголовка. Взагалі, в тегах можна використовувати кілька атрибутів, але тег є винятком – для кожної зміни властивостей тексту використовується окремий тег. , наприклад:

Створіть у робочій папцідокумент font1.htm, до тіла якого увімкніть текст наведеного вище прикладу та перегляньте результат. Прискорити виконання завдання можна копіюванням цього прикладу в текст, створюваний Блокнотом. Для цього слід виділити приклад у методичці, протягнувши покажчик миші (при натиснутій лівій клавіші) по смузі виділення зліва від трьох рядків прикладу. Використовуючи як зразок документ colortab1.htm, створіть у робочій папці документ table3.htm, що містить таблицю із заголовком "Координати осередків" та з 16-ма клітинками (4 рядки по 4 осередки), в яких записані координати цих клітин за принципом С1К1 (де С - рядок, К - колонка з відповідними номерами). Фон документа має бути синьо-зеленим, фон рядка заголовка – білим, текст рядка заголовка – жовтим. Текст у комірках таблиці має бути чорним на сірому фоні. Осередки таблиці повинні мати межі.

§ 4. Практичне застосування мови розмітки гіпертексту HTLM

p align="justify"> Основним принципом формування інтерактивного навчального середовища при всіх концепціях навчання, як показує практичний досвід, є гіпертекстовий принцип структурування та подання інформації. Теорія гіпертексту, що розробляється в літературі, а також наявний досвід зі створення гіпертекстових структур дозволяють намітити ряд його сутнісних, структурно значущих понятійних ознак. Згадаймо історію формування цього явища. Спочатку гіпертекстові технології привернули увагу викладачів як засіб інтеграції текстової інформації та інформації, що подається в інших модальностях – мультимедіа (звук, відео, анімація тощо). Потім автори - розробники комп'ютерних навчальних програм відкрили собі гіпертекст як моделювання когнітивних процесів і цим як нове засіб управління цими процесами. Симптоматично, що сама ідея гіпертексту (хоча і без введення саме цього терміну) була вперше, як стверджується у всіх західних підручниках з історії цього поняття і як прийнято зараз рахувати в інтернетівській інформаційній спільноті, викладена у статті Ванневара Буша, озаглавленої таким чином: «As we may think»; саме від цієї роботи починається відлік епохи гіпертексту як деякого особливого явища в теорії інформації, лінгвістики та когнітивної психології, а також у сфері художнього слова нового типу (hypertext fiction).

В даний час термін «Гіпертекст» застосовують до різних об'єктів: 1) так називають особливий метод побудови інформаційних систем, що забезпечує прямий доступ до даних із збереженням логічних зв'язків між ними; 2) це певна система подання текстової та мультимедійної інформації у вигляді мережі пов'язаних між собою текстових та інших файлів; 3) це особливий універсальний інтерфейс, відмінними рисами якого є його інтерактивність та надзвичайна дружелюбність по відношенню до користувача. Розробка гіпертекстових систем з метою навчання було розпочато там у 80-ті роки, аналогічні роботи у Росії досі перебували у пілотної стадії. У 2004 р. у нас спостерігається експоненційне зростання кількості гіпертекстових систем, що пропонуються для дистанційного навчання, що відповідає світовим тенденціям у цій галузі.

Навчальні матеріали, підготовлені на основі мультимедійних гіпертекстових технологій, мають ряд очевидних переваг як для вчителя, який забезпечує, спрямовує та контролює процес навчання, так і для того, хто навчається: перш за все, це принципово нові можливості презентації навчального матеріалу, пов'язані з використанням зорової та аудитивної наочності. Необхідно також відзначити, що сама гіпертекстова структурованість навчального матеріалу має власне дидактичне значення, оскільки є значно більш гнучкою формою подання інформації, що дозволяє максимально враховувати індивідуальні потреби учня. По суті, кожне звернення до автоматизованого навчального курсу, основою якого є база даних, виконана в гіпертекстовому форматі, є процесом створення свого власного навчального тексту, що найбільш адекватно відповідає даному актуальному завданню, внаслідок чого процес навчання набуває творчого аспекту. Встановлюючи логічні зв'язки інформаційних блоків, вибудовуючи інформацію, дотримуючись власної логіки її осмислення, той, хто навчається по суті, стає співавтором, і, можливо, це і стає найбільш привабливою стороною використання подібних курсів у процесі навчання. Однак необхідно наголосити, що ключовою проблемою в такій системі стає проблема організації «навігації», вільна або нав'язувана автором-розробником стратегія дослідження даного інформаційного поля, яка до того ж має вирішувати і власне дидактичні завдання. У дослідженнях з теорії гіпертексту питання організації «читання» гіпертекстової інформації розглядаються разом із формальним аналізом структури гіпертекстового поля, можливостями технічних засобів управління «навігацією», а також особливостями когнітивних стратегічних переваг людини (знову підкреслимо, що останнє залишається досі найменш вивченою областю ). Як досить добре опрацьовані формалізовані стратегічні моделі часто виступають моделі, що лежать в основі систем автоматизованого пошуку і систем автоматичної обробки запитів.

а) першому, найвищому рівні, використовується жанр максимально коротких анотацій всім базових термінологічних понять,

б) на наступному рівні дається предметне тлумачення тих чи інших понять,

У підготовлених навчальних комп'ютерних матеріалах експериментально отримано оптимальна кількістьдопустимих посилань у розрахунку на один абзац тексту (не більше 1 - 2 посилань), а також рекомендований обсяг текстової інформації: при виведенні на екран комп'ютера він повинен займати не більше 1,5 або 2 екранів. Допустима і рекомендована ієрархічна глибина зв'язків встановлювалася відповідно до даних теорії сприйняття інформації та когнітивної лінгвістики. Передбачалося, що залежно від індивідуальних когнітивних стилів засвоєння інформації, вона може коливатися від 2 до 5 кроків. У ряді психологічних і психолінгвістичних робіт, присвячених теорії гіпертексту, були зроблені спроби виявлення базових стратегій, які виявлялися кращими для різних груп людей; отримані дані дозволяють намітити три основних типи поведінки в гіпертекстовому просторі, їх прийнято в англомовній традиції називати depth-first navigation, breadth-first navigation і два варіанти проміжної стратегії (random navigation), що поєднує у певних частках два перші підходи. Однак не можна не відзначити, що всі без винятку дослідники наголошують на необхідності додаткових експериментів у цьому напрямку для встановлення ступеня достовірності отриманих даних. Безперечно, це питання потребує подальшого, більш глибокого вивчення, тому в даній роботі керувалися переважно інтуїтивними уявленнями про оптимальну структуру зв'язків, які були продиктовані специфікою матеріалу, що лежить в основі гіпертексту.

Контрольне тестування та усне опитування є одними з найбільш широко використовуваних та добре розроблених засобів перевірки знань у вищій освіті. Класичний тест є послідовністю досить простих питань. На кожне запитання є проста відповідь, яка може бути формально перевірена і оцінена як правильна, неправильна або частково правильна (наприклад, неповна). Питання зазвичай класифікуються за типами відповідно до типу очікуваної відповіді. Класичні типи питань поділяються на питання типу [так/ні], питання типу [багато варіантів/одна відповідь] (МВ/ГО), питання типу [багато варіантів/багато відповідей] (МВ/МО) та питання відкритого типуз текстовою чи числовою відповіддю. Більш просунуті типи питань включають питання відповідність, питання правильну послідовність, питання вказівка ​​(відповідь - одна чи кілька областей малюнку), і навіть графічні питання (відповідь - простий граф). Крім цього, кожна предметна сфера може мати деякі специфічні типи питань.

Варіанти підтримки на стадії створення зазвичай залежать від технології, яка використовується для зберігання окремого питання у системі. В даний час нам відомо два різних способузберігання питання: у форматі подання та у внутрішньому форматі. У контексті Web-заснованого навчання зберігання питання у форматі представлення означає його зберігання як частини HTML-коду (зазвичай у вигляді HTML-форми). Такі питання можуть також називатися статичними питаннями. Вони є чорними ящиками для WBE-системи. Система може представляти статичні питання лише «як є» (у тому вигляді, в якому вони були створені). Створення питань цього часто не підтримується WBE-системой, оскільки це може бути зроблено у будь-якому HTML-редакторе.

Тип інтерактивної технології, що використовується для отримання відповідей учня, є однією з найважливіших характеристик WBE-систем. Він визначає всю функціональність на стадії видачі питань, а також впливає на стадії створення та оцінки питань. В даний час розрізняють п'ять технологій: HTML-посилання, HTML/CGI-форми, скриптові мови, Впровадження (plag-in) і Java.посилання - найпростіша технологія взаємодії, що реалізує набір можливих відповідей як список HTLM-посилань. Кожне посилання пов'язане з певною сторінкою зворотного зв'язку. При використанні цього підходу виникає дві проблеми: складність створення питань (логіка питання має бути жорстко вбудована в гіпертекст курсу) та підтримка всього двох типів питань: [так/ні] та [МВ/ГО]. Ця технологія використовувалася в основному на зорі Web-заснованого навчання, коли більш просунуті технології взаємодії, такі як CGI, JavaScript або Java ще не були розроблені.

Найбільш популярною технологією Web-тестування, що використовується зараз численними комерційними та університетськими системами, є комбінація HTML-форм і CGI-скриптів. HTML-форми надзвичайно зручні представлення основних типів питань. Запитання типу [так/ні] та [МВ/ГО] представляються наборами іконок, списками вибору, що спливають меню. Питання [МВ/МО] подаються списками множинного вибору або наборами перемикачів. Питання відкритого типу реалізуються як полів редагування. Більш просунуті питання, такі як питання на відповідність або правильну послідовність, також можуть бути реалізовані, за допомогою форм. Крім того, приховані поля можуть використовуватися для зберігання додаткової інформації про тест, яка може потребувати CGI-скрипт. Значні переваги від використання технології "сторони сервера" (до якої відноситься і технологія "форма/CGI") і схожої з нею технології "картки сторони серверної" виникають при реалізації графічних питань на вказівку.

Висновок

За підсумками вирішення завдань роботи отримано такі результати:

HTML - це типовий, текстового вигляду файл, у якому те, що ми зазвичай бачимо на сторінках, перемежовується невидимим для перегляду з броузера кодом. Ось цей невидимий код і є мова розмітки HTML.

HTML - це не мова програмування, - він служить лише для розмітки сторінки, надання певного виду тому чи іншому елементу, чи то таблиця, текст чи картинки.

Здійснюється це шляхом присвоєння кожному елементу параметрів, які розпізнає броузер. Ці параметри можуть бути задані як для одного, так і для групи або типу елементів. Тип елементів може бути таким: таблиці, осередки, посилання, текст тощо. Тобто щось, що можна назвати одним терміном. Окремі властивості можна надавати і вибраним елементам персонально. Основна причина появи останнім часом великої кількості Web-серверів полягає в тому, що вони порівняно прості в установці і стають все більшим інструментом, який можна використовувати у бізнесі. Друга причина - поява більшої кількості покращених HTML-редакторів та конвертерів тексту, що дозволяють створювати нові Web-сторінки

Щодо сфери застосування можна сказати таке. Майбутнє Web також пов'язане зі збільшенням швидкості передачі в Інтернет, оскільки Web нерозривно пов'язані з Інтернет.

Ймовірно, залишиться проблема несумісності між броузерами та Web-серверами, оскільки Netscape Communications дещо розширила HTML, через що не всі броузери відображають документи, написані в новому форматі HTML.

Література

1. Бройдо В.Л. Обчислювальні системи, мережі та телекомунікації СПб, Пітер 2002 - 464 с.

2. Інформатика / за редакцією С.В.Симоновича. СПб, Пітер 2001-400 с.

Кірмайєр М. Інформаційні технології. СПб.: Пітер, 2003 – 443 с.

Метьюз Дж. Web - сервер. СПб.: Символ, 1998 – 356 с.

Оліфер Ст Р., Оліфер Н.А. Комп'ютерні мережі. СПб.: Пітер, 2005 – 864 с

Оліфер Ст Р., Оліфер Н.А. Мережеві Операційні системи. СПб.: Пітер, 2003 – 539 с.