Проектиране на статичен уеб сайт

Фази в разработка на сайт

Създаването на един уеб сайт неизменно преминава през няколко основни фази:

1. Проектирането включва следните дейности
🟠 Определяне на насочеността на сайта – дава се отговор на въпроса „За кого е предназначен сайтът?“. Така по-лесно може да се определи какво ще е съдържанието и цялостният му вид. Сайтът на банка или голяма международна корпорация ще изглежда доста по-различно от един личен сайт или сайт за е-търговия.
🟠 Определяне на съдържанието на сайта е важна дейност в проектирането. Възможно е то да определи до голяма степен структурата на сайта, както и графичното му оформление.
Тези две дейности не са от областта на ИТ и обикновено проектантът на сайта ги извършва съвместно с лицето/организацията, за която се създава уеб сайта.
🟠 Карта на сайт – определя се структурата на сайта – от колко страници ще се състои сайтът и къде и как ще се разполага съдържанието.
🟠 Хипервръзки (препратки, връзки) – тази дейност планира взаимните връзки между страниците на сайта. За хипервръзка може да се ползва дума, фраза, изображение. Обектът изпълняващ ролята на хипервръзка се отличава визуално от останалата част на съдържанието.

Всяка начална страница на сайт трябва да бъде с име index: index.htm или index.html и се нарича още корен. Основната ѝ задача е да „грабне“ посетителя на сайта, да привлече вниманието му, да го накара да се задържи по-дълго на сайта.

Информацията върху тази страница трябва да е максимално пълна, леко интригуваща, за това, което може да се намери в сайта. От нея чрез навигационна система има достъп до вътрешните страници на сайта (page1.htm, page2.htm, page3.htm). Примерна опростена карта на сайт може да се види на Фиг. 1. Тя има йерархична структура.

2. Изграждане
При изграждането на сайт трябва да определим следните негови компоненти:
🟠 Текстов материал – първоначалният му обем трябва да е по-голям. След това се подбира най-съществената част от него за окончателния вариант на сайта. Текстът трябва да бъде кратък и ясен, достатъчно информативен и да отговаря на целите на сайта. Текстовите редове трябва да са къси, за да може погледът спокойно да „следи“ реда.

🟠 Шрифт – той придава професионален вид на сайта. Добре е да се ползва един и същи шрифт, цвят, размер за всички заглавия и друг шрифт, цвят, размер за всички подзаглавия или основен текст – Фиг. 2. Акцентите е удачно да се форматират със стил удебелен, защото така по-лесно се възприемат. Препоръчително е да се използват шрифтове от семейството на несерифните – Arial, Helvetica, Tahoma. Практиката показва, че зрително по-лесно се възприемат електронни документи, съдържащи тези шрифтове.

🟠 Фон – цветът на фона е важен за доброто възприемане на текстовата информация. Фонът трябва да е контрастен с цвета на текста. При използване на изображение за фон, трябва да се съобрази върху кои негови части с какъв цвят трябва да бъде текстът. От естетическа гледна точка е добре да се комбинират светли цветове в комбинация с тъмен цвят на текста.
🟠 Графични изображения – те са задължителни за почти всеки сайт. Носят допълнителна информация и привличат вниманието на потребителя. В доста случаи представляват рекламни банери на различни фирми. Използването им трябва да бъде умерено – да не се прекалява нито с броя им, нито с обема им. Практиката днес е ограничила употребата на изображения до три файлови формàта: GIF, JPG/JPEG, PNG и най-честа резолюция 72dpi или 96dpi. Всеки един от формàтите има своите предимства и недостатъци. Поради това всеки от тях е намерил специфично приложение в интернет. Например: за различни бутони върху уеб-страниците са използват GIF изображения; за снимки с високо качество, схеми, диаграми, фонови изображения – JPG/JPEG; за снимки на космически обекти, пейзажи от природата – PNG.
🟠 Цветова гама – подходящият избор на цветова гама може да даде на сайта визия на професионално създаден сайт. Тя влияе на общото внушение и настроение на посетителите. Доброто съчетаване на цветовете е фактор за крайния успех на сайта. Препоръчително е конструкторът на сайта съвместно с поръчителя да изберат 1-2 основни цвята, които да се използват за оформяне на най-важните елементи на сайта.
🟠 Навигационна система – тя е задължителен елемент за всеки сайт. Планира се още във фазата на проектирането на сайта. Чрез нея посетителят може да разгледа всички страници на сайта. С нейна помощ е възможно да се покаже на посетителя „къде се намира“ в сайта. Елементите ѝ може да са хипервръзки или бутони. Навигацията трябва да направи сайта достъпен и лесен за използване.

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

4. Поддръжка
Поддръжката на сайт е последната и най-продължителна фаза от неговия „живот“. През тази фаза трябва да се актуализира и променя съдържанието на сайта. Освен това се поправят допуснати грешки и неточности и се добавя нова информация.

Примери за интернет сайтове

На Фиг. 3 е показана част от началната страница на сайта на издателство „Изкуства“. Адресът на сайта е www.izkustva.net. Адресът на сайта на Министерството на образованието и науката на Република България е www.mon.bg.

Въпроси и задачи

1. Кои са основните етапи, през които преминава разработването на уеб сайтовете?
2. Посочете три характеристики, които правят един сайт привлекателен за вас.
3. Отворете сайта на издателство „Изкуства“ и го разгледайте. Има ли информация за нови издания?
4. Отворете сайта на МОН и го разгледайте. Намерете информация за датите за провеждане на Националната олимпиада по информационни технологии за текущата година.