VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je...
Transcript of VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je...
![Page 2: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/2.jpg)
Kako položiti?
Elektronsko poslovanje
• Prisustvo časovima vježbi – faza
učenja HTML-a i CSS-a
• Zalaganje i trud čak i ispred sklonosti
• Pribavljanje podataka za projekat
• Priprema vlastitog projekta
• Odbrana projekta
Pripremljen i odbranjen web site –
PREDUSLOV za ocjenu
![Page 3: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/3.jpg)
![Page 4: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/4.jpg)
Elektronsko poslovanje
Browser Web
serveri Uređaji
Softver,
specijalizovani
za tu namjenu
PC/desktop,
laptop, mobie
devices ...
Lokacija gdje su
smješteni podaci
(tamo negdje ili tu)
Kako pristupamo web-u?
![Page 5: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/5.jpg)
Poznati web browser-i
Elektronsko poslovanje
![Page 6: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/6.jpg)
Šta je to web dizajn?
Elektronsko poslovanje
![Page 7: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/7.jpg)
Šta je to web dizajn?
Elektronsko poslovanje
Web dizajn je vrsta dizajna koji omogućava kreiranje i unaprijeđivanje
internet prezentacije. Smatra se i oblikom grafičke umjetnosti.
Kad je riječ o prodaji postoji “izreka”: Dobar web dizajner će
potencijalne kupce pretvoriti u nove.
Ko je web dizajner?
Web dizajner je osoba koja osmišljava i realizuje web prezentaciju,
odnosno interfejs koji se nalazi pred posjetiocima internet stranice.
![Page 8: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/8.jpg)
Šta je to web sajt?
Elektronsko poslovanje
Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica
koje sadrže slike, tekst, video i sl. Sajt može biti smješten na lokalnom
računaru ili na web/internet serveru (računar), tj. računaru poslužiocu.
![Page 9: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/9.jpg)
Kakvi web sajtovi mogu biti?
Elektronsko poslovanje
01. Statički web sajt čiji se podaci
ne mijenjaju ili
osvježavaju na duže
vrijeme.
02. Dinamički
web sajt čiji se podaci
često osvježavaju i
mijenjaju. Više su
posjećeni nego statički.
Statički
Dinamički
![Page 10: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/10.jpg)
Elektronsko poslovanje
Domen Hosting Sadržaj
„adresa“
sajta
Tekstovi, slike,
video, muzika
i sl.
Lokacija na kojoj
je smješten sajt
Web site: od čega se sastoji?
![Page 11: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/11.jpg)
Šta je to domen?
Elektronsko poslovanje
Domen je adresa servera na Internetu sa kojeg se vrši
posluživanje stranica i ostalih dostupnih servisa. Budući da
je svaki domen (i svaka IP adresa) jedinstvena, moguće ga
je registrovati samo jednom u cijelom svijetu.
![Page 12: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/12.jpg)
Kako izgleda domen?
Elektronsko poslovanje
Domeni se definišu sa desna na lijevo. Svaki logički
dio domena odvojen je tačkom.
Ekstenzija Jedinstveni naziv sajta
Određuje
internet
servis
![Page 13: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/13.jpg)
WEB STRANICA: elementi
Elektronsko poslovanje
Dizajn Navigacija Sadržaj
je slika vaše firme
na internetu. Loše
dizajniran web sajt
narušava imidž vaše
kompanije.
je važan element koji
ne smijete
zanemariti. Posjetilac
ne smije biti zbunjen i
dezorijentisan, jer
može jednim klikom
miša napustiti vaš
web sajt
je razlog dolaska
posjetioca na vaš web
sajt. Način na koji je
napisan sadržaj može
da utiče na uspjeh
vašeg sajta. U
zavisnosti da li je sadžaj
kvalitetan ili loš zavisiće
i rangiranje vašeg sajta
na internet
pretraživačima, a time i
broj posjeta sajtu.
![Page 14: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/14.jpg)
Primjer MAPE web sajta
Elektronsko poslovanje
![Page 15: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/15.jpg)
1. HTML
Elektronsko poslovanje
2. CSS
![Page 16: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/16.jpg)
1. STRUKTURA
Elektronsko poslovanje
![Page 17: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/17.jpg)
Web site
VS
novine?
Elektronsko poslovanje
![Page 18: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/18.jpg)
HTML: Hyper Text Markup Language
Elektronsko poslovanje
Prva verzija HTML jezika objavljena je 1993.
godine. U to je vrijeme bio još poprilično ograničen,
pa nije bilo moguće čak ni dodati slike u HTML
dokumente. 1995. izlazi verziju 3.0, koja donosi
mogućnosti definicije tablela. . .
HTML 5 je prva nova revizija standarda od HTML
4.01, koji je izdan 1999. godine
- prezentacijski jezik za izradu web stranica.
Hipertekst dokument stvara se pomoću HTML jezika.
HTML jezikom oblikuje se sadržaj i stvaraju se
hiperveze (linkovi) dokumenta.
![Page 19: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/19.jpg)
HTML: Hyper Text Markup Language
Elektronsko poslovanje
Cijela stranica, koliko god multimedijalnih
dodataka imala, nije ništa drugo nego tekst.
Kliknite desnim tasterom miša i na meniju
odaberite View Source - vidjet ćete kako
izgleda bilo koja stranica u HTML-u.
HTML znači hipertekstualni (tekst čitljiv u više
dimenzija) označeni jezik, to nije programski jezik.
Dakle, radi se o običnoj tekstualnoj datoteci, koju
Internet browseri "vide" kao malo manje običnu
tekstualnu datoteku, tj. interpretiraju kod u tekst,
slike i zvuk.
![Page 20: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/20.jpg)
Elektronsko poslovanje
HTML struktura sajta - kosti
![Page 21: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/21.jpg)
Elektronsko poslovanje
HTML struktura sajta - kosti Maloprije prikazani web u HTML bi izgledao ovako
![Page 22: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/22.jpg)
HTML: Hyper Text Markup Language
Elektronsko poslovanje
Osnova HTML predstavljaju atributi i tagovi.
Atributi se nalaze unutar tagova.
![Page 23: VJEŽBE - University of Banja Luka · Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranica koje sadrže slike, tekst, video i sl. Sajt može biti smješten na](https://reader036.fdocument.pub/reader036/viewer/2022081614/5fc858029cbc01420f368d32/html5/thumbnails/23.jpg)
Šta je potrebno pripremiti: za vlastiti projekat izrade web site-a?
Elektronsko poslovanje
Odabrati preduzeće (SME)
Pripremiti tekstove
Pripremiti informacije (naziv, kontakt...)
Pripremiti fotografije za fotogaleriju