Тема 17. Тестване и валидиране на кода на уеб страница
1. Необходимост от тестване на уеб сайт
Тестване на уеб сайт е процес, допълващ неговата изработка и управление. Това гарантира функционалността на изготвения сайт. Прави се проверка на неговото цялостно поведение в работни условия. Това включва:
- Проверка дали дадена уеб страницата е написана според установените стандарти и правила за езика на програмиране (валидиране).
- Тестване на визуализацията и функционалността на уеб сайта, независимо от уеб браузъра и операционната система, която се използва.
- Тестване на скоростта на зареждане и достъпността на уеб сайта.
- Проверка на сигурността на уеб сайта.
- Тестване на администраторската част - контролен панел, достъп и регистрация на потребители, пароли и др.
- Тестването на сайта за мобилна съвместимост с различните видове дисплеи и монитори на различните мобилни и настолни устройства.
2. Валидиране на уеб страница
Валидиране на уеб страница е процес на проверка дали страницата е написана според установените стандарти и правила за езика на програмиране. Организацията, която е отговорна за създаването на тези стандарти, е W3C (World Wide Web Consortium). При валидирането се проверява дали всички HTML тагове и техните атрибути са изписани правилно, като са спазени изискванията на приетите стандарти. Правилното изписване на таговите атрибути е особено важно, за да се визуализира и функционира сайтът нормално.
Валидацията е един от критериите за качествено изработена уеб страница.
а) Основни предимства на валидирането:
Валидацията е един от критериите за качествено изработена уеб страница.
а) Основни предимства на валидирането:
- Лесен за поддръжка код-това намалява времето, прекарано в търсене и отстраняване на грешки в по-късен етап от развитието на сайта.
- Добра съвместимост с бъдещи технологии (нови стандарти/браузъри/програми).
- Бързо добавяне на нова информация.
- Лесно и бързо създаване на нова уеб страница в рамките на валидирания уеб сайт.
- Уеб страницата се зарежда по-бързо от браузъра.
- Валидните сайтове се класират на по-високи позиции при търсене в интернет.
3. Инструменти за валидиране на уеб страници
Най-популярният начин за проверка на валидността е използване на т.нар. валидатори.
- Валидаторът е онлайн инструмент (програма), който ни служи, за да проверим дали кодът на нашата страница е написан според установените стандарти. Валидаторът, който ще използваме, е инструмент, създаден от W3C в помощ на всички уеб разработчици. Той е безплатен и може да бъде използван по всяко време.
а) Валидиране чрез уеб адрес
Задача 1. Чрез валидатора към сайта W3C на адрес https://validator.w3.org/ валидирайте уеб страницата https://www.mon.bg/
|
б) Валидиране чрез качване на файл
Задача 2. Отворете файлът vasov_proba.docx, съхранете го като vasov_proba.html, чрез валидатора към сайта на W3C на адрес https://validator.w3.org/, откриите грешките.
|
в) валидиране чрез директно въвеждане
4. Тестване на визуализация на уеб сайт за работа с различни браузъри
При създаване на уеб страница трябва да сте сигурни, че вашите проекти се поддържат от различните браузъри. Почти всеки браузър има свои собствени стилове по подразбиране, поради което някои HTML елементи могат да се показват по различни начини в браузърите, което прави тестването на уеб страниците важно.
За да проверите как изглежда даден уеб сайт в различните браузъри, можете да използвате т.нар. CrossBrowserTesting емулатори. Тези емулатори разглеждат съвместимостта на различните браузъри и способността на уеб сайт или уеб приложение да функционира в различни браузъри и да се променя, когато функциите на браузъра отсъстват или липсват.
За да проверите как изглежда даден уеб сайт в различните браузъри, можете да използвате т.нар. CrossBrowserTesting емулатори. Тези емулатори разглеждат съвместимостта на различните браузъри и способността на уеб сайт или уеб приложение да функционира в различни браузъри и да се променя, когато функциите на браузъра отсъстват или липсват.
Задача. Отворете адреса https://www.browserstack.com/ и тествайте визуализацията на страница от вашия проект.
Тема 18. Тестване на достъпност на уеб сайт
Достъпността на един сайт определя броя на неговите посетители. Затова той трябва да се вижда еднакво добре от различни устройства, да е независим от операционни системи и браузъри, да се зарежда бързо, да е достъпен за хора с увреждания.
Оптимизацията на сайта спомага за доброто му класиране в търсачките и за бързото му зареждане.
Оптимизацията на сайта спомага за доброто му класиране в търсачките и за бързото му зареждане.
1. Тестване чрез онлайн инструмент
Задача 1.Тествайте скоростта и достъпността на уеб страницата it-study.weebly.com/ с помощта на онлайн инструменти.
|
В сайта се изписват различни параметри на тестваната от вас уеб страница. Можете да видите данни за мобилната и настолната версия на страницата.
2. Тестване чрез уеб инструментите на браузърите.
В зависимост от браузъра в неговото главно меню има меню, което съдържа различни опции за тестване на параметрите на уеб страницата.
Задача 2. Заредете браузъра Google Chrome.
Отворете главното меню от трите хоризонтални линии, разположени в горния десен ъгъл на прозореца на браузъра, и изберете менюто Още инструменти/Инструменти за програмисти (More tools/Developer tools) или натиснете клавиша F12. В дясната част на екрана на прозореца се визуализират различните инструменти, а в лявата част е визуализирана страницата |
Инструменти за анализ:
- Елементи (Elements) - предоставя ви възможност да преглеждате CSS и HTML кода, както и да ги редактирате в движение, виждайки ефектите на вашите промени в реално време.
- Конзола (Console) - JavaScript конзолата позволява директно въвеждане на команди, както и отстраняване на грешки.
- Източници (Sources) - позволява отстраняване на грешки при JavaScript код чрез мощен графичен интерфейс.
- Мрежа (Network) - категоризира и показва подробна информация за всяка свързана операция в страницата, включително пълните заглавия на заявките и отговорите.
- Производителност (Performance) - предоставя ви възможност да тествате ефективността на сайта, като наблюдавате времената за зареждане. Можете също да симулирате различни обстоятелства, като например мобилни процесорни възможности.
- Памет (Memory) - предоставя ви възможност да наблюдавате и да записвате използването на паметта на уеб страница.
- Сигурност (Security) - отбелязва проблеми със сертификатите и други проблеми, свързани със сигурността.
- Приложение (Application) - прави проверка на ресурсите, използвани от уеб приложение. Можете да получете пълна разбивка на това, което се използва.
- Одити (Lighthouse) - предлага начини за оптимизиране на времето за зареждане на страницата и показва общата производителност.
3. Режимът на устройството (Device mode)
Този режим ви позволява да видите активната страница в симулатор почти точно така, както би се появила на различни мобилни устройства с операционни системи Android и iOS. Също така имате възможност да избирате различни резолюции на екрана.
За да включите и изключите Device Mode, изберете иконата на мобилния телефон, разположена директно вляво от раздела Elements.
Този режим ви позволява да видите активната страница в симулатор почти точно така, както би се появила на различни мобилни устройства с операционни системи Android и iOS. Също така имате възможност да избирате различни резолюции на екрана.
За да включите и изключите Device Mode, изберете иконата на мобилния телефон, разположена директно вляво от раздела Elements.
Тема 19. Публикуване на уеб сайт
1. Публикуването на уеб сайт
включва:
включва:
- избор на организация, която предлага услугата уеб хостинг,
- избор на домейн на уеб сайта,
- същинско публикуване и управление на съдържанието на сайта с уеб сървър.
2. Уеб хостинг (web hosting)
При избор на уеб хостинг е важно да се знае дали услугите са безплатни, или са платени. Когато търсите безплатен уеб хост, трябва да внимавате.
а) недостатъци
- е услуга, която позволява да качите сайта си на сървър (хост), така че да е видим за посетителите.
При избор на уеб хостинг е важно да се знае дали услугите са безплатни, или са платени. Когато търсите безплатен уеб хост, трябва да внимавате.
а) недостатъци
- Някои доставчици на безплатен уеб хостинг ще качват на сайта ви много реклами.
- Други недостатъци са ограничено дисково пространство за съхранение, по-ниска скорост и проблеми с производителността.
- имат доставчици на хостинг услуги, които предлагат инсталиране на системи за управление на съдържанието (CMS), като предоставят лесен за управление контролен панел.
3. Домейн (domain)
- е името, с което ще се вижда вашият уеб сайт, когато бъде публикуван в интернет.
В интернет не могат да съществуват два напълно еднакви домейна (имена на уеб сайтове).
Имената на домейните се образуват от отделни думи, изписани най-често на латиница, без интервал между знаците, разделени с точки, като се използват само малки букви, цифри и тире
(например pomagalnik.bg).
Имената на домейните се образуват от отделни думи, изписани най-често на латиница, без интервал между знаците, разделени с точки, като се използват само малки букви, цифри и тире
(например pomagalnik.bg).
4. Уеб Сървър (web server)
За да бъде достъпен един уеб сайт, трябва да го публикувате на компютър, наречен сървър. Специална програма, наречена уеб сървър, получава и обработва заявки, идващи от клиенти (браузъри), и отговаря на тези заявки, така че страниците от уеб сайта могат да бъдат видени от всички клиенти на интернет мрежата в браузъра.
За да бъде достъпен един уеб сайт, трябва да го публикувате на компютър, наречен сървър. Специална програма, наречена уеб сървър, получава и обработва заявки, идващи от клиенти (браузъри), и отговаря на тези заявки, така че страниците от уеб сайта могат да бъдат видени от всички клиенти на интернет мрежата в браузъра.
5. Избор на хостинг и домейни
Разгледайте задача 1./стр. 44 от учебника на изд. Домино
Използвайте безплатен уеб хостинг, които се предлагат на сайта infinityfree.net. |
Сайтове, доставящи безплатни уеб хостинг услуги:
6. Правни и етични норми при публикуване на информация в интернет
При публикуване на информация в интернет трябва да се спазват определени правни и етични норми:
- Съдържанието на сайта не трябва да съдържа материали, които са обект на авторско право, или, ако има такива, те да се използват с разрешение на авторите.
- Коректно да се цитират източниците на информация. Когато се използва готов текст от книга или друг текстов източник, той трябва да се постави в кавички и да се посочат неговият автор и източникът, от който е взета тази информация. При използване на информация от уеб сайт може да се посочи хипервръзката към него.
- Информацията в сайта трябва да отговаря на истината, тъй като авторът носи отговорност за нея.
- Съдържанието не трябва да е нецензурно.
- В сайта не трябва да се съдържат заплахи или обиди, да се накърняват правата и достойнствата на други лица.
- В материалите не трябва да се подбужда към расова, етническа или верска омраза, към престъпления или нарушаване на закона.
Задача практическо изпитване върху създаване на уеб сайтове >>
|
Достъпност на уеб сайтове и мобилни приложения - Държавна агенция "Електронно управление"
Документи - Държавна агенция "Електронно управление"
e-gov.bg/wps/portal/agency/home/%D0%B0ccessibility-websites/web-access-documentation
e-gov.bg/wps/portal/agency/home/%D0%B0ccessibility-websites/web-access-documentation