Uvod

• 

  Skriptni jezici i web programiranje 1

  

  SJWP1 - 3. razred

  Školska godina 2021./2022.

  
  

  • Oglasna ploča Forum
  • Forum za raspravu
  • Opće informacije o predmetu Datoteka
  • Suradničko učenje

  • Odabir teme seminarskog rada
  • Upute za snimanje videoprezentacija Datoteka
  • Videoprezentacije (Flip Code: 4b79b948) Poveznica
  • Repozitorij Mapa
  • Pojmovnik Rječnik
• 

  Uvod | Organizacija web sjedišta

  • Nastavni materijali

  • Proces razvoja web sjedišta Datoteka
  • Pretraživanje interneta Datoteka
  • SEO - radna verzija Datoteka
  • Vježbe

  • [VJ1] Osnovni pojmovi Zadaća
  • [VJ2] Redizajn školskog web sjedišta Zadaća
  • Redizajn školskog web sjedišta - nastavni listić Datoteka
  • Dodatni materijali

  • Budućnost web dizajna - trendovi za sljedeće desetljeće Datoteka
  • Proces razvoja web sjedišta - alati i resursi Stranica
  • Osnovni pojmovi - pitanja za ponavljanje Stranica
• 

  HTML

  • Nastavni materijali

  • Pregled HTML elemenata i atributa Stranica
  • HTML - primjeri Mapa
  • Multimedijski sadržaji u HTML dokumentu Datoteka
  • Vježbe

  • [VJ3] HTML - tekst Zadaća
  • [VJ4] HTML - poveznice Zadaća
  • [VJ5] Povezivanje HTML dokumenata Zadaća
  • [VJ6] Fotogalerija Zadaća
  • [VJ7] HTML - liste i tablice Zadaća
  • [VJ8] HTML - obrasci Zadaća
  • [VJ9] Layout i multimedijski sadržaji Forum
  • [VJ10] Ugradnja multimedijskih sadržaja u HTML dokument Zadaća
  • Domaće zadaće

  • [DZ1] HTML - tekst, poveznice i slike Zadaća
  • [DZ2] HTML - liste, tablice, obrasci i multimedija Zadaća
  • Provjere znanja

  • Dodatni materijali

  • Uvod u obradu slika Datoteka
  • HTML - pitanja za ponavljanje Stranica
• 

  Osnove CSS-a

  • Nastavni materijali

  • Uvod u CSS Datoteka
  • CSS oblikovanje - radna verzija Datoteka
  • Vježbe

  • [VJ11] Skala pH-vrijednosti Zadaća
  • [VJ12] Oblikovanje elemenata u CSS-u Zadaća
  • Pozadinska slika Datoteka
  • [VJ13] Oblikovanje linkova, lista i tablica Zadaća
  • [VJ14] Primjena CSS oblikovanja na HTML stranici Zadaća
  • Domaće zadaće

  • [DZ3] Selektori ID i CLASS Zadaća
  • Provjere znanja

  • Dodatni materijali

  • Osnove CSS-a - pitanja za ponavljanje Stranica
• 

  CSS - uređivanje web sjedišta

  • Nastavni materijali

  • Model kutije Datoteka
  • Pozicioniranje elemenata Datoteka
  • Plutanje i poravnavanje Datoteka
  • Responzivni web Datoteka
  • Responzivni web - primjer Datoteka
  • Prijelazi i animacije Datoteka
  • Videolekcije

  • Video 1. Vertikalna navigacija Poveznica
  • Video 2. Horizontalna navigacija Poveznica
  • Video 3. Oblikovanje slika - prozirnost Poveznica
  • Video 4. Izradba layouta stranice korištenjem elementa DIV Poveznica
  • Video 5. Izradba layouta stranice korištenjem plutanja Poveznica
  • Video 6. Izradba layouta stranice korištenjem pozicioniranja Poveznica
  • Vježbe

  • [VJ15] Fotogalerija Zadaća
  • [VJ16] MARVEL Zadaća
  • [VJ17] Navigacija Zadaća
  • [VJ18] Pozicioniranje Zadaća
  • [VJ20] Moj blog Zadaća
  • Pozicioniranje - materijali za vježbu Datoteka
  • [VJ19] Životinjsko carstvo Zadaća
  • [VJ21] Ugrađivanje CSS animacija Zadaća
  • Domaće zadaće

  • [DZ4] Izradba layouta stranice korištenjem elementa DIV Zadaća
  • Provjere znanja

  • Dodatni materijali

  • U potrazi za kutijom - lov na blago Poveznica
  • Napredni CSS - pitanja za ponavljanje Stranica
• Ova tema
  

  Projekt

  • Nastavni materijali

  • Fleksibilne kutije Datoteka
  • Novi pristupi CSS rasporedima Datoteka
  • CSS grid - primjeri Datoteka
  • Videolekcije

  • Video 1. Izradba 'intro' stranice Poveznica
  • Video 2. Oblikovanje fleksibilnih kutija Poveznica
  • Video 3. Responzivna navigacija Poveznica
  • Završni projekt

  • Projektni zadatak - odabir teme i analiza Zadaća
  • Projektni zadatak - radna verzija Zadaća
  • Projektni zadatak - lista za samoprocjenu Datoteka
  • Projektni zadatak - završna verzija Zadaća
  • Domaće zadaće

  • Nadoknade domaćih zadaća
  • Dodatni materijali

  • Primjeri promidžbenih stranica Mapa