Навчальний посібник Загальні відомості про HTML, принципи створення Web-вузла

Лекція 1: Загальні відомості про HTML, принципи створенняWeb-вузла

Загальні засади створення Web-вузла

просування торгової марки;
доступність інформації про продукцію та ціни для клієнтів;
підтримка дилерської мережі, доступність інформації про продукцію та ціни для дилерів;
пряма продаж продукції Internet, організація Web-магазина;
доступність внутрішньої інформації для співробітників, які працюють поза офісом.

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

Інформація про компанію. Слід розповісти про цілі та ділове вигляд фірми, її історію і т.д. Покажіть, який зиск отримають клієнти від співпраці саме з вами, а не з іншими компаніями.

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

Новини. Поінформуйте клієнтів про нові товари та послуги, що надаються фірмою, опублікуйте прес-релізи тощо.

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

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

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

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

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

На що слід звернути увагу при виборі провайдера, що розміщує вашWeb-вузол на своєму сервері?

Як правило, можливість розміщення Web-сайту провайдер надає своїм користувачам за невелику плату або безкоштовно.

Історія розвитку HTML

1989 року Тім Бернерс-Лі запропонував керівництвуЄвропейський Центр ядерних досліджень (CERN) проект розподіленої гіпертекстової системи, яку він назвав WorldWideWeb (WWW), Всесвітнє павутиння. Спочатку ідея системи полягала в тому, щоб за допомогою гіпертекстової навігаційної системи об'єднати всі множини інформаційних ресурсів CERN в єдину інформаційну систему. Технологія виявилася настільки вдалою, що дала поштовх розвитку однієї з найпопулярніших у світі глобальних інформаційних систем. Практично у свідомості більшості користувачів глобальної комп'ютерної мережі Internet сама мережа асоціюється з трьома основними інформаційними технологіями:

файлові архіви FTP;

Причому остання технологія поступово переміщається перше місце.

Успіх технології WorldWideWeb визначено двома основними факторами: простотою та використанням протоколів міжмережевого обміну сімейства TCP/IP (TransmissionControlProtocol, протокол управління передачею/InternetProtocol, протокол Internet), які є основою Internet.

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

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

Принципи гіпертекстової розмітки

Наприклад, при описі таблиці тег з атрибутами, що відкриває, може виглядати так:

Цей запис означає наступне: таблиця шириною 570 пікселів, вирівняна по центру, поле між рамкою та вмістом осередків 10 пікселів, поле рамки 2 пікселі, ширина бордюру 16пікселів.

Атрибути тега слідують за ім'ям і відокремлюються один від одного одним або декількома знаками табуляції, пробілами або символами повернення до початку рядка. Порядок запису атрибутів у тезі не має значення. Значення атрибута, якщо є, слідує за знаком рівності, що стоїть після імені атрибута. Якщо значення атрибута — одне слово чи число, його можна просто вказати після знака рівності, не виділяючи додатково. Всі інші значення необхідно укладати в одинарні або подвійні лапки, особливо якщо вони містять кілька слів, що розділені пробілами. Довжина атрибуту обмежена 1024 символами. Регістр символів в іменах тегів та атрибутів не враховується, чого не можна сказати про значення атрибутів. Наприклад, особливо важливо використовувати потрібний регістр під час введення URL (UniformResourceLocator, уніфікований покажчик ресурсу) інших документів як значення атрибута HREF.

Слід зазначити, що у літературі крім терміна "контейнер" ще використовується термін "елемент". Слід бути уважним, щоб не плутати контейнер (наприклад, BODY) та тег (BODY), що використовується для формування контейнера. Крім тегів, елементами HTML є CER (CharacterEntityReference), вони призначені для представлення спеціальних символів у документі HTML, які можуть бути неправильно оброблені браузером. Припустимо, створюється документ HTML, у якому йдеться про елементи цієї мови. Якщо вказати ім'я тега просто в документі, браузер може сприйняти його безпосередньо старт-тег. Для виведення таких символів використовується CER. Наприклад, щоб представити символ " " - >. Тобто, якщо вказати в тексті HTML рядок, вона виглядатиме на екрані як текст.

Групи тегів НТМL

Усі теги НТМL щодо їх призначення та сфери діїможна поділити на такі основні групи:

оформлення блоків гіпертексту (параграфи, списки, таблиці, картинки);
гіпертекстові посилання та закладки;
форми для організації діалогу;

Реальний механізм інтерпретації ідентифікатора ресурсу, що спирається на URI (UniformResourceIdentifier, універсальний ідентифікатор ресурсу), називається URL, і користувачі WWW мають справу саме з ним.

Цей текст містить:

На закінчення зазначимо, що під час підготовки документів HTML використовується ідентифікатор тексту DTD (DocumentTypeDefinition, визначення типу документа) як першого рядка. Це дозволяє браузеру ідентифікувати документ як відповідний стандарту HTML. Зазвичай (але не обов'язково) кожен документ HTML починається з рядка типу:

Тут міститься інформація, що документ відповідає версії HTML 4.0; розробленої W3C; використовується мова - англійська.