Graditeljska škola Čakovec

bruno-ladic.from.hr/vnck

interio.great-site.net

instalater-junior-zavrsni2023.rf.gd

125. obljetnica osnivanja bečke secesije i 160. obljetnica rođenja Gustava Klimta ove je godine u Graditeljskoj školi Čakovec prigodno obilježena u skolopu školskog projekta (poveznica: vijest projektni dan - secesija). U projekt su se u okviru predmeta web projekti uključili i učenici 3.b razreda - web dizajneri. Učenici su primijenili svoja znanja i vještine izrade responzivnih web stranica HTML/CSS/js tehnologijom, koje usvajaju u okviru predmeta web projekti i povezali ih s prigodnom tematikom secesije. Učenici su dobili osnovne upute i rokove, te bili usmjereni na izvore informacija i malo istraživanje vezano uz stilski pravac secesija kojeg su prezentirali kroz web stranicu. Da bi rješenje bilo pristupačnije i moguće ga izložiti u okviru planirane školske izložbe učenici su izradili i tematski plakat s QR kodom poveznice na web rješenja (skeniranje i pregled web rješenja mobitelom), koje je tako bilo dostupno svim učenicima, nastavnicima i posjetiteljima škole. Tako smo povezali ishode učenja predmeta s projektnim zadatkom - secesija i grafički ga prezentirali na način da rješenje bude jednostavno dostupno za pregled.

Odabrana rješenja na temu secesija:
Izradio: Bruno Ladić 3.b WD - poveznica



Izradio: Kristijan Bobovec 3.b WD - poveznica

Pripremila: Suzana Šestan, mag.dizajna - savjetnik

*pristup objavljenom web rješenju - poveznicom preko slike.
*pojedini slikovni sadržaji i tekstovi preuzeti su s interneta u edukativne svrhe

1. Primjer responzivnog web rješenja prema odabranoj temi - "CZK Čakovec"
Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 5
Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 
Izradio: David Hassan 3.d, web dizajner   -  Mentor: Suzana Šestan, mag. dizajna

2. Primjer responzivnog web rješenja prema odabranoj temi - "Systal Solutions"
Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 5, SCSS/SASS
Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 
Izradio: Karlo Horvat 3.d, web dizajner   -  Mentor: Suzana Šestan, mag. dizajna

3. Primjer responzivnog web rješenja prema odabranoj temi - "Speedway"
Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 5
Oblikovanje i izrada: Visual Studio, Adobe Photoshop, Adobe Illustrator. 
Izradio: Dominik Gombar 3.d, web dizajner   -  Mentor: Suzana Šestan, mag. dizajna

*pristup objavljenom web rješenju - poveznicom preko slike.
*pojedini slikovni sadržaji i tekstovi preuzeti su s interneta u edukativne svrhe

Primjer statičnog web rješenja prema odabranoj temi - "Grad Čakovec"
Tehnologija izrade: HTML/CSS
Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 
Izradio: Bruno Ladić, 2.b, web dizajner   -  Mentor: Suzana Šestan, mag. dizajna

*pristup objavljenom web rješenju pomoću QR koda ili poveznicom preko slike.

1. Primjer završnog rada Edukativnog web sjedišta o kućnim ljubimcima - mačkama “Mačje šape”.
Tehnologija izrade: HTML5/CSS/JavaScript, PHP, flex
Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop
Izradila: Kristina Zadravec 4.d, web dizajner   -  Mentor: Suzana Šestan, mag. dizajna

2. Primjer završnog rada responzivne, one page (single page) web stranice za građevinsku tvrtku „Megra“.
Tehnologija izrade: HTML/CSS/JavaScript, bootstrap 4
Oblikovanje i izrada: Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator. 
Izradio: Gabrijel Kovač 4.d, web dizajner   -  Mentor: Suzana Šestan, mag. dizajna