Міністерство фінансів України
Харківський інститут фінансів
Українського державного університету фінансів та
міжнародної торгівлі
Кафедра економіко – математичних методів та інформаційних технологій
Лекція 6
Тема лекції
Основи Web - дизайну та мережні технології
Мета лекції:
навчальна – вивчення мови HTML, мережних технологій, можливостей мережі Internet;
розвиваюча – знайомство з мережними технологіями, мережею Internet та її можливостями;
виховна - формування почуття відповідальності за результати своєї роботи.
План лекції:
Мова розмітки гіпертексту HTML та оформлення Web – сторінок.
Комп’ютерні мережі.
Застосування Інтернету в економіці.
1 Мова розмітки гіпертексту html та оформлення Web – сторінок
1.1 Мова html
Мова HTML – це мова розмітки гіпертекстових документів. Абревіатура HTML означає Hyper Text Markup Language. Мова HTML призначена не для форматування документа (як в редакторі Word), а для його розмітки. Ця мова дозволяє підготувати документ, який буде мати формат прийнятий для Інтернету, тобто Web – сторінок. Мова HTML забезпечує опис зовнішнього вигляду Web – сторінки.
HTML – документи представляють прості текстові файли (записані в ASCII кодах – American Standard Code for Information Interchange ), які містять спеціальні коди (теги) розмітки. А це означає, що HTML – документи не містять нічого, крім букв, чисел, роздільних знаків, деяких печатних символів та кодів розмітки. У HTML – документах коди розмітки не відображаються при перегляді документа і тільки впливають на відображення всього документа. При видаленні з документа всіх кодів розмітки вийде звичайний текстовий документ. Кодування ASCII – це однобайтне кодування, яке використовується для кодування символів (латинського алфавіту, роздільних знаків, десяткових цифр, арифметичних дій та спеціальних символів) за допомогою яких представляються в комп’ютері текстові дані. В системі ASCII є дві таблиці кодування – базова та розширена. Базова таблиця ASCII закріплює значення кодів символів від 0 до 127, розширена від 128 до 255 різних знаків (розширена таблиця відводиться для національних алфавітів).
1.2 Гіперпосилання
У звичайному текстовому документі будь-якому об’єкту (текстовому фрагменту, малюнку, вставному об’єкту, посиланню) можна додати певні властивості за допомогою мови програмування HTML. Такі об’єкти є активними (активними словами, малюнками - інакше командами). Ці активні об’єкти мають назву гіперпосилання, а текст з такими гіперпосиланнями називається гіпертекстом, тобто розширеним текстом - текстом з додатковими властивостями, в цих властивостях вказується шлях до інших об’єктів. В гіперпосиланні посилаються на різні об’єкти: місце в тексті, рисунки, текстові та мультимедійні файли, Web – сторінки, електронні адреси, інші документи. У документі гіперпосилання виділяються кольором. При наведенні покажчика мишки на гіперпосилання з’являється спливаюча підказка, а при активізації гіперпосилання на екрані з’явиться пов'язаний з ним об’єкт. Створюють гіпертексти в будь-якому текстовому редакторові. Так наприклад, для створення гіперпосилання в текстовому процесорі Word необхідно виділити текстовий фрагмент і скористатись командою Вставка ►Гиперссылка, а далі у вікні Добавление гиперссылки вказати документ на який буде створюватись гіперпосилання (рис.1).
Можна вибрати наступні документи:
на існуючий файл або веб - сторінку;
на місце в документі;
на новий документ, який можна створити в поточний момент часу;
на адресу електронної пошти;
на закладку в документі, яка попередньо створена за допомогою команд: Вставка ►Закладка;
Для вилучення гіперпосилання слід виділити її і виконати команду Вставка►Гиперссылка►Изменение гиперссылки ►Удалить ссылку.
Рисунок 1- Діалогове вікно для створення гіперпосилання в текстовому процесорі Word