Навигация
1.7 Висновки
Отже, на підставі поставленого технічного завдання була вибрана система управління вмістом CMS Joomla, оскільки саме ця система відповідає всім вимогам технічного завдання.
Для розробки дизайну була вибрана програма Macromedia Dreamweaver MX 2004, оскільки дана програма дозволяє візуально споглядати за створенням дизайну для сайта. На головній сторінці було розміщено логотип веб-сайту, основне меню сайту (для навігації по його структурі), форму аутентифікації (входу зареєстрованих користувачів), реєстраційне посилання (реєстрація нових клієнтів).
Розділ 2. Проектна частина
2.1 Загальна структура сайта
Рис. 2. Структурна схема сайта
На Рис. 2 представлена структурна схема сайта, яка враховує всю специфіку веб-сайта, що розробляється.
На головній сторінці відображається основна інформація про магазин, голосування, авторизація клієнта та додаткове меню.
Сторінка «Каталог книг» містить категорії товарів, які є в магазині.
Сторінка «Новинки» містить ті товари, які недавно поступили до продажу.
Сторінка «Оплата и доставка» містить всю необхідну покупцям інформацію про оплату товара та її доставку.
Сторінка «Новости» містить найостанніші новини магазину.
Сторінка «Полезная информация» містить цікаві публікації, які дають певну інформацію про товари та шопінг.
Сторінка «Сотрудничество» містить інформацію про компанії, з якими співпрацює магазин та її побажання для інших компаній.
При відкритті сторінки «Контакты» користувач потрапляє на сторінку з контактами. Там він може знаю всю контактну інформацію щодо магазину
На сторінці «Пошуку» відвідувачі можуть знайти будь-яку інформацію, яка міститься на сайті.
Сторінка «Вакансии» містить інформацію щодо вакансій в магазині
2.2 Розробка інтерфейса веб-сайта
2.2.1 Дизайн веб-сайта
Відповідно до розробленої структури була спроектована головна сторіночка сайту (Рис. 3). Вона містить всі основні структурні елементи, перехід по яких здійснюється за допомогою гіперпосилань.
Рис. 3. Головна сторінка сайта
Як і планувалося на етапі постановки завдання, сайт містить всі необхідні структурні і навігаційні елементи: форму пошуку, навігаційне меню (у вигляді текстових посилань у супроводі відповідних зображень).
При натисненні на посиланні «Каталог книг» виводиться інформація про категорії, які існують в магазині. Це набагато спрощує пошук книг для клієнтів. (рис. 4).
Рис. 4. Каталог книг
Вид реєстраційної форми для нового користувача показаний на рис. 5.
Рис. 5. Реєстраційна форма
Для того щоб авторизуватися старим користувачам, їм потрібно вказати логін і пароль в формі авторизації. Вид авторизаційної форми для старих користувачів показаний на (рис. 6.)
Рис. 6. Авторизаційна форма
2.2.2 Опис створення сторінок веб-сайта
Розробка веб-сайта велася в основному в програмном пакеті компанії Joomla 1.5. Вибір даного пакету обґрунтований тим, що його освоєння віднімає мало часу, під час розробки доступний попередній перегляд кожної окремо зробленої операції, доступна велика кількість функцій (організація інтерактивних елементів сайту, створення гіперпосилань в декілька натисків мишки і тому подібне), пакет підтримує велику кількість технологій (HTML, PHP, ASP, Java, XML, XSLT, CSS та інші).
При створенні сайту використовувалися стандартні шаблони, проте для їх модифікації під конкретні завдання, стандартні засоби Joomla застосовувати незручно через відсутність візуального редактора. Тому для редагування шаблонів був використаний візуальний редактор Dreamweaver MX.
Розглянемо створення головної сторіночки сайту (Рис. 7). Вона є основоположною для всіх інших.
Рис. 7. Розробка головної сторінки сайта
Як видно з малюнка, в основі сторінки лежить контейнер. Всі елементи сторіночки складають мозаїку, яка згодом предстає на екрані користувача як єдине ціле.
Будь-яка інформація (текстова або графічна) заноситься безпосередньо в елементі контейнера. Таким чином, досягається структурованість сторіночки, що дозволяє найзручніше редагувати будь-який її елемент. Так само для зручності правки і логічного відділення одного сегменту від іншого кожному з них привласнено ім'я. Код шаблону сторінок приведений в додатку 1.
Похожие работы
... є інтереси відповідного бізнесу. Прецеденти є, але про суспільну користь говорити можна не завжди. Переглянувши державні бюджети України чи бюджети окремих міст, можна знайти факти підтримки суспільно корисних громадських організацій. Велика частина з них стала предметом розслідування КРУ, податкової міліції, чи депутатських комісій. Якщо влада таким чином не хоче ощасливити когось із своїх родич ...
0 комментариев