novi sad - vps.ns.ac.rs · pdf file12. izrada raznih vrsta letaka koji na sebi sadrže kupone...

14
VISOKA POSLOVNA ŠKOLA STRUKOVNIH STUDIJA NOVI SAD Osnovi elektronskog poslovanja 1. UVOD - Microsoft Office Publisher Microsoft Office Publisher je desktop aplikacija namenjena izdavaštvu. Šta sve može da uradi ovaj program i čemu služi? 1. izrada kompletnih WEB stranica sa svim potrebnim podacima, 2. publikaciju raznih brošura, 3. izrada banera, 4. izrada vizit kartica, 5. izrada kalendara, 6. izrada sertifikata, 7. izrada čestitki, 8. izrada poštanskih razglednica, 9. izrada newsletter-a (biltena), 10. izrada cenovnika za restorane, 11. izrada raznih vrsta oglasa, 12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog predmeta Za sve navedeno postoje šabloni koje nudi program Publisher i na osnovu kojih brzo i lako korisnik može uraditi ono što želi. Ono što nas u ovom trenutku interesuje jeste kreiranje WEB stranica pomoću ovog programa. Publisher je posebno pogodan za početnike u WEB dizajnu, jer nudi tzv WYSIWYG (What You See Is What You Get) korisnički interfejs. To znači da korisniku nije potrebno nikakvo poznavanje HTML-a da bi napravio WEB stranicu, već radi direktno dizajn krajnjeg izgleda stranice. Program je pogodan za manje WEB prezentacije koje ne zahtevaju kompleksno programiranje i baze podataka.

Upload: danganh

Post on 06-Feb-2018

219 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

VISOKA POSLOVNA ŠKOLA

STRUKOVNIH STUDIJA

NOVI SAD

Osnovi elektronskog poslovanja

1. UVOD - Microsoft Office Publisher

Microsoft Office Publisher je desktop aplikacija namenjena izdavaštvu. Šta sve može da uradi ovaj

program i čemu služi?

1. izrada kompletnih WEB stranica sa svim potrebnim podacima,

2. publikaciju raznih brošura,

3. izrada banera,

4. izrada vizit kartica,

5. izrada kalendara,

6. izrada sertifikata,

7. izrada čestitki,

8. izrada poštanskih razglednica,

9. izrada newsletter-a (biltena),

10. izrada cenovnika za restorane,

11. izrada raznih vrsta oglasa,

12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog predmeta

Za sve navedeno postoje šabloni koje nudi program Publisher i na osnovu kojih brzo i lako korisnik

može uraditi ono što želi.

Ono što nas u ovom trenutku interesuje jeste kreiranje WEB stranica pomoću ovog programa.

Publisher je posebno pogodan za početnike u WEB dizajnu, jer nudi tzv WYSIWYG (What You See Is

What You Get) korisnički interfejs. To znači da korisniku nije potrebno nikakvo poznavanje HTML-a

da bi napravio WEB stranicu, već radi direktno dizajn krajnjeg izgleda stranice.

Program je pogodan za manje WEB prezentacije koje ne zahtevaju kompleksno programiranje i baze

podataka.

Page 2: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

2. Pokretanje i početak rada sa Publisher-om

MS Office Publisher pokreće se kao i bilo koji program koji je deo Microsoft Office paketa, iz START

menija u delu PROGRAMS pronađemo Microsoft Office pa onda izaberemo Office Publisher.

Izgled i delovi startnog prozora prikazani su na slici 1:

Slika 1. Izgled i delovi startnog prozora

Najznačajniji i najkorišćeniji je TASK PANE, levo od radne površine. U

tom delu, koje je polazna tačka našeg projekta, odabraćemo kakvu vrstu

publikacije želimo da izradimo. U našem slučaju, odabraćemo WEB Sites

and E-mail, a onda WEB Sites. Nakon toga biramo šablon koji ćemo

upotrebiti za naš WEB site.

Npr. ako odaberemo neki 3-Page WEB Site šablon, imaćemo WEB site

koji sadrži tri osnovne stranice. Za sve tri stranice biće primenjen odabrani

šablon i one će imati neki predefinisani smisao i sadržaj koji korisnik može

po želji promeniti. Najčešće postavljene stranice u svakom 3-Page WEB

Site šablonu su stranice Home, About Us i Contact Us, pomoću kojih se

Slika 2. TASK PANE

Page 3: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

ostvaruje osnovno predstavljanje teme ili subjekta koga ta WEB stranica predstavlja.

Slika 3. Izbor šablona

3. Sadržaj i izmene WEB sajta (teksta i slika)

Nakon odabiranja šablona videli smo da se na radnoj površini pojavi izgled (dizajn) naše web stranice.

Primetite da pri dnu prozora imamo 3 kvadratića koji predstavljaju 3 stranice koje čine naš Web Site.

Stranica označena br. 1 je početna (home) stranica. Desnim klikom na kvadratiće pojavi se meni koji

nam omogućava da umetnemo novu web stranicu, izmenimo, izbrišemo ili dupliramo postojeću, ili da

joj pomerimo mesto.

U task pane-u vidimo ponuđene šablone za raspored elemenata kao što su navigacijski bar i telo

stranice. Izaberimo prvi, vertical and bottom, tako da će nam navigacijski bar doći sa strane levo od tela

stranice koje predstavlja glavni sadržaj stranice. Navigacijski bar je bar sa linkovima na stranice

sadržane u našem web site-u.

Tekst u dizajnu web stranice nalazi se u tekstualnim poljima (text box). Kada korisnik želi da promeni

već umetnuti tekst, prvo je potrebno pozicionirati kursor unutar tekstualnog polja koje se želi

promeniti.Ako korisnik želi da doda novi tekst u delu stranice gde ga nema, potrebno je umetnuti text

Page 4: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

box, klikom na textbox dugme u object toolbaru (vertikalni toolbar levo od task pane-a) ili preko

menija insert.

Slika umetnuta u stranici može se promeniti desnim klikom na nju i odabirom opcije change picture

(slika 5).

Slika 4

Page 5: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 5

Ako korisnik želi da umetne novu sliku tamo gde ne postoji može to da uradi izborom iz menija Insert,

ili sa Object toolbara, izborom opcije Picture Frame.

4. Navigacijski bar

Navigacijski bar web prezentacije je deo koji sadrži linkove do stranica koje postoje na tom web sajtu, i

nalazi se na svakoj stranici web sajta. Navigacijski bar zauzima najvažnije mesto u web prezentaciji jer

omogućava posetiocima web sajta da pronađu put do željenih informacija. U Publisher-u, linkovi u

navigacijskom baru postavljaju se automatski sa kreiranjem stranica, pri čemu kasnije korisnik tj.

dizajner može da napravi neke izmene.

Page 6: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 6. Primer stranice sa vertikalnim navigacijskim barom

Pri izboru 3 page web site šablona, naš web sajt ima tri stranice, pa navigacijski bar sadrži linkove ka

tim stranicama. U Publisheru, navigacijski bar može imati tri položaja: vertikalni, horizontalni na vrhu

stranice, i horizontalni na dnu stranice. Mogu se postaviti i navigacijski barovi na dva mesta, pri čemu

se najčešće kombinuju vertikalni sa horizontalnim na dnu stranice, ili dva horizontalna navigacijska

bara (na vrhu i dnu stranice). Navigacijski bar na dnu stranice koristan je u slučajevima kada je sadržaj

stranice toliko veliki da je korisniku potrebno malo više vremena da se vrati na vrh stranice kada

stranicu pročita do kraja.

Podešavanje položaja navigacijskog bara u stranici možemo obaviti na task pane-u na sledeći način:

izaberimo web site options iz liste u zaglavlju task pane-a, pa izaberemo odgovarajući raspored ispod

navigation bar. Izmene u izgledu (dizajnu) navigacijskog bara mogu se obaviti aktiviranjem

odgovarajućeg wizarda: prvo se selektuje navigacijski bar, pa se klikne na ikonicu "čarobni štapić" koja

se pojavi nakon pravilnog selektovanja navigacijskog bara. U task pane-u će se pojaviti opcije za

podešavanje izgleda navigacijskog bara (slika 7). Na ovaj način se mogu dodati, ukloniti ili rasporediti

linkovi u navigacijskom baru, izabrati orijentacija navigacijskog bara (horizontalna ili vertikalna),

podesiti veličina linkova u navigacijskom baru, primeniti neki od ponuđenih dizajna itd.

Page 7: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 7. Opcije za podešavanje navigacijskog bara

Isto se može ostvariti i desnim klikom na navigacijski bar, i odabirom opcije Navigation Bar

Properties (poslednja u listi). Otvoriće se dialog prozor Navigation Bar Properties kao na slici 8.

Page 8: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 8. Navigation Bar Properties

5. Dodavanje i podešavanje stranica

Dodavanje novih web stranica na web site čiji dizajn radimo može se obaviti na više načina: u meniju

Insert odabremo opciju Page ili u task pane-u odaberemo Web site options iz liste na zaglavlju task

pane, pa pronađemo link Insert a page. U oba slučaja pojavi se prozor koji nam omogućava da

odaberemo šablon web stranice koju želimo da napravimo. U Publisher-u postoji puno prethodno

dizajniranih šablona koje možemo da iskoristimo i tako efikasnije i profesionalnije razvijemo naš web

site. Web stranica koja se doda zauzme mesto odmah posle stranice koja je bila prikazana u trenutku

dodavanja nove.

Prozor sa ponuđenim šablonima prikazan je na slici 9.

Page 9: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 9

Uzmimo npr šablon Photo Gallery. Publisher umeće novu stranicu koja sadrži galeriju već postavljenih

probnih fotografija sa mestima za opis i naslov. Fotografije, njihovu veličinu, tekst u vezi sa

fotografijom i sl. korisnik menja prema svojim potrebama.

Primetimo da se u navigacijskom baru automatski dodao link ka novoj stranici.

Vežba: isprobati različite šablone web stranica

Raspored stranica menja se pomeranjem kvadratića koje predstavljaju stranice pomoću akcije "drag

and drop", tj samo "uhvatimo" mišem kockicu stranice koju želimo da premestimo i "odvučemo" je na

željeno mjesto.

Kada želimo da promenimo layout stranice ili podatke o njoj, odaberemo Page Content opciju iz liste

na zaglavlju task pane-a. Videćemo da tu možemo da izaberemo željeni raspored sadržaja stranice

(layout), zatim da promenimo naslov stranice (opcija Rename page...) i sl. (slika 10).

Page 10: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 10

Naslov stranice je naslov koji se pojavi na vrhu stranice kada se objavi stranica, a ne naslov napisan na

samoj stranici ili u navigacijskom baru. Ako kliknemo na Preview your web site ovo će biti

očiglednije. Naslove u stranici ili u navigacijskom baru potrebno je takođe promeniti kada se promeni

naslov stranice. Ovo se ne radi automatski pa je potrebno da to korisnik "ručno" odradi.

Vežba: promeniti naslove svih stranica na naš jezik, isprobati izgled web site-a, a zatim

promeniti naslove i u navigacijskom baru i u naslovu unutar stranice. Opet uraditi pregled web

site-a.

Brisanje neželjene stranice može se obaviti desnim klikom na kvadratić koji predstavlja tu stranicu,

pa izborom opcije delete page.

6. Hiperlinkovi

Hiperlinkovi su mesta na stranici, predstavljena tekstom ili slikom, koja su link na neku drugu stranicu

na internetu, u okviru iste ili neke druge web prezentacije. Hiperlinkovi su npr elementi navigacijskog

bara. Hiperlinkovi se u navigacijskom baru dodaju automatski prilikom kreiranja stranice.

Ako dizajner stranice želi da postavi hiperlink na neko posebno mjesto, kao što je određeni deo teksta

ili slika, potrebno je da selektuje to željeno mjesto, i zatim desnim tasterom miša otvori brzi meni na

Page 11: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

čijem kraju odabere opciju Hyperlink. Tu može da odabere da li određenom objektu (tekstu ili slici)

želi da pridruži:

link na neku web stranicu ili fajl (existing file or web page)

link na stranicu unutar iste web prezentacije (place in this document)

link na nepostojeći dokument koji će se upravo kreirati (create new document)

link na e-mail adresu

Slika 11

Page 12: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 12

Vežba1: Odabrati deo teksta ili sliku na početnoj stranici prezentacije i postaviti je kao link na adresu ovog

bloga. Uraditi preview web stranice i isprobati ispravnost linka klikom na njega.

7. Dodavanje raznih objekata i njihovo ureĎivanje

U dokumentu MS publishera, mogu se dodati razne vrste objekata : text box ( polje sa tekstom), tabela,

word art, slika, linije, strelice, geometrijski i razni drugi oblici (auto shapes), itd. Svi ovi objekti su

dostupni iz menija Insert i table, ali najjednostavnije ih je umetnuti iz uspravnog object toolbara-a, koji

stoji uz levu ivicu prozora, levo od task pane-a.

Page 13: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

Slika 13

Svi ovi objekti imaju podesivu veličinu, položaj, mogu se rotirati, i sl. Ovo se obavlja na isti način kao i

u svim programima iz MS Office paketa.

8. Čuvanje i publikacija prezentacije

Dok je stranica u izradi i još nije spremna za objavljivanje na internetu, čuva se u obliku fajla sa pub

ekstenzijom. Kada želimo da sačuvamo ono što smo radili u publisheru, ponuđeno ime fajla koji će se

sačuvati je Publication1.pub.

Ovaj format prezentacije nije pogodan za objavljivanje na internet. Da bi se završena stranica mogla

objaviti, tj pretvoriti u oblik pogodan za objavljivanje na webu, potrebno je otvoriti pub datoteku (našu

prezentaciju u izradi) i odabrati iz File menija stavku Publish to the Web. Za sada, odaberimo mesto

na lokalnom računaru gde će se sačuvati html verzija naše prezentacije. Naša publikacija će biti

"izvezena" u oblik pogodan za objavljivanje na internetu, tj u obliku html fajlova. Od naše prezentacije

nastaće fajl index.htm i folder index_files, koji sadrži sve delove naše prezentacije. Ako otvorimo fajl

index.htm, on će se otvoriti u web browseru i funkcionisaće kao prava internet prezentacija, samo što ta

Page 14: NOVI SAD - vps.ns.ac.rs · PDF file12. izrada raznih vrsta letaka koji na sebi sadrže kupone za kupovinu nekog ... Uraditi preview web stranice i isprobati ispravnost linka klikom

prezentacija nije objavljena na internetu već je vidljiva samo na lokalnom računaru. Index.htm i

index_files moraju biti smešteni u istom folderu da bi prezentacija pravilno funkcionisala.

Slika 14

Kada imamo pripremljenu verziju za web na lokalnom računaru, možemo je uvek upload-ovati na neki

web host koji će prikazivati našu prezentaciju na www.