Процес розробки Web-сайту
Сьогодні, подорожуючи по Internet, можна знайти багато дуже добре виконаних сайтів, які швидко завантажуються,
привабливих на вигляд, мають чітко розмежовані по розділах інформацію і зручні функції навігації. Такі сайти просто запрошують нас відвідати їх,
розслабитися, затриматися на якийсь час, розважитися і довідатися щось нове.
Якщо ви затримуєтеся на якому-небудь сайті на тривалий час і навіть не усвідомлюєте цього, то, як видно, такий сайт
дуже добре продуманий. Поверніться назад і спробуйте осмислити повну картину. Чи можете ви побачити структуру, організацію? Чи легко сприймається
інформація? Розуміння руху інформаційних потоків - це перший крок у створенні функціонального, зручного в роботі сайту. Якщо ви зрозумієте, як працює ця
концепція, і застосувати її при створенні власного сайта, то ви вже тим самим випередите більшість інших розробників.
Планування інформаційного потоку
Багато Web-майстрів не витрачають час на те, щоб продумати інформаційний потік, а обмежуються тільки розміщенням тексту і
зображень на сторінці. Хоча на багатьох сайтах ви можете зустріти хвалькуваті запевнення, що в них набагато більше відвідувачів, ніж у конкурентів, однак це
не найкращий індикатор якості виконання. Кращим показником є час: якщо користувачі залишаються на вашому сайті досить довго для того,
щоб пройти різними його рівнями і розділами, то ви вправі бути упевненими в добре виконану роботу. Це означає, що вони можуть знайти те, що їм потрібно,
оглянути інше і без особливої роботи повернутися назад.
Щоб зробити свій сайт ефективним, ви повинні візуалізувати потік інформації й вибрані користувачем шляхи. Іншими
словами, ви повинні бачити свій сайт з точки зору користувача. Процес планування може потребувати великих витрат праці, однак якщо він доставляє
вам задоволення, то цілком імовірно, що ваш сайт буде чудовий.
З таким інструментом у руках, як Frontpage, ви маєте всі можливості для створення найвідвідуванішого сайту. Як буде
виглядати ваш сайт і яку інформацію ви на ньому розмістите, багато в чому залежить від вашої потенційної аудиторії. У цьому розділі ми обговоримо сайти,
призначені як для Internet, так і для intranet.
Як побудувати гарний сайт
Найкращі Web-сайти - це ті, котрі привабливо виглядають, ємко виражають основну ідею і не змушують
користувачів чекати одержання інформації на їхніх екранах занадто довго. Ось кілька порад для створення успішного сайта:
Чітко сформулюйте призначення вашого сайта. Які ваші цілі? Тільки присутність в Internet? Якщо так, то не дивуйтеся,
що ваш сайт, як і багато інших, осягне долю більшості. Намагайтеся формулювати ваші ідеї настільки чітко, наскільки це можливо. Можливо, ви
хочете, щоб сайт представляв продукцію вашої компанії. Це добре, але ви повинні задуматися про те, як ви збираєтеся представляти ці продукти.
Як ви хочете показати ваші продукти на мережному ринку? Глибоке з'ясування цих питань допоможе вам чітко сформулювати мету. Без чітко
визначеної мети ваше дітище буде приречене на забуття десь на задвірках Всесвітньої Павутини.
Обов'язково думайте про свою аудиторію. Хто буде основною (і вторинною) аудиторією вашого сайта? Якого вони віку?
Чим вони займаються? Скільки часу проводять на вашому сайті? У відношенні кожної порції інформації, кожної картинки і кожної деталі запитаєте себе, як
відреагує на це ваша аудиторія.
Використовуйте швидко завантажуються елементи. Причина номер один, чому люди швидко ідуть із сайту (чи не відвідують його
зовсім) - занадто довге завантаження інформації. Великий обсяг графічних файлів викликає бажання якось вплинути на хід подій, і найпростіше - це натиснути
на кнопку Stop, зупинивши завантаження. Докладна інформація про управління графічним потоком наведена в розділі 8.
Зробіть ваш сайт візуально привабливим. Ви, безсумнівно, бачили в Internet чимало нудних сайтів. Що ж робить їх
нецікавими? Можливо, недолік кольору і розмаїтості тексту, заголовків. Ви, мабуть, бачили також безладні й еклектичні сайти, в яких
використовується занадто багато різних шрифтів чи розмірів, занадто багато кольорів. Створюючи свій власний сайт, пам'ятайте, що продумане форматування сторінок
наблизить вас ще на один крок до заповітної мети.
Не намагайтеся розмістити все на одній сторінці. Будьте уважні, не перевантажуйте свої сторінки занадто великою
кількістю інформації. Всі ми знаємо, що письменники люблять писати, а дизайнери-графіки - малювати ефектні картинки. Ваше завдання як розробника
сайту - створити тонку гармонію між цими двома дуже різними групами людей. Постарайтеся встановити рівновагу між текстовою та образотворчої
інформацією. Думайте про тих, хто буде читати ваші сторінки; думайте про те, як важко сприймається велика кількість тексту на екрані комп'ютера, і
наповнюйте ваші сторінки вмістом відповідно до цього. Спробуйте додати порожній простір, збільшуючи поле сторінки, чи використовувати табличне
розміщення тексту. Щоб більше дізнатися про використання таблиць, прочитайте главу 6. При розміщенні на сторінках графіку, майте на увазі її реальне значення: чи служить
вона основній меті, чи працює тільки як прикраса? Але при цьому не забувайте, що іноді красива графіка сама по собі може бути метою. В ідеалі кожен
Web-сайт повинний добре виглядати, містити корисну інформацію і бути зручним для перегляду.
(Рада)
Ми схильні думати, що наш сайт обов'язково буде помічений тією аудиторією, якій він адресований; однак тут дуже легко
промахнутися. Щоб уникнути цього, будьте скромніші і постарайтеся заздалегідь показати план і зміст вашого сайту як можна більшій кількості людей,
особливо потенційним членам вашої аудиторії. Цей дуже важливий крок часто ігнорують.
Розумно організуйте вміст. Можливо, вам знайоме твердження, що зміст первинний, а форма вторинна? І
це правда, але форма подачі змісту теж важлива. Скільки разів при відвідуванні чергового сайту ви говорили собі: "Тут немає нічого цікавого"?
Можливо, десь глибоко всередині і поховано щось цінне, але відкопати це щось можна, лише випадково на нього натрапивши. Якщо у вас є інформація,
яку, як ви вважаєте, ваші відвідувачі повинні побачити, не ховайте її вглиб сайту. Зробіть важливу інформацію настільки легко доступною, наскільки
це можливо. Не забувайте, що ваш сайт буде мати, як видно, не один рівень вкладеності. Вторинний матеріал упорядковуйте за групами
взаємозв'язаної інформації. Припустимо, наприклад, що ви створюєте інтерактивний каталог музичного магазину. Ви б помістили в один список і
джазові компакт-диски, і записи рок-груп? Звісно, ні. Це, звичайно, дуже простий приклад, його зміст в тому, що, розглядаючи усю вашу інформацію в
термінах відповідних категорій, ви набагато краще зможете організувати свій сайт.
Передбачте на сайзі кнопки навігації. Більшість розробників використовують кнопки, що адресують до різних розділів
сайту. Ці кнопки, як правило, присутні на всіх сторінках сайту і зазвичай розташовані щільною групою в тому самому місці сторінки. Однаковість і
компактність їхнього розташування істотно спрощують перегляд вашого сайту. Користувачу досить просто натиснути кнопку, щоб перейти до іншого розділу сайту.
Нижче перераховані деякі рекомендації, що стосуються планування кнопок навігації:
- Обов'язково повинна бути кнопка, за допомогою якої користувачі могли б повернутися назад до початкової сторінки. Якщо ваш
користувач забрався на п'ять рівнів усередину, то треба надати йому можливість одним натисканням кнопки повернутися на першу сторінку. А якщо він
загрузне, натискаючи кнопку Back у своєму браузері, то, швидше за все, він дуже швидко піде з вашого сайту і більше ніколи не повернеться. Іншими
словами, не покладайтеся на навігаційні здібності браузера користувача, обов'язково додайте ці можливості на свій сайт
- Будьте готові до того, що в деяких відвідувачів вашого сайту відключений перегляд графіки в браузері. Дуже корисно
поряд із графічними кнопками навігації мати і їх текстову версію. Тим самим для перегляду вашого сайту користувач зможе вибрати зручний для нього
варіант. Не сумнівайтеся: пройде ще чимало часу, поки на Web-сторінках залишаться тільки графічні кнопки
Отже, постарайтеся максимально спростити переміщення по вашому сайту. Розробляючи сайт, запитайте себе, між якими
крапками варто навести мости. Від відповіді на це питання багато в чому буде залежати, наскільки легким і захоплюючим буде подорож по вашому сайту.
Скористайтеся картою навігації Провідника Frontpage. Карта навігації (Navigation view) може виявитися
особливо корисною, коли у вас виникнуть труднощі із представленням інформації. Почніть роботу з головної сторінки і йдіть усередину. Це візуальне представлення
допоможе вам "побачити" вміст вашого сайту, більш ясно організувати його й уникнути глобальних змін при модифікації сайта. Ви
більш чітко зможете уявити собі структуру вашого сайту і, можливо, у вас з'являться нові ідеї щодо його поліпшення. Для більш детального знайомства з картою
навігації Провідника читайте главу 3.
Ретельно перевірте свій сайт. Існує цілий ряд різних брадж-Зеров, і в кожному з них ваш сайт може
виглядати по-різному. Перевірте роботу вашого сайту, використовуючи якнайбільше різних браузерів, при цьому на різних платформах (як мінімум, Windows 95,
Windows NT, UNIX і Macintosh) і при різних швидкостях модему. Нерідко кнопка навігації, поміщена вами в кут сторінки, у якому-небудь браузері виявляється
посеред вікна; такі речі трапляються часто-густо. Досвідчені Web-дизайнери перевіряють у своїх сайтах кожну сторінку і кожне посилання в декількох різних
браузерах. Усі зв'язки всередині вашого сайту ви зможете легко перевірити за допомогою команди Verify Hyperlinks (Перевірити гіперпосилання) чи протоколу
стану гіперпосилань (Hyperlink Status View) Провідника. У главі 3 ви отримаєте всю необхідну інформацію про ці засоби.
Інший гарний спосіб перевірки вашого сайта - це операція Preview In Browser (Попередній перегляд у браузері) у
Редакторі. Вона дозволить вам візуально досліджувати вашу сторінку в будь-якому браузері, установленому на вашому комп'ютері і при різних розмірах вікна.
Наприклад, якщо ви звичайно працюєте в дозволі 1024х768, то ви зможете на власні очі побачити, як ваша сторінка буде виглядати в дозволі 640х480. Подробнее
про це читайте в розділі 7.
Якщо ви добре ставитеся до своєї аудиторії, то надайте відвідувачам можливість легко знаходити інформацію на вашому сайті.
За допомогою Frontpage Search Component (Пошукового Компонента Frontpage) ви зможете оснастити свій сайт повним механізмом пошуку. Щоб з'ясувати, як
це робиться, прочитайте главу 9.
Планування сайту intranet
Розробка сайту intranet вашої організації - завдання не менш складна. Ви повинні враховувати практично всі ті ж моменти, що
і при розробці сайту Internet, за кількома винятками. Так як звичайно ви точно знаєте, на яку аудиторію орієнтований сайт intranet, то ви можете
дозволити собі розкіш бути більш конкретним і цілеспрямованим. Вам бажано точно з'ясувати, які типи комп'ютерів стоять в мережі, наскільки швидко вони
працюють, які типи браузерів в основному використовуються, як вони підключені до вашого сайту (через модем або через пряме підключення). Знання цих деталей може
значно допомогти вам при розробці Web-сайту. Як і при розробці сайту Всесвітньої Павутини, ключ до успіху лежить у ретельному первісному
плануванні.
Якщо ваша компанія велика, то і сайт може бути чималий, а за обслуговування різних його розділів може відповідати багато народу.
Frontpage значно спрощує управління мережами intranet. Докладно ці питання розібрані в розділі 5.
Чи потрібна вашої організації мережа intranet? До цих пір багато компаній для розповсюдження службової інформації (наказів, новин,
списків телефонів) використовують старомодний друкований метод. Нерідко потім ця інформація в друкованому вигляді розсилається в різні географічні регіони. При
кожній зміні виникає необхідність у використанні і повторної розсилці. Оновлення та поширення інформації так само не тільки обходиться
для компаній в чималу суму, але і призводить до витрати природних ресурсів.
Навпаки, якщо у вас є сайт intranet, то ви можете легко і швидко оновити інформацію і довести її до відома всіх (або
тих, хто має відповідні права доступу). Різні підрозділи компанії можуть самостійно відповідати за обслуговування та оновлення своїх розділів
сайту. Так що зазвичай цей процес проходить просто і безболісно.
Проблеми планування
Створюючи сайт intranet, ви зустрінетесь з тими ж самими проблемами дизайну, організації та навігації, які неминуче
постануть перед вами при створенні Web-сайту в Internet. Крім цього, зверніть особливу увагу на такі моменти, ретельний аналіз яких на початковому
етапі роботи допоможе вам уникнути багатьох проблем у майбутньому:
Про Хто з працівників компанії або організації буде мати доступ до сайту? Інформація якого плану буде на ньому
розміщена? Чи повинна вся що знаходиться на ньому інформація бути доступною всім
С ") Хто буде оновлювати інформацію на сайті? Хто за які розділи та завдання буде відповідати? Перш ніж приступати до
створення сайту, з'ясувати це собі настільки ясно, наскільки можливо, тому що в міру розробки перед вами може постати цілий ряд завдань, які комусь доведеться
регулярно виконувати. Frontpage дозволяє досить просто розподіляти завдання, для цього існує перелік завдань (Tasks View) Провідника
(докладніше це буде пояснено в главі 3)
П Яким чином ви не дозволите сайту вийти з-під контролю? Для ефективного контролю за обсягом сайту вам доведеться визначити
коло осіб, які мають повноваження модифіковані і додавати матеріал. Якщо будь-який співробітник вашої компанії буде мати можливість на свій розсуд додавати
сторінки, редагувати інформацію, розставляти посилання і тому подібне, то на вашому сайті дуже скоро почнеться Вавілонське стовпотворіння. Для регулювання
користувальницьких привілеїв Frontpage надає вам можливість встановлювати права перегляду, редагування та адміністрування. Більше
докладно про це написано в главі 5
Можливо, у вашій організації вже встановлена мережа і ви при бажанні можете відшукати в ній будь-який файл або переглянути
документ, але цей процес не можна назвати простим і витонченим: ви повинні підключитися до потрібного комп'ютера мережі, скопіювати файл на свій комп'ютер або відкрити його
на іншому комп'ютері, запустити відповідну прикладну програму, щоб цей файл переглянути, і т. д. До того ж, переглядаючи вміст
віддаленого комп'ютера, ви бачите тільки список файлів. Не дуже інформативне подання, чи не так? І навіть якщо ви знаєте, де слід шукати
певний файл, знайти його в мережі може виявитися досить стомлюючої завданням, особливо якщо ви не знаєте його точне ім'я.
Мережі intranet дозволяють перевести обмін інформацією на візуальний рівень. Припустимо, що ви хочете подивитися
комерційний звіт вашої фірми за предьвдущій квартал, що міститься у файлі Microsoft Excel. У традиційному варіанті побудови мережі ви повинні будете знайти
відповідний файл, відкрити його і завантажити в Excel на своєму комп'ютері.
З появою intranet-сайту у співробітників компанії з'являється можливість отримати потрібну їм інформацію без необхідності
запам'ятовувати її розташування в мережі. Все, що тепер їм доведеться зробити, - це знайти на сайті сторінку з інформацією про продажі компанії, а потім натисканням на
посиланням відкрити файл з мережі. А ще краще, якщо необхідної інформації буде відведена на сайті своя власна сторінка. Якщо вони не зможуть швидко знайти
сторінку комерційної інформації (що може бути наслідком поганої розробки проекту), то знайдуть її протягом кількох секунд з допомогою
механізму пошуку.
Сервери
Для розміщення сайту в intranet вам знадобиться Web-сервер. Найкраще, якщо Web-сервер буде встановлено на виділеному
комп'ютері, подібно традиційним мережних серверів. Чим швидше і потужніше буде цей комп'ютер, тим краще буде працювати ваш сайт.
Вибор Web-сервера залежить від очікуваного графіка в мережі. Якщо ваша компанія відносно невелика, можливо, ви зможете
обмежитися єдиним сервером на базі Персонального Web-сервера Frontpage або Персонального Web-сервера Microsoft. Ці сервери не розраховані на обробку
великого обсягу інформації, так що для більш широкої мережі вам може знадобитися сервер, здатний обробляти більше інформації. Більш докладно
про сервери дивіться у розділі 11.
Безпека
Для захисту більшості файлів у вашій мережі intranet ви можете використовувати стандартні мережеві засоби захисту, адже в кінцевому
рахунку ці файли розташовані у звичайній мережі. Якщо ви хочете, наприклад, дати право на зміну певних файлів в intranet строго певному колу
осіб, то ви цілком можете розмежувати доступ і на мережевому рівні.
На додаток до звичайних мережевих засобів захисту Frontpage надає три додаткових рівня доступу до Web-сайтів.
Використовуваний вами Web-сервер також може взаємодіяти з цими засобами безпеки:
- Перегляд (рівень кінцевого користувача)
- Авторський доступ (перегляд, модифікація і підтримка сайту за допомогою Frontpage)
- Адміністративний доступ (призначення і зміна привілеїв); адміністратори також мають всі права авторського доступу
Кількість параметрів безпеки сайту, iконкам за допомогою Frontpage, досить велика. Детально ця тема буде
розглянута в розділі 5.
Інформаційне наповнення
Існує маса областей, в яких можна з успіхом застосувати міць технології intranet:
- Зробіть службову інформацію і документи загальнодоступними. Сай-ти intranet дуже зручно використовувати для опублікування
директив начальства, навчальних посібників, розкладів, каталогів продукції тощо. Це дозволить заощадити багато часу, зусиль і грошей.
Уявіть, що продавщиця відділу ліжок і ванн універмагу хоче запропонувати ароматизувати рушники для святкової розпродажі, і для цього їй необхідна
інформація про наявні в наявності духів. І ось, замість того щоб звернутися до завідуючого парфумерним відділом, який передасть запит помічнику, а той, у свою
чергу, переадресує її до файлу з інформацією про ціни, наявність і т. д., наша продавщиця просто загляне у відповідний розділ intranet-сайту універмагу і
безпосередньо сама знайде всю необхідну інформацію
- Тримайте співробітників у курсі новин компанії. Сайти intranet - ідеальна дошка оголошень для розміщення бюлетенів новин
вашої компанії та офіційних повідомлень, призначених вашим співробітникам. Якщо ви хочете проінформувати своїх товаришів по службі щодо щорічного пікніка, то
помістіть це оголошення в місце, доступне для загального огляду
- Використовуйте intranet в побуті. Те, що основне призначення мереж intranet полягає в тому, щоб раціоналізувати потік
інформації всередині компанії або організації, зовсім не означає, що для них не можна придумати більш захоплююче застосування
- Зв'яжіть ваш intranet-сайт з Internet. За допомогою брандмауерів (firewall) та Proxy-серверів ви можете
зв'язати свої сайти з Internet без шкоди для безпеки вашої мережі intranet. Помістіть на чільне місце посилання на сайти конкурентів, щоб ваші співробітники
завжди були в курсі їх досягнень, або на іншу корисну та своєчасну інформацію, яку вашим товаришам по службі не завадило б знати. Якщо інформація про
вашої компанії з'явиться на інших сайтах Internet, зробіть посилання на них, і нехай персонал по достоїнству оцінить вашу роботу.
