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

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

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

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

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

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

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

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

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