Uvod (rujan-listopad)
LV01Preglednici i pretrazivaci
LV02 Skriptni jezici (razlika skriptiranja)
LV03 Sustavi boja
LV04: Proces razvoja mrežnog sjedišta (pomoć: ideje za dizajn tehnologije mockup wireframe-mockup mapa sjedišta)
HTML (listopad-prosinac)
- LV05 HTML – osnove
- LV06 HTML – stilovi, slike, poveznice
- LV07 HTML – liste i tablice
- LV08 HTML – obrasci (forms)
- LV09 HTML – meta podaci, putanje (meta, file paths)
- LV10 HTML – multimedija (media)
- LV11 HTML – semantika (layout)
- LV12 HTML – istraživanje i izrada mrežnog sjedišta (greške dizajnera bad web)
- LV13 HTML – ISPITNA VJEŽBA
- LV14 HTML – priprema, oblikovanje i izrada (osobnog) mrežnog sjedišta (blagdani)
CSS
siječanj
- LV15_ CSS povezivanje, vrste i sintaksa
- LV16_ CSS vrste selektora i njihova primjena (vjezbe/css)
- LV17_ CSS pozadine i prikaz elemenata na stranici
- LV18_ CSS model kutije, tekst i ikone
veljača
- LV19_CSS poveznice, tablice i liste
- LV20_ CSS prikaz, pozicioniranje i prozirnost (VJEZBA, VJEZBA)
- LV21_ CSS layout (maxwidth, overflow, block, align)
- LV22_ CSS pseudoklase, pseudoelementi (kombinatori)
ožujak
- LV23_ CSS navigacija, slike i galerija
- LV24_ CSS flex-model
- LV25_ CSS prijelazi (tranzicije)
- LV26_ CSS – obrasci (forms), brojači (counters), web izgled (layout)
-
- projekt1 – logotip
-
travanj
- LV27_ CSS responzivni web dizajn
- LV28_ CSS – Media queries
- LV29_ CSS animacije ( CSS animacije) – kviz
svibanj
- LV30 CSS RWD okviri (framework)
- LV31 SEO*** (SEO preporuke, pitanja – u nastavku)
- Rad na projektnom zadatku
- projekt2 – opis p2
- LV32 PREGLED projekata
- LV33 PREGLED projekata / Zaključivanje ocjena
lipanj
- LV34: Zaključivanje ocjena
- LV35: Zaključivanje ocjena
***SEO / optimizacija
- Što je i što ima za cilj optimizacija mrežnog sjedišta za tražilice
- Opišite kako možemo podijeliti proces optimizacije (3)?
- Koji je osnovni, a koji sporedni cilj optimizacije mrežnog sjedišta?
- Što predstavlja konverzija i kako se događa?
- Opišite koje vrste rezultata tražilice prezentiraju korisniku (2).
- Koliki se postotak svih klikova na tražilici odvija na prvoj stranici?
- Zašto se optimizacija mrežnog sjedišta za tražilice smatra jednim od najprofitabilnijih postupaka?
- Pomoću kojeg servisa Google prezentira sponzorirane oglase?
- Kako tražilica nalazi sjedište i kako se možemo povećati značaj svojeg sjedišta?
- Nabrojite neke tipove sadržaja koje možemo pretraživati tražilicom.
- Navedite pet osnovnih parametara koji utječu na prezentirane rezultate tražilice.
- Nabrojite tri osnovne kategorije upita.
- Objasnite od čega se obično sastoji SERP i po kojem se modelu skenira?
- Objasnite ukratko faze u onsite SEO procesu.
- Objasnite ukratko što obuhvaća postupak kreiranja persona?
- Objasnite čemu služi search engine health check?
- Objasnite kako struktura URL-a utječe na uspješnu onsite optimizaciju.
- Objasnite preporuke za korištenje oznake Title kod optimizacije mrežnog sjedišta.
- Ukratko objasnite korištenje dodatka YOAST SEO za WordPress CMS.
- Navedite po izboru pet zanimljivih brojčanih podataka vezano uz Google tražilicu (npr. broj podatkovnih centara, broj računala, brzinu i broj generiranih rezultata, broj obrađenih upita i sl.). Pri tome se poslužite webom.
- (***) Skicirajte i objasnite osnovne komponente preglednika.
- (***) Objasnite osnovni tijek renderiranja stranice.
- (***) Objasnite parsing kod prikaza web sadržaja neke stranice.
- (***) Ukratko objasnite Google-ov algoritam pretraživanja.
- (***) Ukratko objasnite bing-ov algoritam pretraživanja.
- (***) Ukratko objasnite DuckDuckGo-ov algoritam pretraživanja.
- (***) Ukratko objasnite YouTube-ov algoritam pretraživanja.
PROJEKT1
- Napravite mrežno sjedište svoje zamišljene tvrtke.
Tvrtka se može baviti poslovima prema želji (ponuda/prodaja određenih roba i/ili usluga), no u području djelatnosti kojima se bavi mora biti i izrada i održavanje mrežnih sjedišta prema narudžbi. Svoj rad radite prema slijedećim odrednicama:
- izrađuje se u HTML i CSS tehnologiji
- koristi se RW dizajn (preporuka je mobile first razvoj)
- naslovna stranica nosi naziv index.html
- potrebno je koristiti isključivo jednu CSS datoteku sa stilovima, odnosno izbjegavati interno definiranje stilova u html datoteci (u slučaju korištenja nekog CSS okvira (framework), potrebno je osim gotovih imati i dio vlastitih stilova)
- sve datoteke sjedišta trebaju biti uredno raspoređene u zajedničkoj mapi sa podmapama prema vrsti (html datoteke, css datoteka, grafički i drugi resursi)
- kao logotip se koristi ranije izrađeni znak tvrtke
- svi grafički sadržaji trebaju biti kvalitetni i pri tome je potrebno paziti na legalnost njihovog korištenja
- sve stranice sjedišta estetski trebaju biti međusobno usklađene (to uključuje oblikovanja bojama – podloga, tekst, poveznice, zatim vrstu slova, izgled navigacijskih traka i dr.)
- na svim stranicama trebaju biti jednaki i vidljivi zaglavlje sa logotipom i imenom tvrtke) i podnožje, te navigacijska traka (trenutno otvorena stranica označena je posebno)
- sjedište se treba sastojati od najmanje četiri stranice za koje ste izgled skicirali već ranije (naslovna ili početna stranica (kratko predstavljanje tvrtke), katalog ili pregled proizvoda odnosno usluga u ponudi tvrtke, stranica sa preglednim cjenikom u tabličnom obliku (za minimalno desetak proizvoda ili usluga predstavljenih na stranici proizvoda) i stranica za kontakt i slično)
Ovaj rad tima smatrat će se uspješnim (za ocjenu odličan) samo ako je korektno izveden prema svim navedenim stavkama.
