Какво е проектиране на уеб сайта?
Проектирането представлява процес на изграждане на схема на уеб сайт. Основава се на т.н. информационна архитектура.
Информационна архитектура
Информационната архитектура на сайта е процес на организиране и структуриране на информацията и представянето й чрез интуитивни визуални елементи.
Основната цел на процеса е да направи информацията достъпна, разбираема и използваема.
Етапи на проектиране на уеб сайт
1.Избор на технология за разработка на уеб сайт
- HTML – основният маркиращ език за описание и дизайн на уеб страници.
- CSS – език за описание на стилове. Използва се в комбинация с HTML, като HTML отговаря за това какви елементи и каква информация да с разполага на уеб страницата, а CSS – как да бъде представена тя.
- JavaScript – интерпретируем език за програмиране, който позволява създаването на интерактивни уеб страници
- jQuery – е библиотека изградена изцяло на основата на Javascript. С jQuery се създават лесно ефектни навигационни менюта, слайдери, галерии и други.
- PHP – скриптов език, който е широко използван за създаване на сървърни приложения и динамично уеб съдържание, за разлика от HTML или JavaScript, които се изпълняват при потребителя. PHP е с отворен код (open source).
- MySQL – релационна база данни, която използва SQL (Structured Query Language) – най-популярният език за въвеждане и обработка на информация в база от данни. MySQL е с отворен код (open source).
- Системи за управление на съдържанието (CMS – Content Management Systems) – WordPress, Joomla, Drupal.
2.Определяне на екип за разработка
- Ръководител на проекта (Project manager) – координира проекта
- Редактор на съдържанието (Copywriter) – създава съдържание за сайта
- Уеб дизайнер (Web designer) – създава външния вид на сайта
- Front-end разработчик (Front-end developer) – разработва уеб сайтове и уеб базирани приложения чрез HTML, CSS, JavaScript и jQuery.
- Back-end разработчик (Back-end developer) – грижи за вътрешната инфраструктура на сайта чрез различни езици като PHP, C++, Java, MySQL
3.Описване на елементи на сайта
- Начална страница (Home page) – „витрината“ на вашия сайт
- Вътрешни страници – „За нас“, „Пишете ни“
- Основна навигация (Main menu) – съдържа основните страници
- Breadcrumbs навигацията (Breadcrumbs menu) – намира се под лентата с менюто на всяка страница и представлява „трохите“ или пътя от началната до страницата, в която се намирате (Напр. Начало / За Нас / История на фирмата)
- Карта на сайта (Sitemap) – това е уеб страница, които съдържат списък с линкове към всички други страници и файлове в сайта ви
- Форма за търсене (Search bar) – позволява намиране на информация от вашия сайт по зададени от потребителя думи
- Форма за контакти (Contact form) – представлява формуляр за бързо изпращане на писмо или запитване
- Често задавани въпроси (FAQ – Frequently Asked Questions) – страница, която съдържа често задавани въпроси.
Други елементи:
- CAPTCHA – интерактивна задача, която се използва, за да се различни дали даден посетител на сайта е човек, или бот
- Livechat – програма, която осигурява онлайн присъствие в сайта за връзка с потребителите
- Newsletter – система за бюлетини и маркетингови имейли.
4.Изграждане на структура на уеб сайта – създава се графична схема на сайта (wireframe). Може да се използват готови шаблони (templates).
5.Избор на съдържание – включва текст, изображение, аудио и видео файлове. Съдържанието може да бъде организирано в рубрики и категории.
Източници на информация