SlideShare une entreprise Scribd logo
1  sur  17
Nastavnik za digitalno doba 2019.
3.radionica
Okvir
Digitalnih
kompetencija
Siniša Ćulafić, dipl.informatičar
Srednja stručna škola „Vasa Pelagić“ Kovin
Kreiranje veb-sajta (bloga)
Blogger.com je besplatna blog platforma u vlasništvu Google-a.
Jednostavan za korišćenje.
Dovoljno je imati gmail adresu.
Svi blogovi su hostovani na Google serverima, uz neograničen prostor na disku.
URL adresa sadrži, pored naziva bloga, nastavak „blogspot.com“
Dizajn bloga moţete promeniti izborom tema koje vam Blogger nudi.
Besplatno i jednostavno su reči koje mogu opisati ovu blog platformu.
Da biste koristili Blogger, dovoljno je da se ulogujete sa vašim Gmail nalogom.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje veb-sajta (bloga)
Kada ste ušli na Blogger.com u levom gornjem uglu se nalazi dugme „Novi blog“
gde trebate da kliknete da biste napravili blog. Onda se otvara prozor gde trebate
daunesete podatke o blogu i da izaberete izgled vašeg bloga.
U polju „Naziv“ napišite kako ţelite da se zove vaš blog.
U polju „Adresa“ morate da unesete jedinstvenu URL adresu (možete koristiti
26 slova engleske abecede, 10 brojeva i povlake „-“). Poţeljno je da „Naziv“ i
„Adresa“ budu isti.
Izaberite i šablon bloga i kliknite na dugme „Napravi blog!“
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje veb-sajta (bloga)
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Prvi blog post
Uđite na Blogger.com, izaberite blog koji ste napravili i kliknite na dugme „Novi post“ ili
na olovku u gornjem levom uglu označenoj na slici ispod.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Prvi blog post
Sada se otvara nova stranica gde trebate uneti naslov i tekst i objaviti ili zakazati
objavu teksta.
Kreiranje veb-sajta (bloga)
Vodite računa prilikom izbora naslova. On treba da opisuje ono o čemu pišete u tekstu, treba da
bude dovoljno interesantan da bi zainteresovalo ljude da kliknu na taj blog post i treba da sadrži
ključne reči kako biste se bolje rangirali na pretraživačima.
Tekst pišite u kraćim pasusima. Koristite podebljan tekst kako biste naglasili važne delove, izvršite
„obostrano poravnjanje“ teksta i koristite liste.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Dodavanje slika u blog post
Fotografije moţete dodati klikom na „dugme u obliku slike“ koje se nalazi u traci sa
alatima.
Dodavanje slika u blog post
Postoji više načina da dodate sliku:
Otpremi – otpremanjem fotografije koja se nalazi na vašem računaru,
Iz ovog bloga – fotografiju koju ste već dodali na blog,
Iz Picasa web-albuma,
Sa telefona,
Sa web-kamere,
Sa URL-a – tako što kopirate URL slike koja je već hostovana negde.
Klikom na fotografiju u blog postu pojavljuje se traka sa podešavanjima vezana za veličinu, položaj i
svojstva slike.
Veoma je bitno dobro optimizovati fotografiju.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Dodavanje video klipova u blog post
Video možete dodati na više načina. Klikom na ikonicu za dodavanje video fajlova
otvara se prozor koji vam pokazuje na koje sve načine moţete dodati video klip.
Dodavanje video klipova u blog post
Postoji više načina da dodate video klip:
Otpremanje – moţete dodati video koji se nalazi na vašem hard disku,
Sa YouTube-a – moţete pretraţivati YT i tako pronaći ţeljeni video,
Moji YouTube video snimci – ukoliko ste postavili neki snimak na vašem YT
kanalu,
Sa telefona,
Sa web-kamere.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Dodavanje linkova (veza) u blog post
Linkove tj. veze moţete dodati klikom na na link „veza“ koji se nalazi u traci sa
altkama.
Podešavanja pre objave i objava teksta
U delu oznake potrebno je dodati neku oznaku (kategoriju) tom tekstu koja će pomoći čitaocima da
se lakše kreću kroz blog. Naime, klikom na neku oznaku korisniku će biti prikazani svi tekstovi koji
sadrže tu oznaku.
Klikom na dugme „pregledaj“ moţete videti kako će vaš post izgledati kada se objavi, ako vam se
sviđa kliknite na dugme „objavi“, a ako još niste završili tekst kliknite na dugme „sačuvaj“, a nakon
toga „zatvori“ pa neki drugi put moţete nastaviti pisanje teksta.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Stranice u bloggeru
U blogu se svi postovi objavljuju na Glavnoj (Početnoj) stranici (a kasnije se mogu
prikazivati i na zasebnim stranicama).
U blogu na Blogger-u se moţe dodati još 20 stranica i to su tzv. statičke stranice.
Statičke stranice u blogovima služe da informišu čitaoce o samom blogu,
njegovoj tematici, da se na nekoj od njih prikaţe sadrţaj radi lakšeg snalaţenja po
blogu i sl.
Jednu stranicu ćemo iskoristiti za elektronski portfolio nastavnika.
Na kontrolnoj tabli bloga, u spisku sa leve strane, nalazi se link „Stranice“ gde
trebate da kliknete. Nakon toga kliknite i na link „Nova stranica“.
Sada se otvara uređivač, koji je isti kao i uređivač postova. Tu napišite ono što ţelite
na toj stranici, stavite slike i druge multimedijalne elemente, objavite i dobićete novu
statičku stranicu u blogu.
Podešavanje izgleda bloga
U kontrolnoj tabli bloggera, izborom opcije „Izgled“ moţete podešavati izgled vašeg bloga
dodavanjem i izmenom gadžeta.
Kada smo napravili blog vidimo da su tu odmah dva gadţeta „Osnovni podaci o meni“ i „Arhiva
članaka“ koje možete izbrisati klikom na link „izmeni“ pored datog gadţeta i klikom na dugme „ukloni“.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Podešavanje izgleda bloga
Gadžete možete pomerati klikom na željeni gadžet i prevlačenjem na mesto gde
ga želite pomeriti.
Kada ste završili sa premeštanjem i brisanjem gadţeta kliknite na dugme „sačuvaj
raspored“.
Gadžeti koji se ne mogu izbrisati i koji se ne mogu pomerati su: članci, zaglavlje i
NavBar.
Kreiranje autentičnog i stimulativnog digitalnog
okruženja za učenje
Stranice u bloggeru
Sada se otvara stranica gde moţete izvršiti podešavanja datog gadţeta. Kada ste to
podesili kliknite na dugme sačuvaj.
Gadžeti koje preporučujem da dodate su:
Popularni postovi – podesite da se prikazuju popularni postovi u poslednjih 7
dana i neka se ovaj gadţet nalazi pri vrhu, sigurno će povećati broj pregleda
bloga.
Stranice – postavite u hederu (ispod zaglavlja). Ovde moţete izabrati koje
stranice ţelite da vam se prikazuju, a moţete dodati i spoljni link.
Polje za pretragu – moţe na vrhu iznad gadţeta popularni postovi.
Lista veza – u listu linkova moţete dodati zanimljive blogove. Ovaj gadţet
postavite u futeru.
Oznake – obično u obliku „oblaka“ isto u futeru.

Contenu connexe

Similaire à Radionica 3 (8)

Kako kreirati logo
Kako kreirati logoKako kreirati logo
Kako kreirati logo
 
Blog osnove
Blog osnoveBlog osnove
Blog osnove
 
Dodavanje banera na blog
Dodavanje banera na blogDodavanje banera na blog
Dodavanje banera na blog
 
Elektronski portfolio u Mahari
Elektronski portfolio u MahariElektronski portfolio u Mahari
Elektronski portfolio u Mahari
 
Informaticka aktualizacija seminar
Informaticka aktualizacija seminarInformaticka aktualizacija seminar
Informaticka aktualizacija seminar
 
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
Wordpress i ostale blog platforme - Kako napraviti blog - Promocija bloga put...
 
Dodavanje banera
Dodavanje banera Dodavanje banera
Dodavanje banera
 
Dodavanje banera na blog
Dodavanje banera na blogDodavanje banera na blog
Dodavanje banera na blog
 

Plus de Siniša Ćulafić

Odredjivanje ekvivalentne otpornosti zadaci za samostalan rad
Odredjivanje ekvivalentne otpornosti zadaci za samostalan radOdredjivanje ekvivalentne otpornosti zadaci za samostalan rad
Odredjivanje ekvivalentne otpornosti zadaci za samostalan rad
Siniša Ćulafić
 
задаци предвиђени за 18.11.2021
задаци предвиђени за 18.11.2021задаци предвиђени за 18.11.2021
задаци предвиђени за 18.11.2021
Siniša Ćulafić
 

Plus de Siniša Ćulafić (20)

prezentacija o uticaju energetskih napitaka na zdravlje dece
prezentacija o uticaju energetskih napitaka na zdravlje deceprezentacija o uticaju energetskih napitaka na zdravlje dece
prezentacija o uticaju energetskih napitaka na zdravlje dece
 
Izazov 1 za ocenu 2.pdf
Izazov 1 za ocenu 2.pdfIzazov 1 za ocenu 2.pdf
Izazov 1 za ocenu 2.pdf
 
Mikrofiz.pptx
Mikrofiz.pptxMikrofiz.pptx
Mikrofiz.pptx
 
Kompleksni brojevi u Pythonu 1.docx
Kompleksni brojevi u Pythonu 1.docxKompleksni brojevi u Pythonu 1.docx
Kompleksni brojevi u Pythonu 1.docx
 
Osnovni nivo.pdf
Osnovni nivo.pdfOsnovni nivo.pdf
Osnovni nivo.pdf
 
Mkmagazin 220107142015
Mkmagazin 220107142015Mkmagazin 220107142015
Mkmagazin 220107142015
 
Odredjivanje ekvivalentne otpornosti zadaci za samostalan rad
Odredjivanje ekvivalentne otpornosti zadaci za samostalan radOdredjivanje ekvivalentne otpornosti zadaci za samostalan rad
Odredjivanje ekvivalentne otpornosti zadaci za samostalan rad
 
Odredjivanje ekvivalentne otpornosti
Odredjivanje ekvivalentne otpornostiOdredjivanje ekvivalentne otpornosti
Odredjivanje ekvivalentne otpornosti
 
OET - priprema za test JS
OET - priprema za test JSOET - priprema za test JS
OET - priprema za test JS
 
Uopsteni omov zakon - zadaci
Uopsteni omov zakon - zadaciUopsteni omov zakon - zadaci
Uopsteni omov zakon - zadaci
 
задаци предвиђени за 18.11.2021
задаци предвиђени за 18.11.2021задаци предвиђени за 18.11.2021
задаци предвиђени за 18.11.2021
 
Skripta vezbe gradivo za 2 test
Skripta vezbe   gradivo za 2 testSkripta vezbe   gradivo za 2 test
Skripta vezbe gradivo za 2 test
 
Vezbe 2 test
Vezbe 2 testVezbe 2 test
Vezbe 2 test
 
Greške analognih i digitalnih instrumenata
Greške analognih i digitalnih instrumenataGreške analognih i digitalnih instrumenata
Greške analognih i digitalnih instrumenata
 
одабрани задаци са такмичења
одабрани задаци са такмичењаодабрани задаци са такмичења
одабрани задаци са такмичења
 
Zadaci za 1 pismeni oet
Zadaci za 1 pismeni oetZadaci za 1 pismeni oet
Zadaci za 1 pismeni oet
 
Zadaci za 26 10 2021
Zadaci za 26 10 2021Zadaci za 26 10 2021
Zadaci za 26 10 2021
 
Domaci zadatak 1
Domaci zadatak 1Domaci zadatak 1
Domaci zadatak 1
 
Zadaci za 21 10 2021
Zadaci za 21 10 2021Zadaci za 21 10 2021
Zadaci za 21 10 2021
 
Zadaci za vezbu 18.10.2021.
Zadaci za vezbu 18.10.2021.Zadaci za vezbu 18.10.2021.
Zadaci za vezbu 18.10.2021.
 

Radionica 3

  • 1. Nastavnik za digitalno doba 2019. 3.radionica Okvir Digitalnih kompetencija Siniša Ćulafić, dipl.informatičar Srednja stručna škola „Vasa Pelagić“ Kovin
  • 2. Kreiranje veb-sajta (bloga) Blogger.com je besplatna blog platforma u vlasništvu Google-a. Jednostavan za korišćenje. Dovoljno je imati gmail adresu. Svi blogovi su hostovani na Google serverima, uz neograničen prostor na disku. URL adresa sadrži, pored naziva bloga, nastavak „blogspot.com“ Dizajn bloga moţete promeniti izborom tema koje vam Blogger nudi. Besplatno i jednostavno su reči koje mogu opisati ovu blog platformu. Da biste koristili Blogger, dovoljno je da se ulogujete sa vašim Gmail nalogom. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje
  • 3. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Kreiranje veb-sajta (bloga) Kada ste ušli na Blogger.com u levom gornjem uglu se nalazi dugme „Novi blog“ gde trebate da kliknete da biste napravili blog. Onda se otvara prozor gde trebate daunesete podatke o blogu i da izaberete izgled vašeg bloga. U polju „Naziv“ napišite kako ţelite da se zove vaš blog. U polju „Adresa“ morate da unesete jedinstvenu URL adresu (možete koristiti 26 slova engleske abecede, 10 brojeva i povlake „-“). Poţeljno je da „Naziv“ i „Adresa“ budu isti. Izaberite i šablon bloga i kliknite na dugme „Napravi blog!“
  • 4. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Kreiranje veb-sajta (bloga)
  • 5. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Prvi blog post Uđite na Blogger.com, izaberite blog koji ste napravili i kliknite na dugme „Novi post“ ili na olovku u gornjem levom uglu označenoj na slici ispod.
  • 6. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Prvi blog post Sada se otvara nova stranica gde trebate uneti naslov i tekst i objaviti ili zakazati objavu teksta.
  • 7. Kreiranje veb-sajta (bloga) Vodite računa prilikom izbora naslova. On treba da opisuje ono o čemu pišete u tekstu, treba da bude dovoljno interesantan da bi zainteresovalo ljude da kliknu na taj blog post i treba da sadrži ključne reči kako biste se bolje rangirali na pretraživačima. Tekst pišite u kraćim pasusima. Koristite podebljan tekst kako biste naglasili važne delove, izvršite „obostrano poravnjanje“ teksta i koristite liste. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje
  • 8. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Dodavanje slika u blog post Fotografije moţete dodati klikom na „dugme u obliku slike“ koje se nalazi u traci sa alatima.
  • 9. Dodavanje slika u blog post Postoji više načina da dodate sliku: Otpremi – otpremanjem fotografije koja se nalazi na vašem računaru, Iz ovog bloga – fotografiju koju ste već dodali na blog, Iz Picasa web-albuma, Sa telefona, Sa web-kamere, Sa URL-a – tako što kopirate URL slike koja je već hostovana negde. Klikom na fotografiju u blog postu pojavljuje se traka sa podešavanjima vezana za veličinu, položaj i svojstva slike. Veoma je bitno dobro optimizovati fotografiju. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje
  • 10. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Dodavanje video klipova u blog post Video možete dodati na više načina. Klikom na ikonicu za dodavanje video fajlova otvara se prozor koji vam pokazuje na koje sve načine moţete dodati video klip.
  • 11. Dodavanje video klipova u blog post Postoji više načina da dodate video klip: Otpremanje – moţete dodati video koji se nalazi na vašem hard disku, Sa YouTube-a – moţete pretraţivati YT i tako pronaći ţeljeni video, Moji YouTube video snimci – ukoliko ste postavili neki snimak na vašem YT kanalu, Sa telefona, Sa web-kamere. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje
  • 12. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Dodavanje linkova (veza) u blog post Linkove tj. veze moţete dodati klikom na na link „veza“ koji se nalazi u traci sa altkama.
  • 13. Podešavanja pre objave i objava teksta U delu oznake potrebno je dodati neku oznaku (kategoriju) tom tekstu koja će pomoći čitaocima da se lakše kreću kroz blog. Naime, klikom na neku oznaku korisniku će biti prikazani svi tekstovi koji sadrže tu oznaku. Klikom na dugme „pregledaj“ moţete videti kako će vaš post izgledati kada se objavi, ako vam se sviđa kliknite na dugme „objavi“, a ako još niste završili tekst kliknite na dugme „sačuvaj“, a nakon toga „zatvori“ pa neki drugi put moţete nastaviti pisanje teksta. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje
  • 14. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Stranice u bloggeru U blogu se svi postovi objavljuju na Glavnoj (Početnoj) stranici (a kasnije se mogu prikazivati i na zasebnim stranicama). U blogu na Blogger-u se moţe dodati još 20 stranica i to su tzv. statičke stranice. Statičke stranice u blogovima služe da informišu čitaoce o samom blogu, njegovoj tematici, da se na nekoj od njih prikaţe sadrţaj radi lakšeg snalaţenja po blogu i sl. Jednu stranicu ćemo iskoristiti za elektronski portfolio nastavnika. Na kontrolnoj tabli bloga, u spisku sa leve strane, nalazi se link „Stranice“ gde trebate da kliknete. Nakon toga kliknite i na link „Nova stranica“. Sada se otvara uređivač, koji je isti kao i uređivač postova. Tu napišite ono što ţelite na toj stranici, stavite slike i druge multimedijalne elemente, objavite i dobićete novu statičku stranicu u blogu.
  • 15. Podešavanje izgleda bloga U kontrolnoj tabli bloggera, izborom opcije „Izgled“ moţete podešavati izgled vašeg bloga dodavanjem i izmenom gadžeta. Kada smo napravili blog vidimo da su tu odmah dva gadţeta „Osnovni podaci o meni“ i „Arhiva članaka“ koje možete izbrisati klikom na link „izmeni“ pored datog gadţeta i klikom na dugme „ukloni“. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje
  • 16. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Podešavanje izgleda bloga Gadžete možete pomerati klikom na željeni gadžet i prevlačenjem na mesto gde ga želite pomeriti. Kada ste završili sa premeštanjem i brisanjem gadţeta kliknite na dugme „sačuvaj raspored“. Gadžeti koji se ne mogu izbrisati i koji se ne mogu pomerati su: članci, zaglavlje i NavBar.
  • 17. Kreiranje autentičnog i stimulativnog digitalnog okruženja za učenje Stranice u bloggeru Sada se otvara stranica gde moţete izvršiti podešavanja datog gadţeta. Kada ste to podesili kliknite na dugme sačuvaj. Gadžeti koje preporučujem da dodate su: Popularni postovi – podesite da se prikazuju popularni postovi u poslednjih 7 dana i neka se ovaj gadţet nalazi pri vrhu, sigurno će povećati broj pregleda bloga. Stranice – postavite u hederu (ispod zaglavlja). Ovde moţete izabrati koje stranice ţelite da vam se prikazuju, a moţete dodati i spoljni link. Polje za pretragu – moţe na vrhu iznad gadţeta popularni postovi. Lista veza – u listu linkova moţete dodati zanimljive blogove. Ovaj gadţet postavite u futeru. Oznake – obično u obliku „oblaka“ isto u futeru.