Етапи при създаването на уебсайт
Илияна Калинова,
Общински детски комплекс, Пловдив
Рецензент: доц. д-р Тамара Загорова
От дългогодишното си общуване с тийнейджъри съм наясно, че за тях интернет е ежедневие. Освен да се забавляват в мрежата, те използват интернет както при търсене на информация по определени теми, така също и за подготовка на домашни работи. Водени от присъщите за възрастта им любопитство и изследователски дух, те са най-ентусиазираните потребители в интернет.
Всичко това ме мотивира да се заема с изработването на образователен сайт „Познай себе си”, който предлага знания в областта на психологията. Да се създаде един сайт е лесно, но да се създаде сайт, който отговаря на изискванията и очакванията на взискателната младежка аудитория, е далече по-сложна задача, изискващи добра подготовка.
Изграждането на уебсайт преминава през няколко основни етапа, а именно:
v Планиране;
v Създаване;
v Популяризиране;
v Поддръжка.
След като си отговорих на въпросите: Защо се прави? За кого е предназначен? Каква информация ще съдържа? – стигнах и да въпроса: Как да се направи?
В следващите страници ще разгледам етапите при създаването на сайта, колебанията, трудностите и добрите решения, до които стигнах.
Едно от основните предназначения на всеки уебсайт е да информира. Същевременно колкото по-атрактивно бъде осъществено това, толкова по-голяма популярност печели сайта. В уеб дизайна е много разпространено понятието „успешен уебсайт”, с което се обозначават тези решения, които успяват да привлекат потребителите, да ги заинтересуват и дори да ги убедят в нещо.
За потребителите на интернет е разпространено схващането (не без основание), че са нетърпеливи, т.е. те не са склонни да чакат дълго за каквото и да било и същевременно много лесно се отегчават от всичко. Обикновено това е причината, поради която се смята, че графичният дизайн е от основно значение и изцяло от него зависи успехът или провалът на сайта. Същевременно колкото и да е привлекателен в графично отношение уеб сайтът може да си остава все така ненужен никому, ако в него няма полезна информация.
Уеб сайтът може да бъде разглеждан като всеки друг продукт, предназначен за масова употреба. От една страна, той трябва да е с добър външен вид, от друга – да е полезен и удобен за употреба. Само това може да гарантира неговия успех.
Може да се обобщи, че основните принципи при създаването на всеки уеб сайт са:
v Атрактивност – това, което ще привлече и най-забързания или попаднал по грешка посетител;
v Полза – това, което ще го заинтересува и ще го накара да се върне отново;
v Достъпност – това, което ще му предостави необходимото удобство.
Комбинирането на тези три изисквания определя и основната същност на уеб дизайна, а именно – баланс между отделните изисквания. Повишаването на атрактивността обикновено намалява достъпността и в никакъв случай на може да компенсира липсата на полезна информация [2, с. 15].
Представените критерии са от различна важност при различните по предназначение сайтове. Те биват:
- портални;
- информационни;
- новинарски;
- развлекателни;
- търговски;
- фирмени;
- лични и т.н.
Образователен сайт „Познай себе си” е информационен и затова определящо за него е ползата и възможността за бързо и лесно придвижване. Текстовото съдържание доминира за сметка на графичното. За да се балансират нещата съм включила рубриката „Галерия”, която съдържа снимки на най-известните психолози, придружени с кратък текст.
Съдържание на сайта
Съдържанието на сайта включва текстове, задължителни графични елементи (лого, бутони, навигация), декоративни графични елементи и др. При обмислянето на сайта е необходимо да се набележат основните рубрики, които той ще има и какво съдържание ще включва всяка от тях.
Съдържанието на сайта е в пряка зависимост от вида и целта му. При образователния сайт то е предимно текстово и не е лимитирано в рамките на един екран, а позволява придвижване в рамките на 2 до 4 екрана (разбира се, вертикално). Текстовата информация се възприема чрез четене. В интернет съществува понятието „хигиена на четенето” – лесно четимо оформление на текстовото съдържание. Ето няколко правила, които трябва да се вземат предвид при планирането на сайта:
v Фонът на страниците (bаckground color) би било подходящо да е бял или светъл, в редки случаи с едва забележимо изображение;
v Текстът да е в черен или тъмен (лесно четим) цвят;
v Широчината на текстовата колона да не надвишава 350–450 пиксела (толкова погледът проследява спокойно, без да „губи” реда);
v Да се поставят основни акценти в текста, които да „водят” погледа, за което е добре да се използва удебелен (bold), а не наклонен (italic) шрифт, който на екрана на монитора не е много четим или подчертан (underline), който се свързва с текст-линк;
v Графичните елементи да са малко, с изчистени цветове, а анимираните елементи – сведени до минимум; като цяло те следва да са равномерно разпределени спрямо текста и не бива да надвишават 4–5 за страница – от една страна от гледна точка на скоростта на зареждането, от друга – възприемането на останалата информация на страницата [2, с. 23].
Информацията в сайта като цяло се разпределя по рубрики. За целите на образователен сайт „Познай себе си” бяха създадени три рубрики, представящи основната информация:
1. Личност
- човек, индивид, личност;
- движещи сили на човешкото поведение;
- личностна типология;
- етапи в развитието на личността.
2. Себепознание
- Аз-образ;
- самооценка;
- процесът на опознаване на себе си;
- формиране на положителна представа.
3. Общуване
- общуване;
- езикът на тялото;
- комуникативни умения;
- решаване на конфликти.
Галерията дава възможност на посетителите да се запознаят с най-известните психолози. Публикувани са снимки и кратко резюме за всеки от тях.
Речникът съдържа кратки и синтезирани обяснения на ключови думи в уроците.
Връзката “помощ” е неотменна част от всеки потребителски сайт. В нея кратко и ясно са обяснени основните функции на сайта, както и ползата от регистрацията.
В рубриката „Тестове” са представени пет теста, свързани с разглежданите теми.
За най-любознателните в рубриката „Литература” са дадени 26 заглавия на книги.
Личната папка е авторски елемент в сайта. Тя се създава след регистрация. Информацията, която се съдържа в папката ще помогне на всеки регистриран да открие себе си. Чрез техниката на незавършените изречения се стимулира потребителят да се замисли и формулира своите ценности и приоритети. Отговорите от тестовете се запазват в личната папка и така съдействат за откриване на специфичните особености на отделния човек. Те ще му помогнат да разбере своите силни страни и да насочи усилията си към справяне със слабостите.
Структура на сайта
Уебсайтът е присъствие в интернет, сбор от текстове и изображения, звук и анимация, обединени в страници, достъпни за посетители чрез даден адрес, през браузър. На български често пъти уебсайт се превежда като уеб страница. Това е неправилно. Уебсайтът е сбор от взаимносвързани уеб страници.
Сборът от страници в сайта не е механичен. Добрата организация на страниците ги обединява от една страна съдържателно (еднакъв стил на текстовете, обръщения, внушение), а от друга – графично (единна цветова гама, графични елементи, ефекти и т.н.). Употребата на единен стил в обръщението и представянето на информацията (на текстово ниво), на сходни графични детайли (на ниво визия), създава усещането за цялост – прави сайта стилен, комуникативен, консистентен, приятен за използване.
Сайтът има йерархични нива с начална страница, входни страници за всеки отделен модул и вътрешни страници. Всички връзки между страниците от различните нива, както и цялостната функционалност на сайта трябва да се обмислят предварително и да се заложат при дизайна. Важно е да се изяснят неговата структура и архитектура и да се създаде формат за всяко отделно ниво.
Интуитивно най-разбираема за хората е пирамидалната структура, при която има входно централно ниво, което води към няколко поднива, препращащи потребителя още „по-надълбоко” в сайта. Създава се логична и лесна за разбиране йерархична структура, по която посетителя да се движи с лекота от външните нива (съдържащи по-обобщена информация) към по-вътрешните (където са конкретните данни) и обратно.
Основни елементи на всеки сайт са:
v Начална страница;
v Вътрешни страници;
v Навигация (меню).
Допълнителните елементи са съобразени с целта, типа и предназначението на всеки сайт. Допълнителни елементи за образователен сайт „Познай себе си” са:
v Регистрация;
v Помощ;
v Форма за търсене;
v Речник;
v Галерия;
v Тестове.
Началната страница (още входяща, home page, index) на всеки сайт е много важна. Тя е тази, която трябва да привлече вниманието на посетителя, да го накара да влезе навътре в сайта. Те е основен елемент в структурата и представлява своеобразен „център” на информацията в него. От нея следва да има връзки навътре в сайта към останалото съдържание. Също така е добре началната страница да информира за целта, да приветства посетителя и да му предоставя максимално пълна информация за това, което той би могъл да намери навътре.
Докато началната страница трябва да „грабне” посетителя, задачата на вътрешните страници е да го задържат, да го накарат да се върне отново и да включи сайта в списъка с предпочитани места в мрежата. Вътрешните страници също трябва да са в единство с предходните нива, да са еднотипни като стил. Добре е от всяка вътрешна страница да има минимум по един линк. Желателно е от всяка страница да има връзка към заглавната, както и към допълнителните страници, с оглед по-добрата ориентация на посетителите.
Възможността за търсене в интернет като цяло и конкретно на ниво уеб сайт е едно от преимуществата на тази медия. Тя се осъществява чрез въвеждането от потребителя на т.нар. ключови думи в дадено поле и потвърждение, след което в страницата се зареждат резултатите от тази заявка – с линкове към местата, където дадената дума или комбинация от думи е налична.
Сайтът „Познай себе си” предлага и вградена търсачка. Търсенето се осъществява посредством заявка. Чрез него всеки посетител може да открие лесно нужната информация, без да се налага да „прелиства” една по една страниците с информация.
Навигацията (менюто) е един от задължителните елементи на уеб сайта. Тя е част от неговата функционалност, но в същото време е част и от неговия дизайн. Тя дава възможност за удобно преминаване от една рубрика в друга. От това, доколко навигацията е функционално създадена и какви възможности предоставя, ще зависи като цяло посещаемостта на сайта и различните негови части. От нея зависи дали информацията ще бъде достъпна и лесна за използване. Менюто трябва да е ясно и разбираемо за всеки посетител на сайта. По тази причина навигацията трябва да не е обременена със специфични или неясни думи и съкращения. В същото време дългите изречения в менюто са неподходящи както от гледна точка на дизайна, така и от гледна точка ма възприемането им. Очевидно изборът на думите е труден и отговорен процес и е добре той да не бъде правен прибързано, а да се обмисли внимателно.
Дизайн на сайта
Дизайнът на всеки уеб сайт е пряко обвързан с типа сайт, който се създава. При създаването на образователен сайт „Познай себе си” са използвани HTML, PHP и CSS. Дизайнът е сравнително семпъл, но е издържан и предлага на потребителите удобен интерфейс.
Всяка страница съдържа основното лого на сайта. Логото е изключително важен елемент за всеки сайт. То определя първоначалното впечатление на посетителите и представя графично основната концепция на създателите. Един образ се възприема много по-лесно в сравнение с едно име или мото. То е най-простото и директно средство за представяне на идеите. Логото трябва да бъде максимално опростено и същевременно изразително и носещо послание към потребителите. Логото на образователен сайт „Познай себе си” е известната скица „Витрувианският човек” на Леонардо да Винчи – символ на вътрешната симетрия на човешкото тяло и като цяло на Вселената. Част от логото е и призивът на Сократ: „Познай себе си!” Освен да изследва обкръжаващия го свят, човек винаги има нужда да търси и отговор на въпросите: Кой съм аз? Какво и как мога да постигна? Тук е закодирана основната цел на сайта: самоусъвършенстване. Този, който е „познал себе си”, придобива увереност в своите контакти и постъпки.
Вляво е ситуирана основната навигационната система на сайта – менюто.
Единствената част, която сменя своето съдържание, е централната. Информацията в нея е пряко свързана с избраните от потребителя действия. Линковете от менюто отварят нови страници именно в тази част.
Във всеки уеб сайт има един или няколко основни (преобладаващи) цвята. Подборът на основните цветове не би трябвало да става случайно. Един от възможните подходи е да се направи проучване с какви цветове са изпълнени сайтовете с подобна тематика. На тази база може да се избере цветова гама, която не е ползвана досега, и по този начин сайтът да прави впечатление на фона на останалите. Но това крие риск да бъдат избрани неподходящи цветове. Вероятно останалите са избрали определена „цветност” не случайно, а с оглед на общото внушение и излъчване на сайта. В много рекламни и дизайнерски агенции има специалисти, които се занимават с възприемането на цветовете и нюансите им от различните по възраст, пол, интереси и занимания групи хора. Изборът на основни цветове е част от графичния дизайн на сайта като цяло и не бива да се забравя, че и цветът, както всичко останало в уеб страницата, носи определена информация и е от значение за крайния успех на сайта.
Основният цвят на „Познай себе си” е лилав. В книгата на Л. Бондс „Енергия на цвета” четем: „Всеки цвят има много аспекти. Всеки цвят от спектъра притежава собствено ниво на съзнание. Много е важно, когато се работи с цвета, да се търсят положителните страни във всеки нюанс. Езикът на цветовете е средство за самопознание [1, с. 112]. За лилавото авторката споделя: „Лилавото е духовният учител, то работи с най-високите нива на мисълта. Лилавото е гордо и изпълнено с достойнство, самоувереност и самоуважение. Лилавото е мост към по-висши нива на съзнанието – трамплинът към безкрайното. Лилавото е сърцето на вселената в ръцете ви” [1, с. 162].
Популяризиране
След като бъде създаден, сайтът трябва да бъде „публикуван” в мрежата, т.е. да стане достъпен за своите бъдещи потребители. Необходимо е да се организира неговото „хостване” – мястото в мрежата или „сървъра”, на който ще се намира. Регистрира се „домейн”, който представлява кратък и лесно запомнящ се адрес в интернет. Уточняването на хостинга и домейна обикновено започва още по време на изграждането на сайта, тъй като това е процес, който отнема време [2, с. 111]. Последната необходима стъпка е „популяризирането” на сайта, защото неговото физическо присъствие в интернет все още не означава, че той ще има потребители и висок трафик. Необходимо е той да бъде включен във възможно повече „търсачки”, а също така да бъде организирана неговата реклама – както в интернет, така и по медиите (печатни и електронни). Трябва да се използват всички възможни начини, чрез които информацията за съществуването на новия сайт може да достигне да повече потенциални потребители.
Създаването на всеки уеб сайт е невероятно преживяване. Ако се спазват посочените по-горе изисквания, създаването на всеки уеб сайт ще бъде и успешно начинание. Ние, учителите, трябва по-смело да експериментираме с новите технологии и ще бъдем възнаградени за труда си, виждайки интереса и ентусиазма на нашите ученици.
ЛИТЕРАТУРА
Адрес на сайта : http://psy.kalinova.org