§ 5. Розробка Web -сайту

 

У цьому параграфі ви вивчите:

•  етапи розробки Web -сайту;

•  можливі типи структур Web -сайтів;

•  збирання Web -документів при створенні сайту;

•  питання вибору Web - cepeвepy .

У попередніх параграфах ви вивчали мову HTML і її можливості по створенню Web -сторінок. Тепер вам потрібно з окремих сторінок сконструювати свій Web -сайт і розмістити його в Інтернеті. Розглянемо спочатку етапи планування і створення сайту на жорсткому диску вашого комп'ютера.

 

Попередні етапи

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

Крім призначення сайту, потрібно визначити коло його потенційних відвідувачів, тобто аудиторію, на котру розрахований ваш сайт. Чи то будуть ваші однолітки, чи люди різних віків, чи школярі, студенти? У який час вони будуть відвідувати ваш сайт і на яких мовах вони будуть говорити? Якими броузерами вони будуть користуватися?

Наступним етапом буде підбір матеріалу. Не весь матеріал по тематиці сайту, що ви маєте, варто публікувати в Інтернеті. Потрібно оцінити якість матеріалу та його цікавість для відвідувачів. Відібраний матеріал розділіть по темах - ці теми будуть визначати розділи майбутнього сайту. Якщо матеріалу по кож­ній темі набирається досить багато, розсортуйте його за ступенем важливості.

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

 

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

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

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

Щоб полегшити подорож усередину сайту, на сторінках верхнього рівня розміщають посилання, що можуть перевести відвідувача відразу ж до сторінок нижнього рівня. На глибоких сторінках також можуть розміщуватися посилання для зворотного переходу вгору по ієрархічних рівнях сайту.

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

 

 

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

Збирання файлів Web -сайту

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

Скопіюйте всі файли в окрему папку і назвіть її, наприклад, Website (мал. 77.3). У цій папці має бути файл index . html , що подає початкову сторінку сайту. Інші файли папки Website містять HTML -код інших сторінок (файли з розширенням . html ). У розглянутому прикладі в папці Website розміщений також файл із розширенням . ess , який містить аркуші каскадних стилів (на початковому етапі знайомства з HTML цей файл можна не створювати). Імена усіх файлів повинні бути набрані малими латинськими буквами.

У папці сайту бажано передбачити папку (у даному прикладі - img ), у якій будуть зберігатися зображення у форматі GIF чи JPEG .

Якщо при формуванні папки сайту ви перейменовували файли, простежте, щоб відповідні зміни були внесені й у код HTML сторінок. Після цього завантажте початкову сторінку сайту в броузер ( Internet Ехрlorer або Netscape Navi ­ gator ) і переконайтеся, що всі переходи на інші сторінки сайту працюють, сторінки відображаються потрібним чином, а малюнки виводяться на сторінки. Якщо яка-небудь сторінка чи малюнок не відображаються, то, мабуть, ви помилилися у написанні імен файлів. Виправте ці помилки, і ще раз перевірте роботу сайту.

 

Вибір Web -серверу

Отже, ви створили свій невеликий сайт. Тепер вам потрібно вибрати Web -сервер, на якому цей сайт буде розміщений.

Web -сервер виконує збереження, пошук і обмін файлами в WWW . Наприклад, коли клієнт Web запитує файл із WWW , програма броузера відправляє цей запит на Web -сервер, на якому знаходиться даний файл. Сервер відшукує файл на своїх дисках і відправляє його комп'ютеру-клієнту, від якого був отриманий запит. Обмін інформацією між клієнтом і Web -сервером відбувається відповідно до протоколу HTTP - загального протоколу, що відповідає за функціонування World Wide Web.

Web -сервер - це комп'ютер, що працює під керуванням однієї з опера­ційних систем UNIX , Windows NT , Macintosh і на який установлена спеціальна програма Web - cepeвepy .

Найбільш поширеною програмою Web -серверу є Apache Server , яка працює швидко і встановлюється безкоштовно (див. вузол www.apache.org ). Часто вико­ристовуються також програми TomCat , Microsoft IIS , NCSA та ін. За допомогою однієї з таких програм свій Web -сервер може створити будь-яка організація, школа і навіть приватна особа. Однак це не завжди виправдано, оскільки повноцінний Web -сервер повинен мати швидке з'єднання з Інтернетом (напри­клад, через виділену лінію) і повинен працювати цілодобово. Тому користувачі вирішують проблему Web -серверу за допомогою сторонніх організацій - фірми вашого провайдера чи спеціалізованих фірм, які займаються хостингом.

Хостинг (від англ. слова hosting - спільне розміщення) - це розміщення Web -сайту на обладнанні компанії. Ресурси серверу і лінії зв'язку вико­ристовуються спільно безліччю клієнтів.

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

Нині з'являється усе більше Web -серверів, що здійснюють безкоштовний хостинг (наприклад, російськомовні сервери www.chat.ru , www.narod.ru , www.boom.ru ). Такі сервери не вимагають оплати за підтримку Web -сайтів клієнтів і існують за рахунок рекламодавців. Зареєстрованому клієнту дається обмежений, але достатній простір на диску серверу - від 5 до 50 Мбайт. На ньому клієнт може розмістити як невеликий, так і солідний сайт. Єдине зобов'язання, що бере на себе клієнт безкоштовного Web -серверу, це розміщення на своєму сайті банерів - маленьких помітних зображень (часто анімованих), призначених для реклами. Утім, згоди клієнта на це, як правило, не запитують - банери встав­ляються й обновляються без участі власника сайту.

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

 

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

•  У чому полягає попередня робота зі створення Web -сайту?

•  Що таке структура сайту? Як можна визначити структуру нового для вас сайту?

•  Які розбіжності є між сайтами з лінійною і з деревоподібною структурами?

•  У якому вигляді має існувати сайт перед його безпосереднім розміщенням в Інтернеті?

•  Що таке хостинг і які види його вам відомі?