Як відомо, Web-сторінки створюються на мові HTML (HyperTextMarkUpLanguage), яка є “мовним стандартом” WorldWideWeb. Основою мови HTMLє теги (tags), спеціальні символи, за допомогою яких можна макетувати абзаци, напівжирний чи курсивний текст, заголовки, вбудовувати графічні зображення тощо. Стандарти мови розробляє та затверджує консорціум WorldWideWeb (W3C). На сьогодні стандартом HTML є версія 4.0 під кодовою назвою Cougar (Пума). Новими можливостями HTML 4.0 є:

· Інтернаціоналізація за рахунок розширення системи символів;

· Покращене представлення та звертання до окремих HTML-елементів для ліпшої навігації;

· Сценарії, які всередині Web-сторінки можуть реагувати на дані користувача;

· Взірці стилів;

· Прив’язування файлу будь-якого типу до Web-сторінки в якості об’єкту.

Таким чином версія HTML 4.0 надає покращені можливості форматування сторінок та спрощує навігацію в Інтернет.

Програми створення Internet-сторінок

HTML-документ – це звичайний ASCII-файл, який, в принципі, можна створити за допомогою будь-якого текстового редактору. Для цього потрібно лише знати мову HTML. Але існує багато спеціальних Web-редакторів. Вони мають приємний графічний інтерфейс, з їх допомогою можна зручно редагувати ASCII-текст, а можна створювати сторінки, взагалі не знаючи мови HTML. У таких редакторах Web-документ з усіма своїми елементами виглядає так само, як і у вікні Web-браузера. Серед найвідоміших програм для створення сторінок можна назвати Macromedia DREAWEAVER 2, MicrosoftFRONTPAGE 98, HOTMETALPRO 4.0, FUSION2.02, Adobe PAGEMILL 3.0. Найпотужнішою серед них є DreamWeaver від Macromedia. Ця програма найкраще підтримує WYSIWYG (Whatyouseeiswhatyouget) принцип, пропонує всі необхідні функції. Але жодна з програм автоматичного генерування Web‑сторінок не в стані задовольнити того, який прагне мати повний контроль над своїм творінням.

Основні елементи сторінки

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

Розробка структури сайту

Багатосторінкова Internet-публікація називається Web-сайтом. Створення Web-сайту є завданням набагато ширшим та складнішим, ніж просте створення багатьох Internet-сторінок. В основі кожного вдалого сайту лежить гарний дизайн та добре реалізована навігаційна система. Навігаційна система – це каркас всього сайту. Вона визначає, як, у якому порядку будуть інтерактивно пов’язані між собою сторінки сайту. Основним орієнтиром при її побудові слугують логічні зв’язки та зручність для користувача. Навігаційну систему в схематичному вигляді можна представити за допомогою графу. Найкраще, коли від головної до будь-якої сторінки сайту можна перейти не більше як за два кроки. Як правило, під час реалізації, навігаційну систему можна поділити на дві основні частини: навігаційна панель і посилання, розташовані всередині текстів. Навігаційна панель дозволяє перемикатися між основними розділами публікації, а текстові посилання – просуватися глибше, знаходити більш детальну інформацію. Бажано, щоб всі сторінки сайту мали однакову або схожу навігаційну панель та були виконані в одному стилі. Спільний стиль від сторінки до сторінки можна задати за допомогою однакового фону, графічних та текстових елементів, розміщених у певних місцях сторінки. Створення шаблонів допомагає підтримувати єдину візуальну тему.

Альтернативні способи предсталення інформації в Internet

HTML-публікація має невеликий розмір, завдяки чому швидко передається через мережу, є "рідною" для будь-якого броузера, і, в принципі, є основою для всього WEB-сервісу. Тому конкурентів у неї бути не може. Можна говорити лише про альтернативи, які можуть стати у пригоді в тій чи іншій конкретній ситуації. Зокрема, якщо електроний макет зі складною структурою потрібно представити в Internet абсолютно без змін (главу книжки тощо), то засобами мови HTML досягти цього буде дуже важко. Доведеться кропітливо працювати над зовнішньою відповідністю Web-сторінки до макету-оригіналу. Можуть винукнути проблеми з відповідністю шрифтів, обтіканням зображень, адаптацією графіки. І певна річ, що деякі складні, нестандартні, творчі "родзинки" макету відтворити буде взагалі не реально, зважаючи на досить обмежені можливості макетування в мові HTML. Отож, коли виниикає потреба зберігти абсолютно точну відповідність до оригіналу, то єдина можливість – перетворити макет на PDF файл. PDF(PortableDocumentFormat) — це унікальний формат, створений всесвітньо відомою фірмою Adobe. Перетворити електроний макет на PDF можна у більшості програмі макетування за допомогою команди "SAVE AS <name>.pdf" або "EXPORTTOPDF". Тут певно не буде йти мова про адаптацію, бо таке перетворення передбачає повну відповідність до макету-оригіналу зі збереженням якості. Єдиним недоліком цього варіанту є великий порівняно з HTML розмір PDF-файлу та обов'язкова наявність у користувача, щоправда безкоштовного, продукту AcrobatReader від фірми Adobe.

Методика адаптації на прикладі створення Web-сайту видавництва

Особливості електроних матеріалів видавництва

Адаптацію електроних макетів до публікації в Internet часто доводиться проводити при створенні Web-сайтів видавництв. Найчастіше електроні матеріали видавництв це макети, створені у програмах QuarkXpress, Pagemaker, VenturaPublisher, іноді навіть у MsWord. Останні версії QuarkXpress, Pagemaker, MsWord підтримують можливість автоматичного переведення електроного макету в HTMLформат. Але при цьому частина елементів макетування сторінки передається не зовсім коректно або не передається взагалі, не підтримується багатошаровість, додається багато абсолютно не потрібних тегів. Навіть після кропіткого та ретельного корегування створені таким чином Internet-сторінки виглядають не професійно. Тому краще не переводити електроні макети в HTML автоматично, а самостійно створювати Web-сторінку на основі матеріалу існуючого електроного макету. При цьому текст варто переносити за допомогою звичайних “copy/paste”, а розмір і формат зображення з вихідного файлу змінювати у професійних програмах типу AdobeImageready, AdobePhotoshop, ImageAlchemy від HandmadeSoftwareInc. тощо. До того ж слід зазначити, що професійна адаптація – це процес творчий. В одних випадках не всю інформацію, що міститься в електроних макетах потрібно переводити в Internet-публікацію. Наприклад, для сайту видавництва достатньо навести зменшені обкладинки видань з короткою анотацією, вспупом, окремою главою тощо. В інших слід додати елементи яких не існувало в електроному макеті. Наприклад, навігаційну пенель, гіпертекстові посилання.

Представлення видавництв у всесвітній мережі . Розроблення структури сайту.

Аналізуючи сайти таких видавництв, як O’reillyandassociates, BHV, Sybex, ITC, (див. Додатки 1-5) та відбираючи найбільш вдалі рішення, можна стверджувати, що оптимальна структура верхнього рівня сайту видавництва повинна виглядати приблизно так:

-про видавництво,

-інформація про книжки,

-пошук книжок,

-бестселери,

-нові надходження,

-прайс-листи,

-замовити книжку,

-соціологічне дослідження,

-цікава інформація.

Основну навігаційну панель, яка повинна бути присутньою на кожній сторінці сайту, варто створювати саме на базі цих пунктів. Така навігаційна панель відповідатимє золотому правилу: <7 +/- 2 >. Це правило відбиває особливості людського сприйняття. Найкраще людина сприйає і запам‘ятовує від 5 до 9 об‘єктів. Якщо їх менше — втрачається цікавість, якщо більше — розсіюєься увага. Крім того, саме така будова навігаційної панелі надає можливість перейти до найважливішої з погляду користувача інформації з будь-якої сторінки сайту. Тому, здається за потрібне, рекомендувати таку структуру, як стандартний каркас при розробці сайтів видавництв. Така стандартизація дозволить користувачу, який відвідав хоча б один подібний сайт, легко зорієнтуватися і знайти необхідне в структурі інших. Розглянемо більш детально кожен пункт розробленої нами навігаційної панелі.

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

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

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

Нові надходження: інформація про останні новинки, можна також повідомити про книги, що готуються до друку. Оформлення особливо не відрізняється від сторінки бестселерів.

Прайс-листи: це сторінка з поточними цінами на кожне видання. Варто забезпечити її динамічнє оновлення на основі, наприклад, таблиці Excell з найсвіжішими прайс-листами (звичайно, якщо така вже існує).

Замовити книжку: тут можливі різні варіанти. Ідеальним здається створення Internet-магазину з можливістю інтерактивних замовлень і розрахунків за кредитними картками. Але в умовах України для широкого споживача така можливість стане реальною мабуть ще тільки років через 5 -10. Тому можна просто подати адреси відділу збуту, пунктів розповсюдження тощо. Можливо непоганим міг би бути варіант заповнення форми, за якою на адресу замовника книжки приносить кур‘єр, або вони надсилаються по пошті з післяплатою.