Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Magisterska_Paskevich_Tetyana.doc
Скачиваний:
271
Добавлен:
14.02.2016
Размер:
8.29 Mб
Скачать

1. 3. Структуризація та оформлення електронного підручника

1. 3. 1. Особливості мови html

Hyper Text Markup Language (Html) - Мова Розмітки Гіпер Текстів. Файл, що містить HTML документ повинний мати розширення ім'я_файлу.htm або ім'я_файлу.html. Для компонування Web-сторінок можна використовувати будь-як текстовий редактор, що зберігає "тільки текст", тобто текст без символів форматування, встановлення шрифтів і т.д. Картинки й інші нетекстові компоненти не вставляються в документ, а безпосередньо і зберігаються окремо. Замість цього в текст вставляються посилання, що вказують програмі перегляду ім'я файлу, що містить картинку. Для створення сторінок зовсім не обов'язково мати доступ до мережі. Усі відомі програми перегляду (Internet Explorer, Netscape, Mosaic, lynx і т.д.) можуть відкрити файл із документом.

Документ, складений за допомогою мови розмiтки HTML, є текстовим файлом. Такий файл можна створити в звичайному текстовому редакторі, наприклад, у програмах Блокнот чи WordPad, що входять до складу ОС Windows. Однак нині існують більш зручні та розвинутi програми підготовки НТМL-документiв. Їх умовно можна поділити на візуальні редактори HTML i редактори HTML-текстів.

Працюючи у візуальному НТМL-редакторi, користувач має справу з графічними образами елементів HTML, а не з кодом документа. Biн може шляхом перетягування мишею i простими операціями в інтерфейсі розміщати на сторінці необхідні елементи. Завдяки цьому навіть користувачеві, що не знає мови HTML, під силу створювати прості Web-сторінки. До візуальних редакторів HTML належать програми Microsoft FrontPage, Macromedia Dreamveawer, Netscape Navigator Gold та iн.

При cтвореннi сайту користувач звичайно сам визначає, працювати йому в візуальному чи в НТМL-редакторi, вручну складаючи НТМL-код. Але при цьому потрібно врахувати, що ефективно керувати НТМL-документами i вирішувати питання Web-дизайну можна тільки використовуючи мову розмiтки.

Теги i структура HTML-документа

Щоб виконати розмітку документа за допомогою HTML потрібно його розбити на елементи: заголовки, абзаци, малюнки, таблиці. Для кожного елементу задати команду мови HTML, яка називається тегом (або дескриптором). Ця команда містить інформацію про те, який вигляд повинен мати даний елемент на Web-сторiнцi, якi зв'язки він має з іншими елементами або документами.

У мові HTML є багато тeгів, серед яких – теги створення заголовка документа, задання параметрів шрифту, креслення ліній, вставки гiперпосилань, вставки графічних елементів. Тож Web-сторінка, окрім тексту i посилань, може містити графіку, звуки, відео.

Тег (у перекладі tag – покажчик, мітка) – це фрагмент коду, що описує певні елементи документа HTML і вміщений у кутові дужки < >.

Найпростішим тегом є, наприклад, тег з ім’ям HTML. Тег <HTML> визначає початок НТМL-документа. Початковому тегу <HTML> відповідає кінцевий тег </HTML> із тим самим ім’ям, але з косою рискою «/». Отже, початок i кінець НТМL-документа позначаються парою тегів: <HTML>... </HTML>.

НТМL-документ умовно можна розбити на три частини:

1) службова інформація для браузера, що вміщена у рядок з тегом < ! DOCTYPE>;

2) заголовок документа, який містить назву документа, а також службову інформацію для cepверів, описи невеликих програм-сценарiїв. Ця частина документа знаходиться між тегами <HTML> і </HTML>;

3) тіло документа, що обмежене тегами <BODY>...</BODY> (iнодi замість тегів <BODY> можуть використовуватися теги фреймової структури <FRAMESET>).

Елементи HTML

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

Елементи HTML – це пари тегів i символьні дані (текст або код), вміщені між ними.

Елемент називається, звичайно, за іменем тегу (без кутових дужок). Наприклад, елементом є заголовок сторінки: <ТIТLЕ> … </ТIТLЕ>.

Уci елементи, передбачені в HTML, можна умовно поділити на кілька категорій:

1) структурні – елементи, обов’язкові для документа, що відповідає стандарту HTML (наприклад, HTМL, HEAD, BODY i TITLE);

2) блокові – елементи, призначені для форматування цілих текстових блоків (наприклад, DIV, Н1, Н2, НЗ, Н4, Н5, Н6, Р, PRE); часто блокові елементи відокремлюються переведенням рядка вiд іншої частини документа;

3) текстові – елементи, що задають розмітку шрифту (І, В, О, BІG, SМALL i iн.), розмітку тексту (STRONG, CODE, VAR, C1TE i iн.);

4) спеціальні – елементи порожнього рядка (BR, HR), якірний елемент А, впроваджені елементи (ІMG, OBJECT, МАР i iн.), елементи таблицi (TABLE).

У будь-якому документі HTML обов’язково присутні вкладені елементи, тобто такі, що включені до складу інших елементів.

Зазначимо, що у запису елементів HTML можна використовувати як великі, так i малi літери. Так, браузер однаково буде сприймати теги <TІTLE>, <Title> або <title>. Однак для унiфiкацiї iменa тегів записують великими літерами.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]