3. Загальні принципи створення окремої сторінки Web-сайту "

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

Логотип. Бажано, щоб назва фірми завжди була присутня на екрані. Для цього на початку кожного Web-документа розташовують логотип фірми. Назва компанії повинна бути присутня й у вихідних даних до всіх документів.

Навігаційна панель. Одним із найбільш важливих розділів Web-документа є навігаційна панель або ййнель керування. Web-вузол повинен забезпечувати користувачеві ясні та інтуїтивно зрозумілі навігаційні маршрути. Навігаційна панель Web-вузла повинна бути присутньою на кожному документі. У першу чергу, вона повинна містити в собі направляючі посилання типу "Вперед"-"Назад" ("Наступний"-"Попередній"), що вказують на сусідні документи в структурі Web-вузла. Далі від панелі керування обов'язково повинні йти посилання на всі великі

розділи Web-вузла - розділи першого рівня. Користувач завжди повинен мати можливість миттєво повернутися на головну сторінку Web-вузла. Крім посилань, варто вказати шлях до локальної пошукової системи та індексу.

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

Графіка. При розробці Web-сторінки підбирається оптимальне

співвідношення графічних і текстових матеріалів. Панель керування,

логотип і назва фірми зазвичай виконуються у вигляді графічних

елементів.' Бажано, щоб об'єм графіки на одній сторінці не перевищував

ЗО Кбайт, так як чим більший об'єм сторінки, тим довше вона

завантажується. Ц*Шк

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

4. Розміщення Web-вузла в Internet та вивір провайдера

Після створення Web-вузла, необхідно розмістити його в Internet. Можливі два варіанти розміщення web-вузла: -* використовувати комп'ютер, який разом із Web-сервером і Web-вузлом

знаходиться в офісі та підключається до Internet по виділеній лінії або

лінії, що комутується; - скористатися для розміщення Web-вузла послугами спеціальних

організацій.

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

Критерії вибору провайдера, що розміщує Web-вузол, на своєму сервері:

і. Пропускна здатність каналів. Провайдер повинен володіти надійним високошвидкісним з'єднанням порядку 1-2 Мбіт за секунду.

2. Підтримка сервером провайдера SSI (Server Side Includes, вставки на стороні сервера). Використання SSI дозволяє Web-серверу вставляти невеликі обсяги динамічних даних безпосередньо у HTML-документ, що

FrontPage 2003. Розробник: Microsoft. Сайт програми:

www.microsoft.corfl/frontpage

Microsoft FrontPage - це простий в освоєнні і зручний Web-редактор для проектування, підготовки і публікації Web-сайтів. Завдяки інтеграції з сімейством продуктів MS Office, звичному інтерфейсу і великій кількості шаблонів програма дозволяє швидко освоїти роботу користувачам, навіть початківцям, якщо вони знайомі з основами роботи в MS Word. Програма надає широкі функціональні можливості і різноманітні засоби оптимізації колективної розробки, а також дозволяє швидко створювати динамічні комплексні Web-вузли практично будь-якої складності.

Вдосконалена підтримка графіки спрощує роботу в FrontPage 2003 із зображеннями з інших додатків. FrontPage 2003 вдало поєднує в собі можливості використанюі візуального конструктора і засобу редагування коду. У цій версії програми з'явилося розділене вікно (режим Split), яке складається з даох областей - "Конструктор" (Design) і "Код" (Code). У вікні Design ведеться розробка в режимі WYSIWYG, а у вікні Code йде автоматичне оновлення коду при внесенні змін в макет.

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

FrontPage 2003 генерує ефективний HTML-код, що не містить надмірності, характерної для коду, який генерується Microsoft Word. Засоби написання сценаріїв забезпечують можливість інтерактивного спілкування з відвідувачами.

Функція інтелектуального пошуку і заміни здійснює пошук і заміну атрибутів або тегів на заданих сторінках. При цьому можна вказувати складні правила пошуку і заміни, що дозволяє швидко виконувати-, оновлення Web-вузла. FrontPage надає можливість оптимізації НТМЬй коду, написаного в інших додатках за рахунок видалення надмірних тегів, пропусків і т.п.

Macromedia Dreamweaver MX 2004 v7.0. Розробник: Macromedia. Сайт програми: www.rmcromedia.coni/software/drearrtweaver/

Dreamweaver завжди вважався інструментом для дизайнера, ніж для програміста. Проте в останній версії є повний набір засобів як для візуального конструювання, так і для кодування. Dreamweaver MX 2004 v7.0 - це додаток, в якому розробник може працювати в одному середовищі, швидко створюючи, розвиваючи і обслуговуючи Web-сайт і Інтернет-додатки за допомогою засобів візуального редагування, розробки додатків і швидкого написання коду, реалізованих в єдиному інтегрованому рішенні. Розробники можуть використовувати Dreamweaver з різними серверними технологіями і створювати могутні Інтернет-додатки, які забезпечують користувачам доступ до баз даних і Web-сервісів.

Одним з важливих нововведень в Dreamweaver MX 2004 v7.0 є крос-браузерний валидатор (cross-browser validator) - засіб, що дозволяє автоматично перевіряти коректність тегів на сумісність для різних Web-браузерів.

Dreamweaver MX 2004, поза всяким сумнівом, - кращий додаток в своєму класі, проте він вимагає істотних системних ресурсів і дорого коштує.

HomeSite 5.0. Розробник: Macromedia. Сайт програми: www.macromedia.com. Тоді як Dreamweaver ~'ЦЄ перш за все візуальний редактор, програма HomeSite призначена для розробників, які вважають за краще працювати з початковими кодами і звичайно використовують не тільки HTML. Macromedia вдалося удосконалити даний редактор для роботи з великими сайтами.

HomeSite 5.0 - це HTML-редактор для професійних розробників. Web-розробники, які пишуть код HTML, високо оцінили HomeSite. Цей кодовий редактор, що має масу настройок, чудово працює з іншими додатками Macromedia.

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

CoffeeCup HTML Editor 9.5. Розробник: CoffeeCup Software. Сайт програми: www.coffeearo.cora CoffeeCup не має візуальних засобів редагування, але, як редактор коду, забезпечена дуже вдалим набором функцій. Програма пропонує численні графічні заготовки, вбудовані Web-шаблони, засоби публікації матеріалів на сайті, вбудований оптимізатор HTML-коду, інтерфейс, що настроюється під користувача, і багато що

ІНІдІС

Мережевий конструктор для створення сайту

Існують служби безкоштовного масового хостингу, що надають своїм клієнтам не тільки дисковий простір, але і прості шаблони та інструменти, які дозволяють влаштувати прямо в Мережі "майстерню" і, як з конструктора, "зібрати" власний сайт. Послуга надається безкоштовно.

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

При необхідності можна змінити дизайн, вибравши новий шаблон -дизайн автоматично зміниться.

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

Конструктор також дозволяє зробити сайт компанії, скориставшись спеціальними шаблонами "Ділова сторінка" (візитна картка фірми) і "Прайс-лист".

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

Також в "майстерні" пропонується доступ до файлів по FTP-протоколу, можливість розмістити на сайті гостьову книгу і лічильник відвідин, а також ряд сервісів.

У Мережі існує велика кількість серверів, де пропонується безкоштовний хостинг.

Контрольні питання

1. Функції та призначення Web-сайтів.

2. Типи сайтів у залежності від призначення та їх власників.

3. Функції корпоративних сайтів,

4. Функції некомерційних сайтів. Ък$а

5. Функції контент-сайтів.

6. Опишіть типову структуру комерційного Web-вузла.

7. Критерії вибору провайдера для розміщення Web-вузла у Internet.

8. Які засоби створення Web-сайтів Ви знаєте? Охарактеризуйте їх.