вторник, 22 септември 2026 г.
вторник, 17 февруари 2026 г.
Формуляри
1. Формуляри - текстово поле
Освен за показване на информация WEB страниците могат да служат и за събиране на информация от потребителя. Това става с така наречените формуляри. За съжаление езика HTML не ви позволява да управлявате информацията във формулярите, а само да ги разполагате на страницата си. Двойката елементи за разполагане на формуляри е <FORM></FORM>. Между тази двойка елементи могат да се разполагат неограничен брой формуляри. Всеки един формуляр се разполага с единичния елемент <INPUT>. Този елемент трябва задължително да съдържа двата атрибута NAME и TYPE. Атрибута NAME задава името на формуляра а TYPE видът му. Нека разгледаме различните стойности на TYPE.
<HEAD>
< TITLE>forms</TITLE>
</HEAD>
<BODY>
<FORM>
<INPUT NAME="form1" TYPE="text">
</FORM>
</BODY>
</HTML>
<HEAD>
< TITLE>forms</TITLE>
</HEAD>
<BODY>
<FORM>
<INPUT NAME="form2" TYPE="text" SIZE="40" VALUE="това поле съдържа текст и има дължина от 40 символа">
</FORM>
</BODY>
</HTML>
<HEAD>
< TITLE>forms</TITLE>
</HEAD>
<BODY>
<FORM>
<INPUT NAME="form3" TYPE="password">
</FORM>
</BODY>
</HTML>
2. Друг тип формуляри са кутиите с отметки.
Те се задават със стойността checkbox на атрибута type.
Кутиите с отметки служат за избор на една или няколко възможности едновременно. Ако кликнете в кутията, отметката се появява. Ако кликнете повторно отметката изчезва. Можете да правите отметки в повече от една кутия. По подразбиране кутиите с отметки се показват празни.
3. Формуляри – радиобутони
Подобни на кутиите с отметки са радиобутоните. Разликата е, че при радиобутоните може да бъде отметнат само един бутон. Когато изберете друг бутон, отметката в предишния изчезва. Особеното при радиобутоните е, че всички трябва да носят едно и също име, в случая NAME="R1". Радиобутон се създава с атрибута TYPE="radio".
4. Друг тип формуляри са бутоните SUBMIT и RESET.
Когато се използват в комбинация с друг формуляр, тези два бутона съответно потвърждават или изчистват въведената информация. Вижте :
<HEAD>
<TITLE>submit and reset</TITLE>
</HEAD>
<BODY>
<FORM >
<INPUT TYPE="text" NAME="T1" SIZE="20">
<INPUT TYPE="submit" VALUE="Submit" NAME="B1">
<INPUT TYPE="reset" VALUE="Reset" NAME="B2">
</FORM>
</BODY>
</HTML>
</HEAD>
<BODY>
<FORM >
<TEXTAREA ROWS="3" NAME="S1" COLS="30">textarea</TEXTAREA>
</FORM>
</BODY>
</HTML>
6. Последния тип формуляри, който ще ви покажа са падащите менюта.
Такъв вид формуляри се създават с елемента <SELECT>. Вижте :
Задача: Създаване на анкетна карта с HTML
Създайте уеб страница, която съдържа анкетна карта на тема „Свободно време и интереси на учениците“. Анкетата трябва да бъде реализирана чрез HTML формуляр.
Изисквания:
Добавете заглавие на анкетата.
Формулярът трябва да съдържа:
Текстово поле за въвеждане на име или псевдоним.
Радиобутони за избор на един от няколко възможни отговора (например: „Колко често използваш компютър или телефон?“).
Кутии с отметки (checkbox) за избор на повече от един отговор (например: „С какво обичаш да се занимаваш в свободното време?“).
Падащ списък (select) за избор на един отговор (например: „Кой предмет в училище ти е най-интересен?“).
Бутон за изпращане на формуляра.
Подредете елементите четливо и използвайте подходящи надписи към всяко поле.
Запишете файла с име anketa.html.
Допълнителна задача:
Добавете кратък текст или изображение, свързано с темата на анкетата.
Анкета: „Свободно време и интереси на учениците“
1. Напишете вашето име или псевдоним:
(текстово поле)
2. В кой клас сте?
(падащ списък – 6., 7., 8., 9., 10., 11., 12. клас)
3. Колко често използвате компютър или телефон?
(радиобутони – изберете само един отговор)
-
Всеки ден
-
Няколко пъти седмично
-
Рядко
-
Почти никога
4. За какво най-често използвате интернет?
(кутии с отметки – може повече от един отговор)
-
Учене
-
Социални мрежи
-
Игри
-
Гледане на видеа
-
Комуникация с приятели
5. Колко часа на ден прекарвате онлайн?
(радиобутони)
-
Под 1 час
-
1–2 часа
-
3–4 часа
-
Над 4 часа
6. Кои дейности предпочитате в свободното си време?
(кутии с отметки)
-
Спорт
-
Четене
-
Рисуване / творчество
-
Игри
-
Разходки с приятели
7. Кой учебен предмет ви е най-интересен?
(падащ списък – примерни опции: Математика, Български език, Информационни технологии, История, Чужд език и др.)
8. Участвате ли в извънкласни дейности?
(радиобутони)
-
Да
-
Не
9. Как предпочитате да учите нови неща?
(кутии с отметки)
-
Чрез видео уроци
-
Чрез практика
-
Чрез четене
-
Чрез работа в екип
10. Напишете едно ваше любимо занимание или хоби:
(текстово поле / textarea)
вторник, 28 октомври 2025 г.
Тема 5. Създаване на графичен модел на уеб страница
Тема 5. Създаване на графичен модел на уеб страница
1. Използване на цветовете в уеб дизайна
Изборът на правилната цветова схема за уеб сайт е комбинация от определяне на това какви цветове ще носят правилното послание към посетителите на сайта.
При изграждане на графичния дизайн трябва да се избере цветова гама, в която да се развият страниците на уеб сайта. Тя трябва да бъде съобразена с тематиката на сайта, да не е натрапчива и отблъскваща. Внимателният и балансиран подбор на цветовете може да създаде великолепна композиция, тъй като цветовете са първото нещо, което потребителите забелязват на страниците. За по-малките елементи трябва да се избират по-ярки цветове. Повечето дизайнери използват не повече от 3 - 4 цвята.
Основните три цвята са:
- червено
- жълто
- синьо
- оранжево
- зелено
- лилаво
- Неутрални цветове са бяло, черно и сиво (смес от бяло и черно). Те могат да участват във всяка цветова схема.
- Топли са всички цветове, в чийто състав участват червено и жълто. Те се асоциират със слънцето и се смята, че са активни.
- Студени цветове са всички, в чийто състав влиза синьото. Те се асоциират с водата и небето и се приемат за успокояващи.
- Нюанс е оттенък на чистия цвят, когато към него се добавя бяло. Тези цветове се наричат пастелни.
- Сянка е оттенък на чистия цвят, когато към него се добавя черно.
- Тонът е оттенък на чистия цвят, когато към него се добавят едновременно бяло и черно.

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

- Типографията на уеб сайт не е само избор на шрифт, а набор от правила за форматиране на текста. Те се основават на начина, по който потребителят възприема текста в сайта.
- Общата структура на текста в дизайна на уеб сайтове се нарича макротипография. Тази концепция включва: правилния избор на шрифтове и цвят на символите.
- Интервалите между думите, разстоянията между редовете и други малки детайли са наричат микротипография. Целта е да се осигури лесна четимост на съдържанието.
- серифни (serif) - с допълнителни графични елементи
- несерифни (sans-serif) - без допълнителни графични елементи
- Трябва да се използват подходящи шрифтове. Препоръчват се Verdana, Arial, Times New Roman, Tahoma, Helvetica. He се препоръчват прекалено големи размери на шрифтовете.
- Подходящо е големината да бъде съобразена с размера на страницата, за да не изглежда шрифтът прекалено голям или прекалено дребен.
- Не трябва да се използват повече от 2 - 3 шрифта, като едновременната употреба на различни по стил шрифтове невинаги изглежда добре.
- Добре е да се използват шрифтове от едно и също семейство с цел отделяне на основен текст и подтекст, вместо основният да бъде в получер/удебелен стил.
- Важна е четливостта - трябва да се обръща внимание на детайлите, които да се четат леко и да не дразнят окото. Трябва да има съгласуваност по отношение на стила и размерите на целия набор от символи, съставляващи шрифта.
- В заглавията на модерните уеб сайтове все по-често се използват и артшрифтове, както и калиграфски/ръкописни шрифтове.
- Когато шрифтът се слага върху фон с натоварено съдържание, той трябва да е удебелен, за да се чете лесно.
- Червен е свързана с любов, страст, опасност, предупреждение, вълнение, храна, импулс, екшън, приключенски.
- Син е свързан с доверието, успех, сериозност, спокойствие, сила, професионализъм.
- Зелен цвят е свързано с пари, природата, животните , здраве, изцеление, живот, хармония.
- Оранжев е свързано с комфорт, творчество, празник, забавление, младежта, достъпност.
- Лилав е свързана с кралски особи, справедливост, неяснота, несигурност, лукс, фантазии, мечти.
- Бял се свързва с невинност, чистота, простота.
- Жълт е свързано с любопитство, игривост, бодрост, забавление.
- Розов е свързано с мекота, сладост, невинност, младост, нежност.
- Кафяв се свързва с пръст, природа, племенен, примитивен, простота.
- Сив е неутрален цвят, безразличие, в добра хармония с всички останали цветове.
- Черен се свързва със сериозност, тъмнина , мистерия, тайна.
- Професионален инструмент Color калкулатор - има готови решения на цветови схеми за работа с вашия основен цвят.
- https://www.color-hex.com/popular-colors.php - Color Hex Color Codes - дава информация за цветовете, включително цветни модели (RGB, HSL, HSV и CMYK), триадни цветове, монохроматични цветове и аналогични цветове, изчислени в цветна страница. Color-hex.com също генерира прост css код за избрания цвят. Пробите от HTML елементи също са показани под страницата с подробности за цвета. Просто въведете 6 -цифрения цветен код в полето по-горе и натиснете enter.
- Color.adobe.com е чудесна база данни на цветови схеми за уеб сайт
- https://www.paletton.com/ - Paletton е онлайн инструмент за създаване на цветови комбинации и палитри от цветове, които изглеждат добре заедно.
- изберете основен цвят на сайта;
- изберете цветова схема - монохромна, аналогична, допълваща, триадична или тетрадична;
- съхранете информацията в текстов документ за цветовете в RGB и шестнадесетичен код.

Задача 4. Като използвате подходящ инструмент, създайте графичен модел на сайт на проекта Социален хъб.
Спазвайте изискванията:
- изберете размер: Web 1920х1080рх;
- вмъкнете създаденото лого;
- създайте хоризонтално меню, което съдържа навигационни бутони: Начало, За нас, Партньори, Контакти;
- добавете в заглавната част на страницата (header) поле за търсене и добавете икони за социалните мрежи Linkedin, Facebook и Instagram.
вторник, 7 октомври 2025 г.
Тема 2. Избор на име и регистриране на уеб сайт
Етапите, през които трябва да преминете, за да регистрирате своя уеб сайт в интернет, включват:
- избор на организация, която предлага услугата уеб хостинг
- избор на домейн на уеб сайта
- същинско публикуване
- управление на съдържанието на сайта с уеб сървър.
- Xocm (host) е компютър, свързан към компютърна мрежа, който предоставя информационни ресурси, услуги и приложения.
- IP адрес е уникален адрес на хост, чрез който той се идентифицира пред останалите компютри в мрежата. Това позволява на компютрите да обменят информация помежду си.
IPv4 - образуван от четири числа (от 0 до 255), разделени с точка.
IPv6 - образуван от 8 числа (от 0 до 65 535 в 16-ичен код), разделени с двоеточие.
URL адресът се състои от следните основни части:
- име на протокола, който ще се използва за транспортиране на уеб страницата или на ресурса в глобалната мрежа (например: http, https, ftp);
- име на домейна (например: www.government.bg,google.com).;
- път до директорията на уеб сървъра, в която се намира ресурсът (например: /bg/content/);
- име и файлов формат на ресурса.
Задача 1. Определете основните части в следния примерен URL адрес: https:// www.mon.bg/upload/18365/ profil-IT.pdf |
- Протокол:......
- Домейн:.........
- Път до ресурса:...
- Име на файла:...
- Файлов формат:....
Система за имена на домейните (Domain Name System, DNS) представлява разпределена база данни, с чиято помощ се осъществява преобразуването на имената на хостовете в IP адреси.
б) DNS сървъри за домейни от второ ниво или регистрирани (главни) домейни (Registered Domains) - например: mon.bg google.com и klett.bg.
в) DNS сървъри за домейни от трето ниво или поддомейаи (Subdomains) - priem.mon.bg, sales.anubis-bulvest.com.
Имената на поддомейните се определят и администрират от собствениците на съответните главни домейни.
Къде се хоства сайтът на вашето училище?
4. Регистрация на домейн При регистрация на домейн се извършват следните стъпки:
| Когато искаме да регистрираме име за сайт, първо трябва да проверим дали то не е вече заето. За тази цел можем да ползваме услугите на регистратор на домейни: |
- Споделен хостиг (shared hosting) - при него на един сървър има определен брой потребители (уеб сайтове), които си поделят изчислителните му ресурси, дисковото пространство и инсталираните софтуерни приложения. Всеки потребител получава отделна сметка с определени параметри (дисково пространство, реализиран трафик, бази данни и др.). За управление на сметката се използва софтуер за автоматизация на уеб сървъри, който се нарича контролен панел. Контролният панел позволява на потребителите да управляват различните услуги.
- Имейл хостинг (e-mail hosting) - използва се за електронна поща. Чрез този тип хостинг потребителят може да избегне ползването на услугите на безплатните уеб пощи в интернет. При този тип хостинг потребителят избягва прикачването на рекламни послания към своите писма. Има възможност за създаване на множество пощенски кутии с едно и също име на домейн.
- Файлов хостинг (file hosting) - той е подобен на споделения уеб хостинг, но за разлика от него на сървъра не се разполагат уеб сайтове и уеб приложения, а се съхраняват файлове. Неговото предимство е надеждното съхранение на информация и възможността тя да бъде достъпна от всеки един компютър в интернет с подходяща скорост. Най-често се използва за съхранение и архивиране на големи масиви от данни.
- Посветен хостинг (dedicated hosting) - при него клиентските приложения не споделят ресурсите на сървъра с други приложения на други потребители. Сървърът ползва пълния капацитет на предоставената линия към интернет. По този начин дадено приложение ползва целия хардуерен ресурс на сървъра, на който е разположено, системните настройки са изцяло съобразени и оптимизирани според потребностите му, а потребителят има пълен контрол върху сървъра.
- Виртуален хостинг - при него един физически сървър се разделя на няколко независими виртуални сървъра. Той може да се разглежда като посветен хостинг, защото на него се инсталира отделна операционна система според нуждите на клиента, която поддържа приложения само на определен клиент. Настройките на сървъра са максимално оптимизирани за работата на конкретното приложение и ресурсите, които то може да използва, са повече от предоставяните при споделен хостинг.
- Облачен хостинг (cloud hosting) - при него услугите се извършват от облак (инфраструктура от сървъри, които може да са с различна локация). За облачен хостинг може се счита услуга, която отговаря на следните условия: изградена е от група от сървъри, които обединяват изчислителните си ресурси; използва автоматизирана система за балансиране на натоварването; има излишък на ресурси (памет, дисково място и процесорно време); достъпна е винаги когато потребителите й се нуждаят от повече натоварване; има динамично променливи ресурси и системата от сървъри ги разпределя веднага автоматично; при заявка на потребителя позволява безпроблемно увеличаване и намаляване на използваните обеми.
- Скорост - оказва влияние на бързината на зареждане на уеб сайта или приложението (Mbit/s или Gbit/s). Ако хостингът се разполага на сървъри със SSD устройство и физическата локация на мястото за управление е близо до посетителите, тогава скоростта ще бъде по-голяма.
- Свързаност - количество данни, което физически може да бъде изпратено през съответната мрежа, кабел от сайта към крайните потребители за точно определен времеви период.
- Съхранение на данни - количеството пространство, на което се съхраняват елементите на уеб сайта или приложението (в GB или ТВ). Колкото повече информация има (изображения, видеа, музикални файлове), толкова по-голямо хостинг пространство ще е необходимо.
- Скалируемост - възможността за повишаване на ресурсите на уеб сървъра при нужда (ъпгрейд или скалиране).
- Контролен панел - платформа, чрез която се управлява уеб хостингът. Чрез нея се създават възможности за създаване на резервно копие на компютърните данни (бекъп), инсталиране на приложения, възможност за обмен на файлове (FTP достъп), повишаване на защитата и др.
- Поддръжка - наличие на системен администратор, който постоянно наблюдава процеса на работа и може да отстрани даден проблем.














