3. Гіперпосилання
4. ВИКОРИСТАННЯ JAVA-СКРИПТІВ ПРИ СТВОРЕННІ HTML ДОКУМЕНТу
World Wide Web(WWW) - це найвідоміша та найпопулярніша служба Iнтернета. Ця глобальна, розподілена по цілому світі інформаційна гіпертекстова мультимедійна система дозволяє з'єднати в одне ціле інформацію різних видів, яка зберігається на різних комп'ютерах. Нагадаємо, що інформація в WWW розповсюджується у вигляді Web-сторінок(Web-документів). Декілька Web-документів з однієї теми, що належать одному власникові чи є на одному комп'ютері, утворюють Web-вузол, який часто називають сайтом. Основним принципом використання Web-сторінок є активізація гіпертекстових посилань, за допомогою яких можна здійснити перехід в інші місця Web-сторінки або до інших Web-сторінок. В основі WWW лежать два поняття: гіпертекстові посилання та формат документів HTML. Завдяки гіпертексту Web-сторінки набувають властивості інтерактивності.
HTML(Hyper Text Markup Language) - це спеціальна мова форматування текстових електронних документів. Наприклад, для друкованого документа задаються такі параметри, як розмір паперу та полів, шрифти та їх розміри тощо. Оскільки електронні Web-документи призначені для перегляду на екрані, причому наперед не відомо, на якому комп'ютері це буде робитися, а, отже, невідомі розміри вікна програми-переглядача, шрифти, які встановлені на комп'ютері, і т.д., то мова HTML призначена якраз для того, щоб оформляти електронні документи з розрахунку на те, що засоби, якими вони будуть переглядатися, наперед невідомі. Формування документів мовою HTML подібне до програмування. Вихідний текст документа складається з послідовності команд, які називають тегами(tag). Під час перегляду теги спрацьовують, і завдяки їм на екран виводяться запрограмовані елементи зображення. Наприклад, якщо на початку абзацу стоїть тег <center>, то весь абзац буде вирівняно по центру вікна, незалежно від того, в якому вікні здійснюється перегляд документа і яким шрифтом він зображається. Теги HTML дозволяють вирівнювати рядки документа, керувати кольором фону та кольором тексту, дозволяють вставляти в текст ілюстрації, задавати заголовки різних рівнів, будувати таблиці, створювати гіпертекстові посилання на інші документи.
Web-документ зберігається і пересилається як файл з розширенням html або htm (HTML-файл). Це звичайні текстові файли-програми, написані мовою HTML. Відображаються такі файли на екрані інакше, ніж вони виглядають у HTML-файлі. Для відображення HTML-файлів використовують броузери.
Типовий Web-документ складається з текстових блоків, рисунків, таблиць, ліній, гіперпосилань. Більш складні Web-документи містять фрейми (вкладені Web-сторінки), елементи керування та вводу інформації(кнопки, перемикачі, поля вводу тексту), динамічні об'єкти (Java Applet, Java Script, ActiveX).
Є три типи текстових блоків: текстові абзаци, списки, таблиці. За замовчування текст відображається чорним кольором, але при потребі можна змінити колір, розмір, стиль та шрифт тексту. Абзаци на сторінці за замовчуванням розмежовуються переводом рядка і не мають відступів у першому рядку. Абзац може бути вирівняний до одного з країв або по центру вікна. Зручність перегляду Web-сторінок зумовлена тим, що броузер автоматично масштабує елементи по горизонталі, враховуючи розміри вікна, і при потребі відображає тільки вертикальну смугу прокрутки. інформація на сторінці традиційно відображається на білому фоні, але його колір можна змінити на інший або використати фонову картинку.
Широке розповсюдження HTML-документи одержали завдяки різноманітним можливостям представлення інформації, легкістю написання та сумісністю з різними операційними системами. Спочатку нагадаємо, що команди мови HTML називають тегами. Теги бувають одинарними і парними. Більшість тегів є парними, наприклад, тег означення HTML-файлу: <html>:</html>. Парні теги позначають початок і кінець області дії відповідної команди. Теги записують у кутових дужках, причому той тег, що закриває область дії, має косу риску (слеш/slash). Тег може містити параметри, які користувач записує у першому тезі через пропуск, наприклад, <body bgcolor="black">.
Всі програми, написані мовою HTML (HTML-файли) мають однакову структуру. Можна зекономити час при створенні своїх Web-сторінок, якщо використовувати цю структуру як еталон. Зокрема, обов'язково повинні бути такі команди(теги):
<html>
<head>
<title> ..Назва вікна Web-сторінки.. </title>
</head>
<body>
</body>
</html>
Теги <html> i </html> обмежують WWW-документ і записуються лише задля форми. Команди <head> i </head> обмежують заголовок сторінки. Ці теги також не є обов'язковими, вони допомагають краще структурувати сторінку. Нарешті, <title> виконує важливу функцію. Текст, введений між <title> і </title>, з'являється в броузері в рядку заголовку. Ще важливішим є тег <body>, який дозволяє описати власне Web-документ. В цьому місці розміщується певна кількість параметрів, що визначають зовнішній вигляд документа. Ці параметри, наприклад, визначають, як виглядає фон і колір тексту і яке зображення повинно бути на задньому плані Web-сторінки.
На цьому завершуємо початкове ознайомлення із тегами мови HTML та їх використанням, оскільки на практичних заняттях буде детально розглянуто створення власної Web-сторінки.
На завершення звернемо увагу, що для створення Web-сторінок дизайнери використовують гіпертекстові редактори, наприклад, Macromedia Dreamweaver, Microsoft FrontPage та інші, хоча за достатнього володіння мовою HTML можна писати Web-сторінки в будь-якому текстовому редакторі, наприклад, Блокнот(NotePad). Після написання програм файл потрібно зберегти на диску з певною назвою та розширенням .html чи .htm.
Сучасні текстові процесори, наприклад, MS Word, Lotus WordPerfect дають змогу створити Web-сторінки методом конструювання без застосування команд HTML, оскільки вони генерують ці команди автоматично. Загальна назва таких програм, які мають можливість автоматизованого створення Web-сторінок без явного застосування користувачем мови HTML - Web-композери.
Розглянемо дещо детальніше можливості композера, які має програма MS Word. Щоб створити Web-сторінку або цілий Web-сайт, потрібно під час створення нового документу перейти на закладку Web-сторінки і скористатись Майстром Web-сторінки чи створити нову сторінку. У другому випадку алгоритм дій дизайнерів такий:
· Командою меню Формат->Фон задають колір фону чи спосіб замальовування екрана певною текстурою.
· Уводять текст, вибираючи шрифт, його розмір, колір, вирівнювання тощо.
· Створюють списки, як у звичайному текстовому редакторі.
· Вставляють горизонтальні лінії командою меню Вставка->Горизонтальная линия, і вибирають тип лінії.
· За допомогою команди Таблица створюють і форматують таблиці.
· Використовують команду Вставка для вставлення картинок, фотографій, звуку, гіперпосилань тощо.
· Записують створений файл як Документ HTML, і перглядають його браузером
2. Правила і програми, для створення електронних публiкацiй
Якщо потрібно опублікувати в Web якийсь вже підготовлений документ, наприклад, брошуру або прес-реліз, найкращим вибором буде HTML-конвертер - це програма, що перетворює існуючий документ із його дійсного формату (або одного з форматів, експорт у який може робити текстовий процесор) у набір HTML-сторінок. Це дозволить уникнути набору тексту заново. Проте у цьому методі існує й обернена сторона. Документ, що виглядав розкішно у видавничій системі, утиснутий у формат HTML, може загубити усе своє зачарування. Так не можна буде зберегти встановлені поля, відступи, шрифти, а про результат перетворення таблиць взагалі важко сказати.
Можна створювати самий складний HTML-документ, користуючись лише найпростішим текстовим редактором. Проте застосування засобів, спеціально призначених для цієї цілі, дозволить заощадити чимало часу і зусиль. Для створення нових web-документів найбільше ефективні HTML-редактори. У зв'язку з поширенням Internet в оформленні web-докуметів зростає кількість дизайнерів, які не хочуть навчатися мові HTML. Тому і створені були такі HTML-редактори, у яких web-дизайнеру більше не треба працювати з HTML-кодами. Цілком достатньо вибрати відповідну команду меню.
HTML-конвертери.
Якщо у вас велика кількість не HTML-документів, які необхідно опублікувати у Web, переписування їх для цього заново чи виконання більшого об'єму робіт по редагуванню може бути недопустимим. В таких випадках на допомогу приходять HTML-конвертори - програми, які допомагають створювати HTML-документи з файлів іншого формату. Існує достатньо велика кількість конверторів і фільтрів, які призначені для цієї мети, але, на жаль, більшість з них написані для UNIX, де дане направлення розширювалося вже досить тривалий час. В процесі росту популярності HTML деякі виробники видавничих систем і текстових процесорів починають включати в свої продукти фільтри для перетворення в HTML-формат.
Наприклад, такі фільтри включені у FrameMake 5 для Windows. Вони до того ж перетворюють зображення у формат GIF і автоматично створюють посилання на одержані файли зображень. FrameMake 5 крім цього, включає до себе фільтр, який забеспечує перетворення документів з посиланнями у формат перенесених документів Adobe Acrobat. В Internet можна знайти деякі макроси і утіліти, які призначені для перетворення документів з популярних редакторів, таких як Word Perfect, MS Word у формат HTML.
Web Publisher
Цей конвертор здатний перетворювати документи з форматів текстових процесорів у формат HTML. Він дозволяє користувачу визначити правила і параметри перетворення та зберігати їх у спеціальному шаблоні. Після цього Web Publisher може конвертувати документи, установлювати між ними зв'язки і доповнювати розмітку у відповідності з вищезазначеними у цьому шаблоні правилами. Кінцевий вигляд сторінок визначається заданими користувачем установками. Web Publisher працює з документами MS Word, WordPerfect, Lotus AmiPro i Frame Maker. Він автоматично перетворює зображення у форматі GIF, будує таблиці у стилі браузера Netscape, створює зміст документа, зв'язує його пункти з відповідними заголовками розділів і перетворює пронумеровані і непронумеровані списки. Режим обробки перетворює всі вказані документи за правилами, вказаними у шаблоні.