21/22.3 Primenjene informacione tehnologije 3

Sada malo gradiva iz web dizajna:

Uvod u Bootstrap : (od profesorice Danijele)

Da biste koristili Bootstrap možete da sve dovučete na svoj komp i da radite sa tim, ili da samo postavite link ka odgovarajućim fajlovima na Internetu.

---

Prvi način (video) kada se koristi sve na računaru (kako to radi ova profesorica):

Podsećanje:
 - ako folder prevučete na ikonicu VS Code-a, time se otvara VS Code i ujedno se i taj folder otvara, (profesorica je imala shortcut ka VSCode i to je odradilo isti posao)
 - blanko template za html u VS Code radite tako što kucate html, okruženje vam ponudi 3 opcije pa najbolje da odaberete opciju html:5, čime će da unese sve što vam treba za početnu html 5 stranicu
 - za ovo vam ne treba nikakav dodatak - VS Code u sebi ima dodatke za html

---

Drugi način

(video) kada se NE koristi sve na računaru već se koristi link ka odgovarajućim fajlovima. (kako radi druga profesorica):

01: Bootstrap povezivanje

---

Napomene:
  - Uvek gledajte najnovije verzije.
  - U ovom momentu je aktuelna verzija 5.x za koju se može postaviti odgovarajuće linkove.

Najlakša varijanta za vas je da odete na web sajt i kopirate početni html šablon ( Starter template ) u kojem je već sve uključeno.

 * Vodite računa da ako imate svoje css fajlove, oni budu navedeni nakon Bootstrapovog css-a, a da skriptovi budu na samom kraju body-ja.

---

⚡ Koji editor koristiti?

---

Nastavak, sa primerima:

---

02 Bootstrap klase:

---

03 Bootstrap - raspored elemenata:

---

? Uraditi na času ili pogledati kod kuće sledeći primer ?

---

? Primer kreiranja kompletnog sajta (u starijoj verziji Bootstrapa) ?

---

? Malo drugačiji primer kreiranja kompletnog sajta (u novijoj verziji Bootstrapa) ?

---