Uvod
Tečaj "Spletni ustvarjalec" je odlična priložnost za posameznike, ki se želijo naučiti ustvarjati spletna mesta. Na tečaju bodo spoznali možnosti izdelave spletnih strani z uporabo HTML značk (tags) in CSS slogov. Tečajniki se seznanijo tudi s programskim jezikom JavaScript, ki omogoča ustvarjanje interaktivnih strani. V okviru tečaja izkoriščamo prednosti platforme Glitch. Tečaj se zaključi z izdelavo večstranske spletne strani, kar omogoča udeležencem, da samostojno uporabijo pridobljena znanja na praktičnem primeru, kar je ključno za krepitev digitalnih kompetenc. Metode izvedbe tečaja temeljijo na uporabi kombinacije sodobnih in inovativnih metod poučevanja: razlaga in demonstracija učitelja – prikaz v brskalniku in spletnih urejevalnikih omogoča sprotno vizualno povratno informacijo, samostojno delo z navodili – vsaka lekcija vključuje konkretne naloge, ki jih udeleženci rešujejo s pomočjo mentorja. Udeleženci uporabljajo platformo Glitch (https://glitch.com/), ki omogoča sodelovanje s sovrstniki in širšo spletno skupnostjo, sodelovanje preko spleta z drugimi uporabniki, izmenjava projektov in možnost remiksanja že obstoječih projektov omogoča hitro učenje in napredek. Nadgradnja znanja z vsakim projektom omogoča postopno pridobivanje kompleksnih veščin.Platforma Glitch omogoča sprotno urejanje in takojšnje predogledovanje spletnih strani v realnem času, kar je ključno za razvoj spletnih strani, poleg tega Glitch omogoča sodelovanje na daljavo, kjer lahko več udeležencev hkrati dela na istem projektu, pohvale in povratne informacije – mentor sproti ocenjuje naloge in nudi usmeritve za izboljšave.
Program tečaja
1Lekcija 1 - Spletni bonton, komuniciranje na spletu, Uvod v tečaj HTML, CSS, JS
Lekcija predstavlja uvod v tečaj izdelave spletnih strani. Cilj lekcije je predstavit tehnologije, ki jih uporabljamo za izdelavo spletne strani na primeru izdelave lažne spletne strani za vstop v omrežje Discord. Ob grobem pregledu principa izdelave spletnih strani na osnovi izbranega projekta, dobijo udeleženci tudi nekoliko širši vpogled na probleme spletne varnosti in možnih oblik spletnih napadov.
2Lekcija 2 - HTML - Urnik
The lesson aims to introduce the students to the issues related to the creation of websites. Students will learn the basics of HTML and create their first page: A "Lesson Plan".
3Lekcija 3 - HTML - Registration form
Lekcija bo vključevala naprednejše elemente HTML. Pogovorili se bomo o tem, kako ustvariti obrazce na spletnih straneh. Učenci bodo ustvarili prijavni obrazec.
4Lekcija 4 - HTML, CSS - Lego trgovina
Cilj predavanj bo izdelava informacijske strani za lego trgovino, vključno z logotipom, pasico, favicon, Google fonti, interaktivnim menijem in podstranjo s kontaktnim obrazcem. Poleg tega bo predstavljen koncept blokob, značk in razredov.
5Lekcija 5 - HTML,CSS, JS. - Tic Tac Toe
The goal of this lesson is to make Tic-Tac-Toe game in two-player mode. JavaScript language will be used to code the game logic.
6Lekcija 6 - HTML,CSS, JS. - Tic Tac Toe - II. del
Cilj te lekcije je narediti igro Tic-Tac-Toe za dva igralca. Za programiranje logike igre uporabimo Java Script. Nadaljevanje prejšnje lekcije.