3. Розробка інформаційного web-сайту

3.1. Меню навігації

На нашому web-сайті буде розта шовуватися вся інформація про підприємство «Агрогород. Луганск», а саме: про компанію, про продукції, що виготовляється, енциклопедія виробництва продукції, про те як працює цех, замовники, плани, підтримка підприємства, і звичайно інформація про контактах.

Розглянемо кожну сторінку окремо і її змістовну частину.

Опис меню «Головна»

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

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

Опис меню «Компанія»

Зайшовши на сторінку компанія ми побачимо інформацію про оптового ринок сільськогосподарської продукції "Агрогород. Луганск".

Сторінка «Про фірму» складається з верхньої частини, меню навігації, змістовної частини і нижній частині.

Меню навігація основна складається з кнопок (компанія, продукція,, послуги, про фірму (ISO-9001, сертифікати, дозволи, нагороди), контакти, наші представники), для зручного та швидкого переходу на цікаву нам

сторінку.

Змістовна частина несе в собі інформацію про ринок "Агрогород. Луганск".

Опис меню «Продукція»

Зайшовши на сторінку «Продукція» ми побачимо яку продукцію випускає ринок сільськогосподарської продукції "Агрогород. Луганск".

Сторінка «Продукція» складаєть ся з верхньої частини, меню навігації основний, меню навігація по самій сторінці, змістовної частини і нижній частині.

Меню навігація основна складається з кнопок (компанія, продукція,, послуги, про фірму, контакти, наші представники), для зручного та швидкого переходу на цікаву нам сторінку.

Змістовна частина несе в собі графічну інформацію про види продукції.

Опис меню «контакти»

Зайшовши на сторінку «Контакти» ми побачимо інформацію про адресу та місце знаходження:

Сторінка «Контакти» складається з «шапки», меню навігації основний, змістовної частини і «підвалу».

Меню навігація основна складається з кнопок (компанія, продукція,, послуги, про фірму, контакти, наші представники), для зручного та швидкого переходу на цікаву нам сторінку.

Змістовна частина несе в собі інформацію про адресу та місце знаходження "Агрогород. Луганск"

Опис меню «Наші представники»

Сторінка «Наші представники» складається з «шапки», меню навігації основний, змістовної частини і «підвалу».

Меню навігація основна складається з кнопок (компанія, продукція,, послуги, про фірму, контакти, наші представники), для зручного та швидкого переходу на цікаву нам сторінку.

Змістовна частина несе в собі інформацію про представників та сертифікат іноземного і вітчизняного зразка.

3.2. Структура сайту

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

Хоча файлова структура сайту може бути різною, завжди потрібно пам'ятати деякі правила. Необхідно враховувати можливість оновлення сайту надалі. Якщо доведеться замінювати при цьому файли, значить, доведеться міняти і всі посилання, а це може забрати багато часу і сил.

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

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

Створення файлової структури виконує 2 функції. По-перше, уберігає від випадкових помилок розміщення файлів в неправильних каталогах на сервері. По-друге, полегшує процес створення відносних URL (гіпертекстових посилань).