01
Ја планира структурата на веб-страницата
Одлучува кои содржини и делови се потребни и како ќе бидат организирани.
TechnoHTML5
Детето преминува од визуелно создавање веб-страници кон разбирање како тие навистина се изградени со HTML и CSS.
Самото го пишува кодот за структурата и изгледот, додава текст, слики и врски, ја тестира страницата во прелистувач и ја подготвува за објавување.
ПРЕДИЗВИКОТ
Како од празен документ со код да создадеш вистинска веб-страница?
Веб-страницата треба да има јасна структура, читлива содржина, функционални врски и доследен изглед. Детето треба да разбере што контролира HTML, што контролира CSS и како промената во кодот го менува резултатот во прелистувачот.
ШТО ЌЕ ПРАВИ ДЕТЕТО
Од код до веб-страница
Проектот оди чекор по чекор: од планирање на структурата до пишување код, тестирање и подготовка за објавување.
02
Ја создава основата со HTML
Пишува наслови, пасуси, листи, слики и други структурни елементи.
03
Го обликува изгледот со CSS
Ги контролира боите, типографијата, растојанијата и визуелното уредување.
04
Додава врски и дополнителни веб-елементи
Ги поврзува содржините и создава функционална навигација.
05
Ја тестира и ја подготвува страницата за објавување
Го проверува кодот и изгледот во прелистувач и ги коригира проблемите пред финалната верзија.
ШТО ЌЕ СОЗДАДЕ
Сопствена веб-страница изградена со HTML и CSS
Детето создава веб-страница со сопствен HTML и CSS код, текст, слики, врски и визуелно уредување. На крај ја тестира во веб-прелистувач и ја подготвува за објавување.
ШТО РАЗВИВА ПРЕКУ ПРОЕКТОТ
Вештини за градење веб-страници со код
Преку поврзани задачи, детето вежба како да планира структура, пишува код, обликува изглед и тестира резултат.
01
Ја планира структурата на веб-страницата
Одлучува кои содржини и делови се потребни и како ќе бидат организирани.
02
Ја создава основата со HTML
Пишува наслови, пасуси, листи, слики и други структурни елементи.
03
Го обликува изгледот со CSS
Ги контролира боите, типографијата, растојанијата и визуелното уредување.
04
Додава врски и дополнителни веб-елементи
Ги поврзува содржините и создава функционална навигација.
05
Ја тестира и ја подготвува страницата за објавување
Го проверува кодот и изгледот во прелистувач и ги коригира проблемите пред финалната верзија.
06
Разбирање на односот код резултат
Гледа како промената во кодот директно го менува она што се прикажува во прелистувачот.
РЕАЛЕН КОНТЕКСТ
Размислува како веб-развивач и веб-дизајнер
Кога ја создава страницата, детето размислува за структурата и корисникот:
- како треба да биде организирана содржината
- кој HTML елемент е соодветен
- како CSS ќе го обликува изгледот
- дали врските функционираат
- дали страницата изгледа и работи како што е планирано
Ова е ученичка симулација на процесот на веб-развој: структура код стил тестирање објавување.
ДИГИТАЛНИ АЛАТКИ
Алатки што му помагаат да изгради веб-страница со код
Различните алатки му помагаат на детето да ја изгради, прегледа и тестира страницата.
HTML
за структурата и содржината на веб-страницата.
CSS
за боите, типографијата, растојанијата и визуелното уредување.
Текстуален уредувач
за пишување и уредување на кодот.
Веб-прелистувач
за прегледување и тестирање на резултатот.
Хиперлинкови и веб-ресурси
за поврзување страници, слики и дополнителна содржина.
Алатките се средства; главната вредност е во одлуките што детето ги носи додека го гради веб-решението.
МЕСТО ВО ПРОГРАМАТА
TechnoHTML5 е дел од Intermediate 2
TechnoHTML5 е првиот од четирите проекти во Intermediate 2.
Проектот ја продолжува веб-развојната линија започната во TechnoSite: детето преминува од визуелно градење веб-страница кон разбирање и пишување HTML и CSS код.
Повеќегодишна информатичка образовна програма во која децата преку проекти постепено развиваат широки и функционални дигитални компетенции.
© 2026 Еверест — Детска ИТ Академија / Марјановик Едукација