jpg.
3. Користувальницький інтерфейс сайту повинен забезпечити наочне, інтуїтивно зрозуміле уявлення розміщеної на сайті інформації, швидкий і логічний перехід до розділів і сторінок.
4. Інтернет-додаток однаково відображатися в різних браузерах.
3.2 Етапи розробки сайту
Першим завданням практичної частини є опис розробки сайту. Як правило розробка ділиться на наступні етапи:
· Підготовка проектної документації
· Роботи над функціональною частиною сайту
· Наповнення контентом
Розглянемо конкретно кожні з них.
Підготовка проектної документації.
На даному етапі ведеться тісна робота з замовником інтернет-додатки, в процесі якої формується технічне завдання.
Технічне завдання є вихідним матеріалом для створення інформаційної системи або іншого продукту і в першу чергу повинно містити основні технічні вимоги до продукту, відповідати на питання, що дана система повинна робити, як працювати і за яких умов.
На підставі Технічного завдання надалі буде вироблятися розробка сайту, так само Технічне завдання дозволяє замовнику виконати перевірку готового сайту на відповідність висунутим вимогам.
Розробка оригінал-макету сайту
На даному етапі грунтуючись на вимогах, описаних у Технічному завданні, до дизайну сайту мною велися роботи по створенню оригінал-макету сайту.
Оригінал-макет являє собою графічне зображення верстки інтернет-додатки, створене в графічному редакторі і призначений для наочного подання дизайну сайту.
Після закінчення робіт по створенню оригінал-макету, він передається замовнику на затвердження.
Розробка статичного прототипу
Після затвердження оригінал-макету замовником необхідно зверстати статичний прототип (шаблон) інтернет-додатки.
Шаблон сайту - сукупність оформлених і верстаючих в HTML (XHTML) сторінок, графічних та службових файлів, кількість сторінок визначається функціональністю проекту і кількістю розділів.
Статичний прототип сайту покликаний, не тільки показати замовнику, як виглядатиме його сайт, але і полегшити роботу над функціональною частиною проекту.
Роботи над функціональною частиною сайту
На даному етапі відбувається створення програмної частини інтернет-додатки.
Мною був розроблений основний шаблон сайту на мові HTML, який я використовував для створення наступних сторінок. Дане рішення дозволяє кардинально зменшити кількість витраченого часу на створення сторінок.
Наповнення контентом
На цьому етапі відбувається наповнення контентом всіх сторінок сайту.
Вся графічна інформація так само пройшла обробку програмою Adobe Photoshop Кожне зображення піддалося зменшенню розміру, колірної корекції, регулюванню яскравості, контрастності і колірної гами.
. 3 Структура навігації і сторінки
Після визначень цілей і завдань, висунутих замовником, створюється структура сайту. Дана структура націлена на звичайного користувача, що б він мав можливість переходити по різних рівнів сторінок даного сайту, і повернення на головну сторінку перебуваючи на будь-який з сторінок сайту.
Першою сторінкою, де виявляється користувач, є головна сторінка. Дана сторінка повинна містити назву сайту, опис сайту, посилання на інші сторінки.
На підставі головної сторінки створюються інші сторінки, на яких знаходиться різна інформація.
На малюнку 1 представлена ??структура сайту, де вказані основні сторінки:
. Головна - Містить інформацію виді діяльності підприємства.
. Про школу - Містить інформацію про школу.
. Педагоги - Містить список викладачів школи.
. Новости - Містить статті новин школи.
. Фотоальбом - Містить фотографії з коротким описом.
. Дошка пошани - Містить інформацію про відзначилися учнях школи.
. Навчальний процес - Містить необхідні для завантаження файли.
. Зворотній зв'язок - Містить форму зв'язку з адміністрацією сайту.
. Гостьова книга - Дозволяє залишити відгуки відвідувачів.
Малюнок 1. Структура навігації
Що стосується сторінки, існує три основних механізми по...
