План

1. Принципи створення Web-сторінок

2. Правила і програми, для створення електронних публiкацiй

3. Гіперпосилання

4. ВИКОРИСТАННЯ JAVA-СКРИПТІВ ПРИ СТВОРЕННІ HTML ДОКУМЕНТу

5. Графіка у HTML-документах

6. Утворення та відправлення повідомлень електронної пошти

1. Принципи створення Web-сторінок

HTML - мова опису Web-сторінок.

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). Під час перегляду теги спрацьовують, і завдяки їм на екран виводяться запрограмовані елементи зображення. Наприклад, якщо на початку абзацу стоїть тег

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

Структура Web-сторінки.

Типовий Web-документ складається з текстових блоків, рисунків, таблиць, ліній, гіперпосилань. Більш складні Web-документи містять фрейми (вкладені Web-сторінки), елементи керування та вводу інформації(кнопки, перемикачі, поля вводу тексту), динамічні об'єкти (Java Applet, Java Script, ActiveX).

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

HTML-файл.

Широке розповсюдження HTML-документи одержали завдяки різноманітним можливостям представлення інформації, легкістю написання та сумісністю з різними операційними системами. Спочатку нагадаємо, що команди мови HTML називають тегами. Теги бувають одинарними і парними. Більшість тегів є парними, наприклад, тег означення HTML-файлу: :. Парні теги позначають початок і кінець області дії відповідної команди. Теги записують у кутових дужках, причому той тег, що закриває область дії, має косу риску (слеш/slash). Тег може містити параметри, які користувач записує у першому тезі через пропуск, наприклад, .

Всі програми, написані мовою HTML (HTML-файли) мають однакову структуру. Можна зекономити час при створенні своїх Web-сторінок, якщо використовувати цю структуру як еталон. Зокрема, обов'язково повинні бути такі команди(теги):

..Назва вікна Web-сторінки..

Теги i обмежують WWW-документ і записуються лише задля форми. Команди i обмежують заголовок сторінки. Ці теги також не є обов'язковими, вони допомагають краще структурувати сторінку. Нарешті, виконує важливу функцію. Текст, введений між і , з'являється в броузері в рядку заголовку. Ще важливішим є тег , який дозволяє описати власне 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, створює зміст документа, зв'язує його пункти з відповідними заголовками розділів і перетворює пронумеровані і непронумеровані списки. Режим обробки перетворює всі вказані документи за правилами, вказаними у шаблоні.

RTF to HTML.

Практично усі текстові процесори можуть експортувати документи у вигляді форматованого тексту. RTF (Rich Text Format) конвертер дуже добре продуманий і пропонує великі можливості для роботи навіть з документами, в яких використовуються надто екзотичні методи форматування. Як зазначалося раніше, цей конвертор обмежений можливостями HTML. Нижче наведені основні можливості конвертера:

Напівжирний (курсивним), підкреслений текст буде перетворений у відповідні теги

Courier перетворюється в шрифт Teletype.

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

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

Підтримуються стилі документа за допомогою спеціального файла за назвою HTML-TRA (для Windows 3.1) або HTML-TRANS (для Windows NT & Windows 95). У цьому файлі заздалегідь визначена велика кількість стандартних стилів, що використовуються в Word для Windows. Користувач може визначити в цьому файлі свої власні стилі, які використовуються в його документах.

Зображення , що були вмонтовані в RTF-файл будуть збережені в окремих файлах в одному із таких форматів: Windows MetaFile (. WMF), Windows Bitmap (. BMP) або Macintosh PICT. Формат зображення визначається тим, у якому вигляді воно зберігалося в RTF-файлі. Ці файли згодом повинні бути перетворені у формат GIF, який підтримується більшістю web-браузерів.

Текст, що був вставлений у документ за допомогою команд Copy і Paste Link, буде пов'язаний із документом гіпертекстовим посиланням.

Конвертер підтримує вкладені списки.

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

Конвертер RTF to HTML є дуже потужним засобом, що варто впровадити у свій набір інструментів для створення HTML-документів.

PostScript to HTML.

Цей пакет, який може бути використаний як вхідні PostScript-файлів, створені Windows-драйвером принтера HP LaserJet IIP PostScript, можливо, є найбільше гнучким із всіх доступних засобів. За винятком того, що вихідний файл у форматі PostScript повинен бути створений тільки визначеним драйвером принтера для Windows, теоритично немає ніяких обмежень для того яким додаток буде цей файл робити.

HTML-редактори.

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

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

текстові

графічні

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

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

У багатьох редакторах використовуються два типи інтерфейсу, між якими можна легко переключатися. (Яскравим прикладом служить HotDog, FrontPage98)

Графічні редактори забезпечують більш естетичний підхід до створення документів, дозволяючи зосередитися на їхньому макетуванні і форматуванні.