Създаване и публикуване в интернет

Сайтове и съдържание

1. Какво е уеб сайт?

   • Една снимка в облака
   • Група свързани уеб страници под общ адрес
   • Програма за обработка на текст
   • Устройство за връзка с интернет

   Отговор: Група свързани уеб страници под общ адрес

   Страниците на сайта са свързани с хипервръзки и се отварят на общ домейн.

2. С коя програма разглеждаме уеб страници?

   • Текстов редактор
   • Браузър
   • Архиватор
   • Антивирусна програма

   Отговор: Браузър

   Браузърът изтегля HTML, CSS и JavaScript и показва страницата.

3. Как се нарича страницата, която се отваря първа при посещение на сайт?

   • Контактна страница
   • Начална страница
   • Страница за грешка
   • Архивна страница

   Отговор: Начална страница

   Началната страница е входът към сайта и води към останалите му страници.

4. Как се нарича система за създаване и управление на сайт без писане на код, например WordPress?

   • Операционна система
   • Антивирусна програма
   • Файлов архиватор
   • Система за управление на съдържанието (CMS)

   Отговор: Система за управление на съдържанието (CMS)

   CMS позволява добавяне на страници и статии през удобен административен панел.

5. Кой безплатен инструмент на Google позволява бързо създаване на сайт без код?

   • Google Sheets
   • Google Maps
   • Google Translate
   • Google Sites

   Отговор: Google Sites

   В Google Sites страниците се сглобяват визуално от готови блокове.

6. Какво е блог?

   • Програма за чертане
   • Вид компютърен вирус
   • Сайт с публикации, подредени по дата
   • Формат за видео

   Отговор: Сайт с публикации, подредени по дата

   Блогът е сайт или раздел, в който авторът публикува статии, като най-новите са най-отгоре.

7. Какво означава WYSIWYG при редакторите на уеб страници?

   • Каквото виждаш при редактирането, това получаваш като резултат
   • Страницата се пише само с код
   • Сайтът е винаги безплатен
   • Редакторът работи само без интернет

   Отговор: Каквото виждаш при редактирането, това получаваш като резултат

   WYSIWYG идва от What You See Is What You Get: редактираш визуално, а кодът се създава автоматично.

8. Кой език описва външния вид на уеб страницата, например цветове и шрифтове?

   • CSS
   • HTML
   • SQL
   • Python

   Отговор: CSS

   HTML дава структурата, а CSS (Cascading Style Sheets) задава оформлението.

9. Какво е уеб портал?

   • Сайт, който събира на едно място много услуги и информация
   • Кабел за връзка с интернет
   • Програма за архивиране
   • Вид домейн

   Отговор: Сайт, който събира на едно място много услуги и информация

   Порталът обединява новини, услуги и връзки към други ресурси, например портал на община.

10. Каква е разликата между статична и динамична уеб страница?

    • Статичната винаги съдържа видео
    • Динамичната не може да съдържа текст
    • Динамичната се създава при всяка заявка, например от база данни, а статичната е готов файл
    • Няма разлика, това са две имена на едно и също

    Отговор: Динамичната се създава при всяка заявка, например от база данни, а статичната е готов файл

    Статичната страница е един и същ HTML файл за всички, а динамичната се генерира от сървъра.

11. Кой език се използва в браузъра за интерактивност, например бутони и анимации?

    • CSS
    • HTML
    • JavaScript
    • Java

    Отговор: JavaScript

    JavaScript се изпълнява в браузъра и променя страницата при действия на потребителя.

12. Кое е предимството на CMS пред ръчното писане на HTML за всяка страница?

    • Сайтът не се нуждае от хостинг
    • Сайтът става невидим за търсачките
    • Не е нужен браузър
    • Съдържанието се добавя през удобен панел без код

    Отговор: Съдържанието се добавя през удобен панел без код

    В CMS авторите въвеждат текст и снимки през администраторски панел, а системата създава страниците.

13. Кое е пример за динамично съдържание?

    • Страница с кратка автобиография
    • Файл index.html с текст и снимка
    • Онлайн магазин, който показва наличностите от база данни
    • Логото на училището

    Отговор: Онлайн магазин, който показва наличностите от база данни

    Наличностите се променят и се четат от базата данни при всяко отваряне.

14. Защо динамичните сайтове обикновено използват база данни?

    • За да станат статични
    • За да нямат нужда от сървър
    • За да съхраняват и показват променящо се съдържание, например статии и потребители
    • За да работят без браузър

    Отговор: За да съхраняват и показват променящо се съдържание, например статии и потребители

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

15. Какво означава SEO?

    • Защита на сайта от вируси
    • Оптимизация на сайта за по-добро класиране в търсачките
    • Бързо копиране на сайт
    • Шифроване на паролите

    Отговор: Оптимизация на сайта за по-добро класиране в търсачките

    SEO (Search Engine Optimization) включва ясни заглавия, ключови думи и добра структура, за да се показва сайтът по-напред в търсачките.

HTML основи

1. Какво означава съкращението HTML?

   • HyperText Markup Language
   • High Technical Modern Language
   • Home Tool Markup Language
   • Hyper Transfer Main Link

   Отговор: HyperText Markup Language

   HTML е език за маркиране (описване) на съдържанието на уеб страници.

2. Кой таг се използва за абзац?

   • p
   • a
   • br
   • h1

   Отговор: Тагът p

   p идва от paragraph (абзац).

3. С какви знаци се ограждат HTML таговете?

   • Кръгли скоби ( )
   • Квадратни скоби [ ]
   • Ъглови скоби (знаците по-малко и по-голямо)
   • Къдрави скоби { }

   Отговор: Ъглови скоби (знаците по-малко и по-голямо)

   Всеки таг се пише между знаците по-малко и по-голямо, например p в ъглови скоби.

4. С кой таг се създава хипервръзка?

   • link
   • href
   • p
   • a

   Отговор: Тагът a

   Тагът a създава връзка, а адресът се задава с атрибута href.

5. Кое заглавие е най-голямо по подразбиране?

   • h6
   • h3
   • head
   • h1

   Отговор: h1

   Заглавията са от h1 (най-голямо и най-важно) до h6 (най-малко).

6. Кой знак показва, че тагът е затварящ?

   • Наклонена черта /
   • Звездичка *
   • Знакът #
   • Точка

   Отговор: Наклонена черта /

   Затварящият таг повтаря името на отварящия с наклонена черта пред него, например /p в ъглови скоби.

7. Кой таг вмъква изображение?

   • pic
   • img
   • photo
   • src

   Отговор: Тагът img

   Тагът img има атрибут src за адреса на файла и alt за описание.

8. Кой таг пренася текста на нов ред, без да започва нов абзац?

   • hr
   • br
   • p
   • nl

   Отговор: Тагът br

   br (break) е нов ред, а hr чертае хоризонтална линия.

9. Кой атрибут на тага img задава файла на изображението?

   • href
   • src
   • alt
   • title

   Отговор: src

   Атрибутът src (source) посочва пътя или адреса на изображението.

10. Кой таг задава заглавието, което се вижда в раздела на браузъра?

    • title
    • h1
    • header
    • body

    Отговор: Тагът title

    title се поставя в частта head и се показва в раздела и в резултатите от търсене.

11. В коя част на HTML документа е видимото съдържание на страницата?

    • В body
    • В head
    • В title
    • В meta

    Отговор: В body

    В head са служебните данни, а всичко, което се вижда, е в body.

12. Кой таг създава неномериран списък с точки?

    • ol
    • dl
    • li
    • ul

    Отговор: ul

    Тагът ul (unordered list) прави списък с точки, а елементите му са в li.

13. Кои тагове създават номериран списък с елементи?

    • ul и li
    • ol и td
    • ol и li
    • list и item

    Отговор: ol и li

    ol (ordered list) е номериран списък, а всеки елемент е в li.

14. Кои тагове се използват за таблица с редове и клетки?

    • table, row и cell
    • tab, tr и li
    • table, tr и td
    • grid, tr и td

    Отговор: table, tr и td

    table е таблицата, tr (table row) е ред, а td (table data) е клетка.

15. Какво прави атрибутът target="_blank" в хипервръзка?

    • Отваря връзката в нов раздел
    • Прави връзката невидима
    • Оцветява връзката в синьо
    • Забранява връзката

    Отговор: Отваря връзката в нов раздел

    С target="_blank" браузърът отваря страницата в нов раздел или прозорец.

Проектиране на сайт

1. Какво помага на посетителите да преминават между страниците на сайта?

   • Размерът на шрифта
   • Фоновата музика
   • Броят на снимките
   • Навигационното меню

   Отговор: Навигационното меню

   Менюто съдържа връзки към основните страници на сайта.

2. Защо е добре всички страници на сайта да имат еднакъв стил?

   • Така се зарежда без интернет
   • Така не е нужен браузър
   • Така се пази от вируси
   • Сайтът изглежда цялостен и се ползва лесно

   Отговор: Сайтът изглежда цялостен и се ползва лесно

   Еднаквото оформление и меню помагат на посетителя да се ориентира.

3. Какво обикновено се поставя в долната част (футъра) на сайт?

   • Само голямо видео
   • Контакти и авторски права
   • Формата за вход в банка
   • Празно пространство

   Отговор: Контакти и авторски права

   Във футъра обикновено има контакти, полезни връзки и информация за авторските права.

4. Как обикновено се нарича файлът на началната страница на статичен сайт?

   • start.doc
   • index.html
   • home.exe
   • main.txt

   Отговор: index.html

   Сървърът отваря index.html по подразбиране, когато се посети адресът на сайта.

5. Къде обикновено се поставя логото на сайт?

   • Само в края на последната страница
   • Горе, в заглавната част
   • В средата на всеки абзац
   • Никъде, логото е забранено

   Отговор: Горе, в заглавната част

   Логото горе показва чий е сайтът и често е връзка към началната страница.

6. Какво е макет (wireframe) на уеб страница?

   • Готовият код на сайта
   • Списък с пароли
   • Опростена скица на разположението на елементите
   • Снимка на сървъра

   Отговор: Опростена скица на разположението на елементите

   Макетът показва с прости блокове къде ще са менюто, текстът и снимките, преди да се правят страниците.

7. Какво е картата (схемата) на сайта при проектирането?

   • Географска карта на училището
   • Схема на страниците и връзките между тях
   • Списък с паролите на администраторите
   • Снимка на сървъра

   Отговор: Схема на страниците и връзките между тях

   Схемата показва йерархията: начална страница, раздели и подстраници.

8. Какво е вътрешна хипервръзка?

   • Връзка към чужд сайт
   • Връзка към друга страница от същия сайт
   • Връзка към имейл адрес
   • Връзка, която не води никъде

   Отговор: Връзка към друга страница от същия сайт

   Вътрешните връзки свързват страниците на един сайт, а външните водят към други сайтове.

9. Защо е важно да се определи целевата аудитория на сайта?

   • За да е по-евтин домейнът
   • За да не трябва хостинг
   • Защото браузърът го изисква
   • За да се подберат подходящо съдържание и стил

   Отговор: За да се подберат подходящо съдържание и стил

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

10. Какво означава сайтът да е адаптивен (responsive)?

    • Да се зарежда само на компютър
    • Да има само черно-бял дизайн
    • Да сменя езика сам
    • Да се показва добре на компютър, таблет и телефон

    Отговор: Да се показва добре на компютър, таблет и телефон

    Адаптивният дизайн пренарежда съдържанието според ширината на екрана.

11. Защо е добре файловете на сайта да са подредени в папки, например images?

    • За да стане сайтът динамичен
    • За да не е нужен домейн
    • За да се зарежда без сървър
    • За по-лесна поддръжка и ясни пътища до файловете

    Отговор: За по-лесна поддръжка и ясни пътища до файловете

    Подредената структура улеснява работата и намирането на файловете.

12. Какво е външна хипервръзка?

    • Връзка към страница от друг сайт
    • Връзка към друга страница от същия сайт
    • Връзка към място в същата страница
    • Връзка без адрес

    Отговор: Връзка към страница от друг сайт

    Външната връзка води към друг сайт, затова в href се пише пълен адрес с https://.

13. Кой принцип на дизайна прави текста в сайта лесен за четене?

    • Достатъчен контраст между текста и фона
    • Много различни шрифтове на всяка страница
    • Светлосив текст на бял фон
    • Мигащ текст навсякъде

    Отговор: Достатъчен контраст между текста и фона

    Тъмен текст на светъл фон (или обратно) се чете най-лесно.

14. Страницата about.html е в същата папка като index.html. Какъв относителен адрес се пише в href?

    • about.html
    • C:/Desktop/about.html
    • http://about
    • index.html/about.html

    Отговор: about.html

    При файлове в една папка относителният адрес е само името на файла.

15. Файлът index.html е в основната папка, а снимката logo.png е в папка images. Какъв път се пише в src?

    • logo.png
    • ../logo.png
    • images/logo.png
    • logo/images.png

    Отговор: images/logo.png

    От основната папка се влиза в папка images, затова пътят е images/logo.png.

Медия в уеб страница

1. Кой формат е най-подходящ за снимки в уеб страница?

   • MP3
   • DOCX
   • JPEG
   • ZIP

   Отговор: JPEG

   JPEG компресира снимките добре при малка загуба на качество.

2. Кой таг вмъква звук в уеб страница?

   • sound
   • music
   • audio
   • mp3

   Отговор: Тагът audio

   Тагът audio пуска звукови файлове, например MP3.

3. Кой формат е подходящ за кратка анимирана картинка?

   • GIF
   • DOCX
   • TXT
   • MP3

   Отговор: GIF

   Форматът GIF поддържа проста анимация от няколко кадъра.

4. Кой формат на изображения поддържа прозрачен фон?

   • JPEG
   • MP3
   • PNG
   • DOCX

   Отговор: PNG

   PNG поддържа прозрачност, затова е удобен за лога и икони.

5. Кой формат е подходящ за видео в уеб страница?

   • PNG
   • PDF
   • MP4
   • XLSX

   Отговор: MP4

   MP4 е най-разпространеният видео формат, който браузърите поддържат.

6. Кой атрибут на тага video показва бутоните за пускане и спиране?

   • alt
   • href
   • controls
   • loop

   Отговор: controls

   С атрибута controls браузърът показва плейър с бутони.

7. Кой таг вмъква видео в HTML страница?

   • video
   • movie
   • media
   • film

   Отговор: Тагът video

   Тагът video показва видео, а атрибутът controls добавя бутоните за управление.

8. Какво е атрибутът alt на изображение?

   • Алтернативен текст, който описва снимката
   • Адресът на снимката
   • Ширината на снимката
   • Цветът на рамката

   Отговор: Алтернативен текст, който описва снимката

   alt се чете от екранни четци и се показва, ако снимката не се зареди.

9. Как може да се вгради видео от YouTube в уеб страница?

   • Със снимка на екрана
   • Чрез кода за вграждане (iframe), даден от YouTube
   • Като се копира заглавието на видеото
   • С тага br

   Отговор: Чрез кода за вграждане (iframe), даден от YouTube

   YouTube дава готов код с таг iframe, който се поставя в HTML кода на страницата.

10. Защо снимките се оптимизират (намаляват по размер) преди публикуване?

    • За да станат цветни
    • За да се отварят само на компютър
    • За да не им трябва атрибут alt
    • За да се зарежда страницата по-бързо

    Отговор: За да се зарежда страницата по-бързо

    Големите файлове се изтеглят по-бавно, особено на мобилен интернет.

11. Кой формат е векторен и не губи качество при уголемяване?

    • JPEG
    • PNG
    • GIF
    • SVG

    Отговор: SVG

    SVG описва фигурите с математически формули, а не с пиксели.

12. Какво е лицензът Creative Commons?

    • Вид формат за видео
    • Програма за обработка на снимки
    • Забрана за всякакво използване
    • Лиценз, с който авторът разрешава използване при определени условия

    Отговор: Лиценз, с който авторът разрешава използване при определени условия

    Creative Commons позволява ползване на произведението, ако се спазят условия, например посочване на автора.

13. Използваш изображение, генерирано с ИИ, в сайта на училището. Коя е добрата практика?

    • Да напишеш, че е твоя снимка
    • Да посочиш, че е създадено с ИИ, и да провериш условията на инструмента
    • Да го представиш като реална снимка от събитие
    • Да не споменаваш нищо за произхода му

    Отговор: Да посочиш, че е създадено с ИИ, и да провериш условията на инструмента

    Честното обозначаване не подвежда посетителите, а условията показват дали може да се ползва.

14. Можеш ли да сложиш в сайта си песен, намерена в интернет, без разрешение?

    • Да, щом е в интернет, е свободна
    • Не, без разрешение или подходящ лиценз се нарушават авторските права
    • Да, ако е по-кратка от 5 минути
    • Да, ако сайтът е училищен

    Отговор: Не, без разрешение или подходящ лиценз се нарушават авторските права

    Произведенията са защитени, освен ако авторът не е дал свободен лиценз или разрешение.

15. Кой съвременен формат на изображения обикновено дава по-малки файлове от JPEG при същото качество?

    • BMP
    • WebP
    • TIFF
    • RAW

    Отговор: WebP

    WebP е създаден за уеб, компресира добре и поддържа прозрачност и анимация.

Домейн, хостинг, HTTPS

1. Какво е домейн?

   • Името на сайта в интернет, например mon.bg
   • Компютърът, на който се пази сайтът
   • Програмата за създаване на сайтове
   • Паролата на администратора

   Отговор: Името на сайта в интернет, например mon.bg

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

2. Кое е пример за уеб адрес (URL)?

   • https://www.example.com
   • ivan@example.com
   • example
   • C:/Documents/site.docx

   Отговор: https://www.example.com

   URL съдържа протокол (https) и домейн; адресът с @ е имейл.

3. Кой домейн от първо ниво се използва най-често от търговски сайтове по света?

   • .bg
   • .com
   • .edu
   • .gov

   Отговор: .com

   Домейнът .com идва от commercial (търговски) и е най-разпространеният в света.

4. Какво е хостинг?

   • Името на сайта
   • Вид браузър
   • Услуга за съхраняване на файловете на сайта на сървър, достъпен в интернет
   • Програма за рисуване

   Отговор: Услуга за съхраняване на файловете на сайта на сървър, достъпен в интернет

   Хостинг доставчикът предоставя място на сървър, който работи постоянно.

5. Как се нарича фирмата, чрез която се регистрира домейн?

   • Доставчик на ток
   • Браузър
   • Регистратор
   • Антивирус

   Отговор: Регистратор

   Регистраторът записва домейна на твое име за определен срок срещу такса.

6. Какво е поддомейн?

   • Част пред основния домейн, например blog.example.com
   • Друг вид браузър
   • Скрита папка на компютъра
   • Парола за хостинга

   Отговор: Част пред основния домейн, например blog.example.com

   Поддомейнът се създава от собственика на домейна, например blog пред example.com.

7. Кой домейн от първо ниво е на България?

   • .bu
   • .br
   • .bl
   • .bg

   Отговор: .bg

   .bg е националният домейн на България (.br е на Бразилия).

8. Какво означава буквата S в HTTPS?

   • Server
   • Site
   • Simple
   • Secure (защитен)

   Отговор: Secure (защитен)

   HTTPS е защитената версия на протокола HTTP, при която данните се шифроват.

9. Как се качват файловете на сайта на хостинга?

   • Чрез принтер
   • По Bluetooth
   • Чрез FTP или файловия мениджър в панела на хостинга
   • С имейл до браузъра

   Отговор: Чрез FTP или файловия мениджър в панела на хостинга

   FTP (File Transfer Protocol) и уеб панелите на хостинга позволяват прехвърляне на файловете към сървъра.

10. Какво прави системата DNS?

    • Шифрова паролите
    • Превръща имената на домейни в IP адреси
    • Създава уеб страници
    • Компресира снимките

    Отговор: Превръща имената на домейни в IP адреси

    Компютрите се свързват по IP адрес, а DNS намира адреса по името на сайта.

11. Кой издава сертификатите за сигурност на сайтовете?

    • Браузърът на посетителя
    • Удостоверяващ орган (Certificate Authority)
    • Самият посетител
    • Доставчикът на ток

    Отговор: Удостоверяващ орган (Certificate Authority)

    Удостоверяващият орган проверява собственика на домейна и издава сертификат с ограничен срок.

12. Какво се случва, ако не подновите навреме регистрацията на домейна?

    • Нищо, домейнът е завинаги
    • Сайтът става по-бърз
    • Домейнът се прехвърля на хостинга
    • Домейнът изтича и може да бъде регистриран от друг

    Отговор: Домейнът изтича и може да бъде регистриран от друг

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

13. Какво показват катинарчето и https в адресната лента?

    • Сайтът е напълно безопасен и не може да е измамен
    • Връзката със сайта е шифрована чрез SSL/TLS сертификат
    • Сайтът е държавен
    • Страницата е без реклами

    Отговор: Връзката със сайта е шифрована чрез SSL/TLS сертификат

    Шифроването пази данните по пътя, но не гарантира, че сайтът е честен: и измамни сайтове имат HTTPS.

14. Какво е необходимо, за да бъде сайтът публикуван и достъпен по име?

    • Само файл index.html на флашка
    • Хостинг за файловете и домейн, насочен към сървъра чрез DNS
    • Само акаунт в социална мрежа
    • Само антивирусна програма

    Отговор: Хостинг за файловете и домейн, насочен към сървъра чрез DNS

    Файловете се качват на хостинга, а DNS записът свързва домейна с IP адреса на сървъра.

15. Кой стандартен порт използва HTTPS?

    • 80
    • 443
    • 21
    • 25

    Отговор: 443

    HTTP използва порт 80, а HTTPS използва порт 443.

Финален въпрос