Нtml страница



страница2/2
Дата06.09.2016
Размер451.9 Kb.
#8373
1   2
секцията на страниците.
Втората част свързана с менюто представлява обработка на събитията onMouseover и onMouseout. Първото събитие се активира когато курсорът застане върху изображението или текста свързани с менюто. При това събитие се появява менюто. Второто събитие onMouseout се активира когато курсора застане извън изображението или текста свързани с менюто. При това събитие менюто се скрива, но със закъснение, което може да се настройва. В случая закъснението е настроено на 500 милисекунди. Втората част от кода на менюто се помества в секцията на страницата. Тя изглежда така:
onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()"
3.3.2. Банер

Банера на сайта представлява изображение с ширина 740 пиксела и височина 120. По-същественото е че това изображение е превърнато в така наречените в HTML карти-изображения. Те представляват изображения, които същевременно са линкове, като целта е при кликване на една част от изображението да се отваря една страница, а при кликване на друга част от изображението да се отваря друга страница. В случая на банера на сайта на УХТ има две обособени области-линкове едната препраща към началната страница, а другата към началната страница на английската част на сайта. Кодът, с който се обособяват области от изображението за линкове е:

3.3.3. Търсачка



Търсачките, които се вграждат в сайтовете се делят на две основни групи: класически (каквато е например и Google) и динамични. По-разпространени са първите. Принципа на класическите търсачки е следния: търсачката се състой от 2 части. Първата част е т.нар. „паяк”. Той има за цел да индексира съдържанието на сайта. Коя точно част от съдържанието на сайта да се индексира може да се настройва. Втората част от търсачката преглежда създадения индекс и търси за съвпадения. Този вид търсачки работят много бързо. Техния недостатък е, че при промяна на някоя страница или на структурата на сайта трябва индексирането да се направи наново, в противен случай търсачката няма да връща резултати съдържащи се в променената част от сайта.

Вторият вид търсачки са динамичните търсачки. Те са сравнително елементарни като код. При тях не се прави индексиране на съдържанието. В момента на заявка за търсене се „преглеждат” всички страници и се търсят съвпадения. Недостатък на тези търсачки е че при по-големи сайтове времето за връщане на резултат нараства поради по-голямата база данни, която трябва да се претърси, което пък е неудобно защото най-често на сървърите хостващи сайтовете има ограничение за времето за изпълнение на скриптове. Такива търсачки са удобни за сравнително малки по обем, но за сметка на това често обновяващи се сайтове.

Има и видове търсачки, които правят автоматично индексиране през определено време.

Друг вид търсачка, която може да се използва е Google търсачката, но настроена да търси само в рамките на сайта.

Търсачката на сайта е от класически тип, т.е. работи с предварително индексиране. При тази търсачка има възможност да се настройват много функции. Търсачката има възможност да се настрой да индексира и да търси в няколко сайта. Има възможност да се настрой езика на търсене. Може да се зададе файлове с какви точно разширения да се включат в резултата. От използваните в web файлови разширения се посочват: htm, html, shtml, asp, php, jsp и др. От останалите файлови формати в резултата в момента е настроено да се включват: doc, pdf, xls, ppt, txt, jpg. Има възможност да се настрои отделни страници от даден сайт да не се включват в индексирането. Съществува и възможност да се настрои вида на търсенето, а именно: търсене тип логическо „И”, т.е. в резултата се включват само тези страници, които съдържат всички думи зададени на търсачката; търсене тип логическо „ИЛИ”, т.е. в резултата се включват тези страници, които съдържат която и да е от зададените на търсачката думи; търсене по фраза. Има възможност да се включи или изключи чувствителността на търсачката към главни и малки букви. Чрез опция на търсачката може да се уточни мястото от страниците, което се индексира и съответно където се извършва търсенето. Може да се индексира: цялото съдържание на страниците; само заглавната част на страниците; само метатаговете на страниците; само описанието на страниците. Има възможност да се зададат думи, символи или низове, които ако се въведат като заявка за търсене търсачката да даде като резултат грешка. Последната опция за настройка е вида на резултата. В случая са активирани и четирите възможности, а именно: в резултата да се показва заглавието на страниците; да се показва част от съдържанието на страницата, където се съдържа зададената дума или думи за търсене; в резултата да се показва линк към страницата, която отговаря на критерия за търсене.
3.3.4. Новини

На всяка страница от сайта има движещ се текст, който отразява последните новини свързани с УХТ. Текста представлява и линк, който препраща към страница с по-подробна информация за дадена новина. Движението на текста е реализирано чрез следния код:




--- Новина 1 --- Новина 2 --- Новина 3 ---


Тагът отговаря за скролирането на текста, а атрибута scrollamount отговаря за скоростта, с която се предвижва текста.
3.3.5. Вертикална странична навигация

Вертикалната навигация е разположена в лявата част на страниците. Линковете разположени в тази навигация са или обикновени или rollover изображения. За по-добро позициониране на изображенията всяко от тях се поставя в отделен слой. Rollover ефекта се изразява в това, че изображението се сменя с друго когато курсора на мишката застане върху него. За целта отново се прибягва до обработка на събитията onMouseover и onMouseout. Кода, който реализира rollover ефекта е следния:


onmouseover="MM_swapImage('Image1','','Za_UHT_Over.jpg',1)" onmouseout="MM_swapImgRestore()

3.3.6. Статистика на сайта

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


  • средна дневна стойност на посещенията

  • средна седмична стойност на посещенията

  • средна месечна стойност на посещенията

  • колко от посещенията са били препратки от портали или търсачки

  • колко от посещенията са били директни към сайта на УХТ

  • в кой ден от седмицата посещенията са най-много

  • в коя част от денонощието посещенията са най-много

  • каква е най-често използваната операционна система на потребителите на сайта

  • какъв браузър най-често използват потребителите на сайта

  • каква разделителна способност използват

  • от коя държава са

  • IP-то на потребителя

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

3.3.7. Външен вид на сайта

За текстовата информация са използвани 3 вида форматиране на текста. В сайта се използва само един шрифт – Arial. Той е избран по няколко причини: първата е, че това е шрифт, който е инсталиран на почти всички компютри независимо каква операционна система ползват. Ако шрифта все пак липсва на даден компютър автоматично браузъра избира друг шрифт от същото шрифтово семейство. Втората причина поради, която е избран шрифт Arial е, че той спада към безсерифните шрифтове, а те са по-лесни за четене на монитор.

Първия вид форматиране на текста се използва за заглавия. Той е с големина 18 пиксела, bold и italic с червен цвят. Втория вид форматиране се използва за части от текста, които трябва да привлекат вниманието на потребителя. Този вид форматиране е с големина 14 пиксела и син цвят. Третия вид форматиране се използва за основния текст на страниците. Той е с височина 12 пиксела и използва подразбиращия се за браузъра на потребителя цвят.

Цветовите комбинации на сайта трябва да бъдат приятни за окото, за предпочитане по-светли цветове, осигуряващи достатъчно добър контраст с цвета на текста. За основната част от сайта е избран цвета: #ffffcc. Вертикалната навигация използва по-тъмен фон: #ff9933. Rollover ефектите използват цвят с код: #ace570.




4. Тестване на сайта и резултати
Тестването на даден сайт се прави с цел да се разбере как изглежда и доколко точно се изобразяват компонентите му в зависимост от промяната на някои фактори. Факторите, които могат да окажат влияние върху изобразяването на сайта са: разделителна способност на монитора, на който се изобразява сайта, както и браузъра, който ползва потребителя.
4.1. Тестване при различни разделителни способности

Сайта е така направен, че се изобразява най-добре при разделителна способност 1024х768 пиксела или по-висока. При разделителна способност 1024х768 всички компоненти на сайта се изобразяват без промяна и без разместване. Следващата разделителна способност, при която е тестван сайта е 1280х1024. Сайтът изглежда по същия начин както при 1024х768, т.е. без промяна във вида и позиционирането на компонентите. Единствената разлика тук е, че при тази разделителна способност е възможно някои от вертикалните ленти за скролиране на основния прозорец да изчезнат. При разделителна способност 800х600 почти винаги има вертикални скролиращи ленти в основния прозорец. Падащите менюта във вертикалната странична навигация не се изобразяват на екрана, затова е създаден алтернативен начин на навигация през сайта. По-малки разделителни способности почти не се използват в днешно време. При нито една от тестваните разделителни способности не се появяват хоризонтални скролиращи ленти. За да е обективно сравнението при всяка една от тестваните разделителни способности прозореца на браузъра е бил максимизиран.


4.2. Тестване при различни браузъри

Сайтът е тестван на следните браузъри: Mozilla Firefox, Opera, Internet Explorer 7 и Internet Explorer 6. При всички тествани браузъри без Internet Explorer 6 сайтът се изобразява по един и същ начин без размествания или скриване на компоненти, т.е. коректно. При Internet Explorer 6 се появява разместване на слоевете на страничната вертикална навигация с по 2 пиксела. Това се дължи на различното интерпретиране на кода от този по-стар браузър.

Пример: ако има слой с ширина 100 пиксела и му се зададе рамка отляво и отдясно с ширина 1 пиксел, новите браузъри биха интерпретирали това като слой с ширина 102 пиксела, а Internet Explorer 6 интерпретира това условие като слой с ширина 98 пиксела и 2 пиксела рамка.



Изместването при Internet Explorer 6 не се отразява на функционалността на сайта.

5. Използвана литература и материали в дипломната работа


  1. Пейдж, Кристин Ануин, Macromedia Dreamweaver 8 – Официален учебен курс, Софтпрес, 2006 г.

  2. Колектив на издателство Софтпрес, HTML 4 в лесни стъпки, Софтпрес, 2000 г.

  3. Колектив на издателство Софтпрес, Програмиране с JavaScript, Софтпрес, 2001 г.

  4. http://www.dynamicdrive.com/

  5. http://www.aleadsoft.com/

  6. http://bgcounter.com/




Каталог: 2015
2015 -> Висше военноморско училище „Н. Й. Вапцаров“
2015 -> Правила за изменение и допълнение на Правила за търговия с електрическа енергия Съществуващ текст
2015 -> Наредба за изменение и допълнение на наредба №36 от 2005 Г. За изискванията към козметичните продукти
2015 -> М и н и с т е р с т в о н а з д р а в е о п а з в а н е т о н а р е д б а
2015 -> Примерна тема за IV клас за „преглед на знанията по математика“
2015 -> Наредба №25 от 10 ноември 2008 Г. За условията и реда за пускане в действие на медицински изделия без наличие на условията по чл. 8 От закона за медицинските изделия
2015 -> 10 ноември демократичното начало тогава и сега


Сподели с приятели:
1   2




©obuch.info 2024
отнасят до администрацията

    Начална страница