Тема3. Основни Етапи при проектирането на уеб сайт

 

Проектиране и графичен дизайн на уеб сайт

Тема 3. Основни етапи при проектирането на уеб сайт

1. Проектиране на уеб сайт.
   а) същност на проектирането на сайт - представлява изграждане на схематичен дизайн,
​т.е. процес, при който се прави скица на структурата на сайта.
   б) основни етапи 

• информационна архитектура на уеб сайта
• средства за програмна реализация

   ​Информационната архитектура формира ядрото на един сайт, около което се изграждат всички останали негови компоненти: общата визия на сайта, функционалностите му, потребителският интерфейс.

2. Информационна архитектура на уеб сайта

• навигация
• графичен дизайн
• структура на съдържание
• функционалности

3. Средства за програмна реализация
 - представлява етап за избор на технологии за реализиране и изграждане на уеб
   а) езици и технологии за написването и оформянето на уеб страниците - HTML, CSS, JavaScript, РНР, MySQL и др.
   б) системи за управление на съдържанието: WordPress, Joomla, Drupal и др.
  в) поддръжка от различни операционни системи (MS Windows, Linux, macOS, Unix) и браузъри (MS Edge, Google Chrome, Mozila Firefox, Safari и др.).

Техническото обезпечение на поддръжката на уеб сайт включва наличие на уеб сървър, на който да се качи готовият сайт.

4. Елементи на уеб сайт

а) основните елементи на уеб сайт  начална страница главни вътрешни нива вътрешни средства

б) допълнителни елементи карта на сайта форма за търсене форма за контакт често задавани въпроси

   Визуалната карта на сайта е йерархична диаграма, дървовидна структура, която позволява на хората да разберат структурата на уебсайта, взаимовръзките между страниците, категориите, публикациите и навигационния механизъм. Често се използва като отправна точка при разработването на уеб сайтове.

Към статията: "Значение на структурата на сайта за потребителите: Структурата на един сайт определя колко лесно е за потребителите да се ориентират в него и да намерят информацията, която търсят..."

Visual site mapper ​Visual Site Mapper е безплатен инструмент, който можеш да използваш, за да покажеш бързо структурата на уебсайт.

Power mapper ​Софтуерът PowerMapper има лесни за използване инструменти за картографиране и визуализация на уебсайтове, както и за тестване и анализ.

Задача 1. Като използвате гореспоменатите онлайн инструменти вижте карта на:
a) сайта на НХГ - https://nhg-blg.com/
б) електронен вестник Пишурки

Има различни безплатни и платени програми за мисловни карти – mind maps.  
​Ето някои от тях: Bubbl.us, MindMeister, Mindmup, Coggle, Mind42, Mindomo, Lucidchart.

Задача 2 (карта на сайт): Като използвате едно от безплатните приложение създайте карта на сайта на НХГ - https://nhg-blg.com/ Готовата карта представете в Teams - Бележника на класа!

5. Структура на уеб сайт

Включва цялата информация, включена в него. Тази информация от своя страна определя поведението на посетителите на сайта. Информацията трябва да е съобразена с избраните от вас цели и да следва определена форма и ред. 
Цели, пред които трябва да отговаря структурата на един сайт:

• Началната страница да показва ясно как да бъде достигната търсената от потребителя информация.
  
• В началната страница може да се изисква различно оформление от всички други страници, така че да е необходимо да се използва хоризонтална вместо вертикална навигация или обратно.
  
• Страниците да притежават помежду си достатъчно общи неща. Така потребителят няма да се чувства, сякаш е напуснал пределите на сайта, прескачайки в друга страница.
  
• Навигацията задължително да е логична и удобна, за да се стига лесно до нужната информация.

6. Навигационна структура
​Основни правила за добра навигация:

• Задължително в страницата трябва да присъства главно меню. В него трябва да има връзки към най-важните подстраници.
  
• Всички навигационни менюта трябва да са изложени на едно и също място, за да не объркват потребителите.
  
• Отделните линкове (бутони) в менютата трябва да са озаглавени кратко и ясно.
  
• Ако страницата ви има повече на брой категории (раздели) и съответно подстраници, е желателно да добавите "карта на сайта" и форма за търсене.
  
• Поставяйте алтернативен текст на бутоните.

Качественото изграждане на навигационна структура подпомага оптимизирането на сайта, като подобрява видимостта му (индексирането) в търсещите машини.

7. Съдържание на уеб сайт

Съдържанието на сайта включва:

• текстове,
  
• графични елементи (лого, бутони, навигация) и др.
  

При обмислянето на сайта е необходимо да се набележат основните рубрики, които той ще има, и какво съдържание ще включва всяка от тях. Съдържанието на сайта е в пряка зависимост от вида и целта му.