ELEKTRONSKO POSLOVANJE

VJEŽBE

Ljubiša Mićićljubisa.micic@ef.unibl.org

Kabinet 22

Kako položiti?

• Prisustvo časovima vježbi – faza učenja HTML-a i CSS-a

• Zalaganje i trud čak i ispred sklonosti• Pribavljanje podataka za projekat

Elektronsko poslovanje

• Pribavljanje podataka za projekat• Priprema vlastitog projekta • Odbrana projekta

Pripremljen i odbranjen web site –PREDUSLOV za ocjenu

Web

Kako pristupamo web-u?

Elektronsko poslovanje

BrowserWeb

serveriUređaji

Softver,

specijalizovani

za tu namjenu

PC/desktop,

laptop, mobie

devices ...

Lokacija gdje su

smješteni podaci

(tamo negdje ili tu)

Poznati web browser-i

Elektronsko poslovanje

Šta je to web dizajn?

Elektronsko poslovanje

Šta je to web dizajn?

Web dizajn je vrsta dizajna koji omogućava kreiranje i unaprijeđivanjeinternet prezentacije. Smatra se i oblikom grafičke umjetnosti.

Kad je riječ o prodaji postoji “izreka”: Dobar web dizajner ćepotencijalne kupce pretvoriti u nove.

Elektronsko poslovanje

Ko je web dizajnerKo je web dizajner??

Web dizajner je osoba koja osmišljava i realizuje web prezentaciju,

odnosno interfejs koji se nalazi pred posjetiocima internet stranice.

Šta je to web sajt?Web sajt (prezentacija, sajt) je mjesto na internetu. To je skup stranicakoje sadrže slike, tekst, video i sl. Sajt može biti smješten na lokalnomračunaru ili na web/internet serveru (računar), tj. računaru poslužiocu.

Elektronsko poslovanje

Kakvi web sajtovi mogu biti?

01. Statičkiweb sajt čiji se podaci ne mijenjaju ili osvježavaju na duže vrijeme.

Dinamički

Elektronsko poslovanje

vrijeme.

02. Dinamičkiweb sajt čiji se podaci često osvježavaju i mijenjaju. Više su posjećeni nego statički.

Statički

Web site: od čega se sastoji?

Elektronsko poslovanje

Domen Hosting Sadržaj

„adresa“

sajta

Tekstovi, slike,

video, muzika

i sl.

Lokacija na kojoj

je smješten sajt

Šta je to domen?

Domen je adresa servera na Internetu sa kojeg se vršiposluživanje stranica i ostalih dostupnih servisa. Budući daje svaki domen (i svaka IP adresa) jedinstvena, moguće gaje registrovati samo jednom u cijelom svijetu.

Elektronsko poslovanje

Kako izgleda domen?

Domeni se definišu sa desna na lijevo. Svaki logičkidio domena odvojen je tačkom.

Elektronsko poslovanje

EkstenzijaJedinstveni naziv sajtaOdređuje internet servis

WEB STRANICA: elementi

Dizajn NavigacijaSadržaj

je razlog dolaska

Elektronsko poslovanje

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.

Primjer MAPE web sajta

Elektronsko poslovanje

1. HTML

Elektronsko poslovanje

2. CSS

1. STRUKTURA

Elektronsko poslovanje

Web site VS novine?

Elektronsko poslovanje

HTML: Hyper Text Markup Language

Prva verzija HTML jezika objavljena je 1993.

- prezentacijski jezik za izradu web stranica.Hipertekst dokument stvara se pomoću HTML jezika.HTML jezikom oblikuje se sadržaj i stvaraju sehiperveze (linkovi) dokumenta.

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

HTML: Hyper Text Markup Language

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.

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.

slike i zvuk.

HTML struktura sajta - kosti

Elektronsko poslovanje

HTML struktura sajta - kostiMaloprije prikazani web u HTML bi izgledao ovako

Elektronsko poslovanje

HTML: Hyper Text Markup Language

Osnova HTML predstavljaju atributi i tagovi. Atributi se nalaze unutar tagova.

Elektronsko poslovanje

Šta je potrebno pripremiti: za vlastiti projekat izrade web site-a?

Odabrati preduzeće / realno ili ideja

Dogovoriti sa vlasnikom/menadžerom

Elektronsko poslovanje

Pripremiti tekstove

Pripremiti informacije (naziv, kontakt...)

Pripremiti fotografije za fotogaleriju

HVALA za pažnju!HVALA za pažnju!ljubisa.micic@ef.unibl.org