Google sites

Studentski prirunik
Kolegij: E-business, 2011./2012.
Enes Cirikovi, dipl.ing.

Sadraj
Uvod ........................................................................................................................................................ 3
Izrada stranice ......................................................................................................................................... 5
Odabir teme ........................................................................................................................................ 6
Naziv web-lokacije i URL ...................................................................................................................... 6
Editiranje stranica................................................................................................................................ 8
Dodavanje poveznica......................................................................................................................... 11
Umetanje slika ................................................................................................................................... 13
Rad s tablicama ................................................................................................................................. 15
Promjena izgleda web stranice ......................................................................................................... 16
Umetanje objekata ................................................................................................................................ 17
Umetanje kalendara .......................................................................................................................... 17
Umetanje Google dokumenata, proraunskih tablica, prezentacija i formi ..................................... 19
Umetanje Google mapa .................................................................................................................... 19
Editiranje i pregled stranice u HTML modu ....................................................................................... 20
Editiranje lijevog izbornika stranice .................................................................................................. 20
Stvaranje novih stranica .................................................................................................................... 23
Stvaranje standardne web stranice ................................................................................................... 24
Stvaranje File Cabinet stranica ....................................................................................................... 24
Stvaranje List stranica .................................................................................................................... 26
Brisanje stranica ................................................................................................................................ 27
Upravljanje web lokacijom .................................................................................................................... 28
Promjena tematske pozadine web lokacije....................................................................................... 28
Ureivanje strukture web stranice.................................................................................................... 28
Dijeljene............................................................................................................................................. 29
Povijest izmjena stranica ................................................................................................................... 32
Sigurnosno spremanje web lokacije .................................................................................................. 33
Google sites ogranienja ................................................................................................................... 34

Uvod
Google Sites servis omoguuje jednostavnu i laku izradu web stranica uz prihvatljiv konaan
izgled koje se potom bez naknade postavljaju na Google Sites servere diljem svijeta. Zbog sve
vee potrebe za povezivanjem putem Interneta javljaju se brojne potrebe kranjih korisnika,
poput predstavljanja svojeg radnog mjesta, obiteljskih uspomena, hobija ili stranica
namijenjenih promociji svojeg poduzea. Ovaj servis potedio je krajnjeg korisnika znanja
HTML-a, ASP-a, PHP-a i drugih neizostavnih tehnologija u izradi web stranica te je tako
postigao veliku popularnost u akademskim, privatnim i poslovnim primjenama.
Google Sites je wiki usluga u vlasnitvu tvrtke Google koji ljudima omoguuje predstavljanje
informacija u obliku web forme. U stranice je mogue integrirati videomaterijale, Google
Docs dokumente, kalendare, Google mape te servise za oglaavanje putem weba (AdWords
i AdSense) i to bez ikakve naknade. Takoer, skladini prostor od oko 100 MB po stanici, i
gotovo zanemarive restrikcije na veliinu stanice ine ovaj servis vrlo privlanim za
samostalno pokretanje vlastitih web stranica.
Do GoogleSites-a (Google Web lokacija) moe se doi direktno slijeenjem linka:
https://accounts.google.com/ServiceLogin?continue=https%3A%2F%2Fsites.google.com%2F
%3Fhl%3Dhr%26tab%3Ds3&followup=https%3A%2F%2Fsites.google.com%2F%3Fhl%3Dhr%
26tab%3Ds3&hl=hr&service=jotspot&passive=true&ul=1

Slika 1. Google web lokacije suelje za prijavu

NAPOMENA: Za ulazak u Google Web lokacije potrebno je imati otvoren google raun.

Ukoliko vam je ovo prva prijava na Google Web lokacije te prije toga niste izradili nijednu
web stranicu pomou istog servisa, nakon uspjene prijave pojavit e se sljedei prozor:

Slika 2. Poetni prozor pri izradi Google Sites web stranica

Da biste krenuli izraivati web stranicu potrebno je pristisnuti dugme
nalazi u gornjem lijevom dijelu ekrana (slika 2).

koje se

Izrada stranice
Prilikom prvog postavljanja stranice pojavit e se sljedei prozor u kojem e se definirati
poetni izgled stranice. Prvo je potrebno izabrati predloak koji e odrediti vizualni identitet
vae stranice. Ovaj predloak ini svojevrstan kostur na kojega e se dodavati podaci u vidu
texta, slika i sl. Za odabir predloka potrebno je odabrati Blank (Prazno) ili jedan od
predloenih u galeriji Google predloaka.

Slika 3. Poetne postavke

U galeriji predloaka moete odabrati predloak iz jedne od postojeih kategorija. Odabrani
predloak koji ste prethodno oznaili kliknuvi na njega, moete prihvatiti pritiskom na tipku
Odabir ili odbaciti pritiskom na tipku Odbaci. Takoer, mogue je pregledati izgled predloka
u punom izgledu pritiskom na tipku Preview template.

Slika 4. Odabir nekih od ponuenih predloaka iz Google galerije predloaka

Nakon to ste odabrali svoj web predloak pritiskom na tipku Odabir, prozori sa vaim
predlokom pojavit e se na stranici poetnih postavki. Za primjer ovih vjebi odabrat emo
predloak Training iz kategorije Poslovna suradnja.

Odabir teme
Tema web stranice odnosi se na shemu boja i pozadinskog uzorka koja e se primijeniti na
izabrani predloak. Temu moete izabrati pritiskom na padajui izbornik Odaberite temu
unutar stranice poetnih postavki. eljenu temu prihvaate pritiskom na njezin naziv. Ispod
izbornika Odabir teme nalazi se izbornik Vie opcija u kojemu moete definirati opis web
lokacije, odabrati privilegije dijeljenja te kategorizirati stranicu ukoliko sadri sadraje za
odrasle. Ove opcije mogu se promijeniti bilo kada i u kasnijim fazama izrade stranice.

Naziv web-lokacije i URL

Naziv stranice unosi se u Imenujte svoju web-lokaciju tekstni prozor. U nazivu svoje stranice
moete koristiti jedino skupine znakova a-z, A-Z te 0-9. URL e automatski poprimiti
vrijednost naziva vae web stranice to ete moi vidjeti u tekstnom prozoru Mjesto web6

lokacije. Na primjer, ako svoju web stranicu imenujete ABCTest, URL e imati sljedei oblik:
https://sites.google.com/site/abctest. Posljednji dio URL-a moete izmijeniti
pozicioniranjem unutar tekstnog okvira Mjesto web-lokacije te upisati neto drugo. Da biste
izradili web stranicu potrebno je u polje Upiite prikazani kod prepisati onaj prikazan na dnu
ekrana. Ovime se sprjeava stvaranje stranica automatiziranim skriptama. Nakon to ste
prepisali kod potrebno je pritisnuti tipku Izradi.
Ukoliko je ime vae stranice zauzeto, odnosno ve iskoriteno, ili ve postoji isti URL, stranica
poetnih postavki e se ponovno uitati ali ovaj put s dodatnim opcijama pod odjeljkom
Imenujte svoju web-lokaciju. Prikazane su predloeni alternativni nazivi za URL i web-lokaciju,
te se novi naziv moe odabrati najsliniji izvornom nazivu ili moete sami smisliti neko novo
ime. Nakon odabranog novog imena potrebno je pritisnuti tipku Izradi te e se ime stranice i
URL automatski promijeniti u skladu s novoizabranim nazivom. Prije izrade stranice bit e
potrebno ponovno unijeti sigurnosni kod na dnu stranice poetnih postavki.

Slika 6. Primjer upozorenja kod ve postojeeg naziva stranice i URL-a

Za primjer ovih vjebi stvorena je stranica sljedeeg imena i URL-a:

Slika 7. Vaei naziv stranice i URL-a

Nakon to je stranica stvorena otvara se ljuska vae web stranice (web shell) koja obuhvaa
skup stranica u skladu s odabranim predlokom i temom koju ste prethodno odabrali.
Poetno su dodani nazivi izbornika i neto teksta koji u bilo kojem trenutku mogu biti
promijenjeni vaim sadrajem.

Editiranje stranica
Nakon kreiranja web stranice, spremna je za editiranje. Editiranje stranice zapoinje se
pritiskom tipke Edit page

(slika 8).

Slika 8. Poetni izgled EbizLv stranice

Odabrana stranica za editiranje se potom otvara u tzv. Homepage prikazu kojega e korisnici
web-a prvo vidjeti kada dou na vau stranicu.

Slika 9. Suelje za editiranje web stranice

Web stranica podijeljena je u sekcije koje se editiraju kroz odgovarajue izbornike. U prozoru
sa lijeve strane nalaze se poveznice na podstranice koje se takoer mogu editirati po elji to
ukljuuje brisanje i dodavanje novih podstranica. Da biste editirali pojedine podstranice
potrebno je pritisnuti tipku Edit sidebar koja se nalazi na dnu popisa poveznica u prozoru
lijevog izbornika.

Slika 10. Editabilni dijelovi web stranice

Zaglavlje stranice prikazuje se u gornjem lijevom kutu svake stranice. Veliina fonta, boja,
poloaj i sl. mogu se izmijeniti po elji korisnika te se moe umetnuti i logo ukoliko postoji
potreba.
Naslov stranice povezan je s nazivom u lijevoj izbornoj traci. Preko navedenih naziva pristupa
se sadraju stranice na koju se taj naziv referencira. Dakle, ukoliko kliknemo na link Home u
lijevoj izbornoj traci otvorit e se naslovna stranica nae web lokacije. Ukoliko poetni tekst
poveznica u lijevom izborniku ne odgovara naim potrebama mogue je izmijeniti nazive
preko Edit page(s) gumba. Za primjer emo promijeniti naziv poetne stranice iz HOME u
Poetna. Prvo je potrebno otvoriti mod editiranja za stranicu home tako da se klikne na naziv
HOME u lijevoj izbornoj traci te se pritisne tipka Edit site(s) u gornjem desnom kutu ekrana.
Ulaskom u mod editiranja za stranicu HOME lako se moe promijeniti naziv u Poetna (slika
11).

Slika 11. Promjena naslova stranice

Tekst sadraja pojedine stranice takoer se moe mijenjati u ovom modu. Potrebno se samo
lijevim klikom mia pozicionirati u podruje sadraja stranice te promijeniti tekst po elji.
Mogunosti formatiranja teksta dane su slikom 12.

Slika 12. Alatna traka za editiranje teksta

to se tie stilova formatiranja teksta kojemu se pristupa preko izbornika Format sa slike 12,
na raspolaganju su Heading (H2), Sub-heading (H3) i Minor heading (H4).

Slika 13. Stilovi oblikovanja teksta

Nakon zavrenog oblikovanja teksta potrebno je spremiti promjene pritiskom na tipku
nakon ega se vraate u mod pogleda (View mode).
10

Dodavanje poveznica
Jedna od estih potreba unutar web stranica je dodavanje linkova na druge stranice. Google
Sites uobiajeno ukljuuje poveznice na druge stranice unutar iste web lokacije a koje su
obino izlistane unutar lijeve izborne trake. Naravno, te je poveznice mogue mijenjati u
skladu s vlastitim potrebama. Ukoliko postoji potreba povezivanja na vanjske web adrese
(URL) tada se to postie opcijom Link smjetenom u alatnoj traci editora stranica.

Slika 14. Opcija Link u alatnoj traci editora stranica

Da biste dodali poveznicu unutar texta vae web stranice morate najprije ui u mod za
editiranje stranice te zatim oznaiti (zacrniti miom) dio teksta kojeg elite pretvoriti u
poveznicu. Pritiskom na opciju Link otvorit e se prozor Create Link unutar kojega se
definiraju svojstva poveznice.

Slika 15. Dijaloki okvir Create Link

11

Iz ponuenog dijalokog okvira mogue je odabrati povezivanje na postojeu stranicu unutar

vae web lokacije. Da biste pronali odgovarajuu stranicu moete se koristiti funkcijom
automatskog pretraivanja ili pak runo preko mape web lokacije (Site map). Takoer
moete stvoriti i novu stranicu unutar vae web lokacije te se povezati na tu stranicu putem
poveznice. Da biste stvorili novu stranicu unutar vae web lokacije potrebno je pritisnuti
tipku Create new page nakon ega se otvara dijaloki okvir u kojemu ete definirati naziv
novoj stranici, poloaj naziva u na listi stranica u okviru lijevog izbornika, da li e se stranica
otvarati samostalno u novom prozoru i sl.
Ukoliko elite da vas poveznica povee nekim drugim URL-om na web-u potrebno je odabrati
Web address na listi unutar dijalokog okvira Create Link te e se potom otvoriti novi
dijaloki okvir kao na slici 16.

Slika 16. Poveznica na vanjski URL

U tekstni okvir Link to this URL potrebno je napisati URL stranice na koju se elite povezati.
Ukoliko elite da vam se nakon klika na poveznicu stranica otvori u novom prozoru web
preglednika, tada je potrebno oznaiti opciju Open this link in a new window. Za spremanje
promjena i izlazak iz dijalokog okvira potrebno je kliknuti na OK. Nakon spremanja postavki
poveznice vraate se natrag u editor trenutne stranice. Sada moete vidjeti kako je va dio
teksta koji predstavlja poveznicu podcrtan te ete, ukoliko kliknete miom na poveznicu dok
12

ste u editoru, moi ete vidjeti URL poveznice. Osim toga pojavit e se i Change te Remove
opcije kojima moete promijeniti ili ukloniti poveznicu s oznaenog teksta.

Slika 17. Izgled poveznice u modu za editiranje

Da biste spremili sve promjene potrebno je kliknuti na Save koji se nalazi u gornjem desnom
kutu zaslona. Sada kada ste ponovno u modu pregleda stranice, moete isprobati poveznicu
te ako kliknete na nju otvorit ete prethodno definiranu web stranicu.

Umetanje slika
Slike moete umetati u podruje sadraja vae web stranice bilo izravno s vaeg raunala ili s
web-a (potrebno je prethodno saznati URL eljene slike). Da biste dodali sliku unutar
sadraja vae stranice potrebno se prvo prebaciti u mod za editiranje te se pozicionirati na
eljeno mjesto klikom mia, a zatim odabrati Image opciju iz izbornika Menu koji se
nalazi iznad alatne trake. Iz dijalokog okvira koji se pojavio moete izabrati izvor iz kojega
ete odabrati sliku. Ukoliko elite umetnuti sliku s vaeg raunala potrebno je oznaiti opciju
Uploaded images a inae vam preostaje opcija Web address (URL) kojom moete dodati
sliku s neke druge web lokacije.

Slika 18. Dijaloki okvir Add An Image za umetanje slika

13

Za dodavanje slika s raunala potrebno je pritisnuti tipku browse nakon ega ete se nai u
strukturi direktorija na svom raunalu u kojoj je potrebno pronai sliku. Klikom na odabranu
sliku i pritiskom na tipku Open odabrana slika e se pojaviti u smanjenom obliku pregleda
unutar dijalokog okvira za umetanje slika. Ukoliko elite dodati jo slika postupak se
ponavlja, a kada ste zavrili potrebno je potvrditi izmjene pritiskom na OK.
elite li umetnuti sliku s web-a potrebno je odabrati opciju Web address (URL) nakon ega e
se pojaviti sljedei dijaloki okvir:

Slika 19. Dijaloki okvir za dodavanje slika s web-a

U podruje tekstnog okvira Image URL potrebno je upisati URL slike koju elite umetnuti te
ukoliko je URL ispravan i pokazuje na sliku na web-u, pokazat e se slika u obliku umanjenog
pregleda. Da biste potvrdili sliku koju ste dodali i umetnuli ju u svoju stranicu potrebno je
pritisnuti OK.
Nakon to ste umetnuli sliku na eljenu poziciju unutar svoje stranice moete joj podesiti
neke parametre dok ste u modu editiranja stranice. Kliknete li na sliku pojavit e se mala
alatna traka za editiranje slika.

Slika 20. Traka za ureivanje slika

Na raspolaganju su opcije poravnanja slike (L lijevo, C sredinje, R desno), podeavanje
veliine slike (S malo, M srednje, L veliko, Original izvorna veliina). Ukoliko elite sliku
14

omotati tekstom potrebno je ukljuiti opciju Wrap on koja se nalazi pokraj opcije Original.
Za iskljuivanje omatanje slike tekstom morate kliknuti na opciju Wrap off koja se nalazi
odmah pokraj opcije Wrap on. Klikom na opciju X brie se slika sa stranice. Ukoliko ste uinili
neku promjenu koja vam ne odgovara moete se vratiti u prethodno stanje poriskom na
tipku Undo koja se nalazi u alatnoj traci moda za editiranje stranice.

Rad s tablicama
U podruje sadraja web stranice mogu se umetnuti i tablice koje nemaju toliko ogranienja
kao one kod istog HTML-a. Tablicu moete dodati preko izbornika Table u alatnoj trace
moda za editiranje stranice te odabirom opcije Insert.

Slika 21. Umetanje tablice

Nakon odabranog broja stupaca i redaka tablice slijedi unoenje sadraja u elije tablice koje
se ponaaju kao textni okviri. Podeavanje irine i visine elije mogue je u bilo kojem
trenutku pozicioniranjem u eljenu elliju klikom mia nakon ega e se pojaviti toke
razvlaenja koje odreuju koja e se dimenzija elije mijenjati. Bitno je naglasiti da e
promjena dimenzija jedne elije utjecati na promjenu dimenzija svih elija u stupcu ili retku
na kojega se promjena odnosi.

Slika 22. Promjena dimenzija elije

Dodavanje stupaca ili redaka u tablicu moe se obaviti preko izbornika Table u alatnoj traci
moda za editiranje strnice i to uz sljedee ponuene mogunosti:
15

Umetni redak iznad

Umetni redak ispod
Umetni stupac lijevo
Umetni stupac desno
Obrii redak
Obrii stupac
Obrii tablicu

Promjena izgleda web stranice

Trenutni izgled web stranice prethodno je odreen izborom predloka web stranice. Izgled
poetne stranice prikazan je slikom 10 a sastoji se od izbornika na lijevoj strani, zatim od
dijela stranice sa glavnim sadrajem , od naslova sadraja iznad glavog sadraja, te
komentara i priloga na dnu stranice. U modu editiranja strnice mogue je izmijeniti izgled
postojeeg podruja stranice koritenjem izbornika Layout.

Slika 23. Layout izbornik

Da biste izabrali novi izgeld strnice potrebno je samo odabrati eljni izgled na popisu
dostupnih u izborniku Layout te kliknuti na njega ime e doi do promjene izgleda strnice
u skladu s odabranim.

16

Umetanje objekata
Osim tablica i slika postoje i drugi objekti koje je mogue ukljuiti u web stranice. Objektima
se moe pristupiti preko izbornika Insert u alatnoj traci moda za editiranje stranice.

Slika 24. Popis trenutno dostupnih objekata

Umetanje kalendara
U postojeu web stranicu koja je u modu editiranja moe se umetnuti kalendar tako da ga se
odabere iz izbornika Insert u alatnoj traci. Pokretanjem ove opcije otvara se popis svih
kalendara koje ste izradili pod Google raunom na kojemu ste trenutno prijavljeni. Nakon
odabira kalendara s popisa pojavit e se dijaloki okvir za umetanje kalendara.

17

Slika 25. Insert Google Calendar dijaloki okvir

O dijalokom okviru Insert Google Calendar mogue je podesiti veliinu prikaza kalendara
na zaslonu, format prikaza (dani, mjeseci i td.), prikaz navigacijskih tipki i td. Za spremanje
postavki prikaza kalendara i umetanje u web stranicu potrebno je pritisnuti dugme Save. Sve
dok se nalazite u modu editiranja stranice kalendar e biti prikazan kao objekt nazvan Google
calendar (slika 26).

Slika 26. Objekt Google calendar s pripadajuim mogunostima editiranja

18

Kliknete li na objekt Google calendar pojavit e se alatna traka s mogunostima editiranja

kalendara. Mogue je podesiti poravnanje (L lijevo, C - sredinje, R desno), omatanje
tekstom (Wrap on ili Wrap off) te opcija Properties gdje e se otvoriti dijaloki okvir sa slike
25. Nakon spremanja promjena na stranici u modu za editiranje pritiskom na dugme Save,
pojavit e se kalendar u modu pregleda stranice.

Umetanje Google dokumenata, proraunskih tablica, prezentacija i formi

Na iti nain kako smo unijeli kalendar u stranic moemo unijeti i Google dokumente,
proraunske tablice, prezentacije i forme. Svaki od navedenih objekata nalazi se u izborniku
Insert u alatnoj traci moda za editiranje stranice. Prednost ovoh mogunosti je da se svaka
promjena na objavljenim dokumentima, tablicama, formama i prezentacijama odmah aurira
na stranici. Takoer, mogue je navedene objekte podijeliti s drugim korisnicima koji bi
pritom mogli aurirati sadraje na web stranicama bez potrebe za intervencijama u samu
strukturu stranica.

Umetanje Google mapa

Google mapa umee se u web stranicu preko opcije Map u izborniku Insert u alatnoj
traci moda za editiranje stranice. Otvorit e se dijaloki okvir s prikazom karte svijeta gdje se
moete pomicati po elji povlaei kartu miom te se koristiti pribliavanjem pomou
simbola + i smjetenih u gornjem lijevom kutu karte. Osim toga, mogue je izravno
pretraivanje lokacije unosom adrese u trailicu koja se nalazi na vrhu dijalokog okvira.
Nakon odabira eljene lokacije potrebno je spremiti promjene pritiskom na Select nakon
ega se otvara novi dijaloki okvir za konfiguriranje mape. Kroz dijaloki okvir prikazan slikom
27 mogue je definirati veliinu karte (Height - visina, Width irina), promijeniti mapu
(Change) i td. Nakon zavrenog konfiguriranja potrebno je potvrditi promjene te umetnuti
mapu u stranicu pritiskom na Save.

Slika 27. Insert Google Map dijaloki okvir

19

Sve dok se nalazite u modu editiranja stranice mapa e biti prikazana kao bjekt Google map
te ete klikom na taj objekt moi dobiti dodatne alate za naknadno konfiguriranje. Mogue je
promijeniti poravnanje mape u stranici (L lijevo, C sredina, R desno), ukljuiti/iskljuiti
omatanje tekstom (Wrap on/Wrap off), ukloniti mapu te otvoriti postavke (Properties). Za
izlazak iz moda editiranja te konano spremanje promjena potrebno je pritisnuti dugme
Save.

Slika 28. Konaan prikaz karte na stranici

U prikazu karte na stranici mogue je navigirati u svim smjerovima jednostavnim
povlaenjem karte miom ili pomou navigacijskih tipki u gornjem lijevom kutu karte. Na
raspolaganju je i alat za zumiranje. Nakon ponovnog uitavanja stranice karta se vraa u svoj
prvobitni poloaj.

Editiranje i pregled stranice u HTML modu

Pritiskom na ikonu <HTML> u alatnoj traci moda za editiranje stranice otvara se HTML kod
trenutno otvorene stranice gdje se mogu, uz poznavanje HTML-a, izvriti fine korekcije
izgleda stranice koje inae nisu dostupne u automatiziranim funkcijama grafikih izbornika
moda za editiranje stranica.

Editiranje lijevog izbornika stranice

U sluaju potrebe za promjenom strukture poveznica popisanih u lijevom izborniku stranica
to se najee javlja pri dodavanju novih ili brisanju starih stranica, te pri promjeni naziva
postojeih stranica, koristi se alat za editiranje lijevog izbornika. Editiranju se moe pristupiti
kroz mod za editiranje stranica ili kroz mod pregleda stranice. U modu pregleda stranice
20

postoji poveznica Edit sidebar smjetena na dnu popisa poveznica lijevog izbornika. Klikom
na poveznicu Edit sidebar pojavit e se stranica pod nazivom Manage site u kojoj se
otvara struktura izgleda stranice.

Slika 29. Manage site stranica s prikazom strukture izgleda stranica

Unutar podruja Sidebar nalazi se podruje nazvano Navigation kraj kojega se nalaze dvije
poveznice: Edit i Delete.Klikom na poveznicu Edit otvorit e se mogunost editiranja
poveznica u lijevom izborniku stranica. Prikazat e se dijaloki okvir u kojem e se moi
definirati naslov lijevog izbornika, dodati nova stranica u popisu poveznica te odabrati
poveznicu za prikaz mape stranica. Osim toga pomou opcije Add a sidebar item moete u
lijevi izbornik dodati neke od sljedeih elemenata: AdSense, gumb +1 za preporuku
stranice, brzu navigaciju Navigation kroz postojee stranice (ve postoji), obian tekst
Text, popis posljednjih aktivnosti na stranici Recent site activity, odbrojavanje do
odreenog dogaaja Countdown i td.

21

Slika 30. Configure Navigation dijaloki okvir

Mogue je izmijniti poredak i hijerarhiju poveznica kroz dijaloki okvir za podeavanje
poveznica lijevog izbornika pomou strelica gore-dolje te lijevo-desno smjetenih na desnom
rubu dijalokog okvira. Poveznica se moe izbrisati pomou znaka X takoer smjetenog na
desnom rubu dijalokog okvira. Ukoliko oznaite Automatically organize my navigation
GoogleSites e se umjesto vas pobrinuti za organizaciju i prikaz poveznica u lijevom
izborniku. Da biste dodali novu poveznicu prema vanjskoj web stranici potrebno je kliknuti
na Add URL u Configure Navigation dijalokom okviru nakon ega e se otvoriti novi
dijaloki okvir Add a URL or email address unutar kojega ete moi upisati URL poveznice ili
email adresu te pratei naziv poveznice. Nakon toga potrebno je potvrditi unose s OK. Da
biste dodali poveznicu na neku od svojih stranica potrebno je pritisnuti Add page u
Configure Navigation dijalokom okviru. Tada je potrebno odabrati jednu od postojeih
stranica te potvrditi izbor pritiskom na OK.

22

Slika 31. Dijaloki okvir za dodavanje URL-a u lijevi izbornik

Za promijenu naziva postojeih poveznica u lijevom izborniku potrebno je ui u mod za
editiranje stranice kojoj se mijenja naziv poveznice te se novi naziv unosi u Page Title
tekstni okvir. Nakon promjene naziva potrebno je spremiti promjene pritiskom na dugme
Save.

Stvaranje novih stranica

Novu stranicu moete stvoriti u modu pogleda stranice pritiskom na dugme New Page koje
se nalazi u gornjem desnom dijelu ekrana. Nakon toga otvara se stranica Create Page in
Site: naziv_Vae_web_lokacije.

Slika 32. Stranica za kreiranje nove stranice na postojeoj web lokaciji

23

Na stranici sa slike 32 mogue je odabrati jednu od pet mogueg tipa stranice: Web Page,
Announcements, File Cabinet, List i COURSES. Predloak Announcements postavit
e stranicu za jednostavno dodavanje raznih objava (neto poput obavijesti na vsmti.hr).
File Cabinet predloak postavit e stranicu s kojom e se moi stavljati i skidati datoteke.
Predloak List omoguuje izradu stranice s popisom odreenih stavki, a predloak
COURSES omoguuje izradu stranice s popisom kolegija, smjerova, i sl. podkategorija.

Stvaranje standardne web stranice

Da biste stvorili standardnu web stranicu potrebno je odabrati predloak Web Page s liste
predloaka u padajuem izborniku Select a template to use sa slike 32. Osim toga
potrebno je upisati naziv stranice koji e se ko takav prikazati i u lijevom izborniku stranica.
Takoer moete odabrati mjesto nove stranice unutar postojee hijerarhije stranica:
Stranicu moete postaviti u korijen izbornika kao roditeljsku stavku tako da oznaite
opciju Put page at the top level
Kao podstranicu ili dijete postojee stranice navigacijom kroz strukturu stranica
koja se izlistava nakon to odaberete opciju Put page under ...
Pritiskom na dugme Create stvara se web stranica koja se otvara u editoru za ureivanje
gdje moete dodavati tekst, slike i sl. Nakon zavrenog ureivanja potrebno je spremiti
promjene klikom na dugme Save.

Stvaranje File Cabinet stranica

File Cabinet stranice koriste se kao spremini prostor za datoteke koje se mogu preuzimati.
Ista funkcija moe se dodati i obinim web stranicama ali uz intervenciju u HTML kod to je
znatno sloenije od jednostavnog kreiranja File Cabinet stranice. Da biste kreirali File
Cabinet stranicu potrebno je na stranici sa slike 32 odabrati File Cabinet predloak pod
Select a template to use padajuom listom predloaka te mu pridijeliti naziv u Name your
page tekstnom okviru. Na isti nain kao i kod kreiranja standardne web stranice i File
Cabinet stranici moete definirati poloaj u hijerarhiji stranica. Da biste potvrdili postavke i
stvorili stranicu potrebno je kliknuti na dugme Create. Nakon ovog koraka pojavit e se
File Cabinet stranica u modu za editiranje s nazivom kojeg smo joj prethodno dodijelili. Da
biste spremili promjene koje ste nainili u modu za editiranje te potrebno je pritisnuti dugme
Save nakon ega ete se nai u modu pregleda stranice.

24

Slika 33. Izgled novo-stvorene File Cabinet stranice

Novonastala stranica ima ugraene funkcije za dodavanje datoteka (upload) i stvaranje
poveznica. Opcije ponuene unutar File Cabinet stranice obuhvaene su funkcijama Add
file, Add link, Move to, Delete i Subscribe to page changes. Da biste dodali datoteku
na svoju stranicu koristite se opcijom Add file nakon koje e se pojaviti struktura
direktorija vaeg raunala unutar koje je potrebno pronai eljenu datoteku te nakon
oznaavanja iste pritisnite Open. Datoteka e tada biti vidljiva u obliku ikone na popisu kao
na slici 34. Ukoliko je datoteka jedna od standardno podranih Google datoteka, poput onih
iz skupine Google Docs, pojavit e se ispod ikone datoteke i poveznica View uz uobiajeno
dostupnu poveznicu Download. Kliknete li na poveznicu View datoteka e se otvoriti u
drugom prozoru web preglednika. Pritiskom na poveznicu Download datoteka e se
spustiti na lokalno raunalo. Na File Cabinet stranicu mogue je dodavati koliko je god
potrebno datoteka (sve do limita Google Sites usluge) te se iste mogu organizirati u
direktorije. Na taj nain File Cabinet stanica postaje skladini prostor vaeg web-a. Da biste
dodali novu mapu potrebno je u izborniku Move to alatnoj traci File Cabinet stranice
odabrati opciju New folder nakon ega se pojavljuje dijaloki okvir u kojem je potrebno
definirati naziv mape te na kraju pritisnuti dugme Save. Nakon to ste kreirali mapu
moete u nju dodavati prethodno dodane datoteke sa stranice. Da biste dodali datoteku u
mapu potrebno je oznaiti eljene datoteke s popisa te odabrati iz izbornika Move to mapu
u koju elite dodati oznaene datoteke.

25

Slika 34. Opcije izbornika Move to

Uoite da se umetanje datoteka u File Cabinet stranicu razlikuje od umetanja Google
objekata u samu web stranicu. Na primjer umetnete li u strnicu prezentaciju, ona e
korisniku biti vidljiva odmah po otvaranju web stranice, dok biste ju s File Cabinet stranice
morali prvo preuzeti lolano na raunalo pa onda pregledati ili biste joj morali pristupiti preko
linka View ukoliko prezentacija pripada nekoj od Google aplikacija.

Stvaranje List stranica

U sluaju potrebe za voenjem organizirane liste sastavljena od razliitih tipova podataka i
formata ponuenih na List stranici. Da biste kreirali List stranicu potrebno je na stranici
sa slike 32 odabrati List predloak pod Select a template to use padajuom listom
predloaka te mu pridijeliti naziv i lokaciju unutar hijerarhije stranica, nakon ega e se
pritiskom na dugme Create stvoriti odabrani tip stranice u modu za editiranje.

Slika 35. Novostvorena List stranica

26

Brisanje stranica
Postojeu stranicu moete obrisati koritenjem Delete page opcije u More izborniku
smjetenom u gornjem desnom dijelu zaslona. Da biste obrisali eljenu stranicu morate biti
pozicionirani u njoj prije brisanja. Prije brisanja stranice potrebno je izbrisati sve linkove s
drugih stranica koji bi mogli dovesti do stranice koju emo izbrisati. Na taj se nain podie
funkcionalnost cijele web lokacije.

27

Upravljanje web lokacijom

Google Sites prua velik broj mogunosti u upravljanju i editiranju stranica, ali jedno od
osnovnih ogranienja odnosi se na promjenu predloka kojega ste odabrali na poetku izrade
web stranice. Upravljanju i promjeni parametara web lokacije moete pristupiti iz moda
pregleda odabirom opcije Manage Site iz izbornika More koji se nalazi u gornjem
desnom dijelu zalona.

Slika 36. Upavitelj web lokacijom

Promjena tematske pozadine web lokacije

Tematsku pozadinu moete promijeniti preko suelja uprvitelja web lokacijom sa slike 36,
tako da kliknete na opciju Theme smjetenu na dnu prozora s lijeve strane zaslona. Tada e
se otvoriti stranica s ponuenim temama. Prije spremanja promjena mogue je i pregledati
izgled stranica s primjenjenom izabranom temom pritiskom na dugme Preview nakon ega
se vaa poetna web stranica otvara u novom prozoru web preglednika. Ukoliko ste
zadovoljni vienim izabranu temu moete spremiti klikom na dugme Save.

Ureivanje strukture web stranice

Ureivanju strukture web stranice pristupa se klikom na dugme Site layout smjeteno pri
dnu prozora s lijeve strane zaslona. Pritiskom na dugme Change site layout otvara se
dijaloki okvir za ureivanje strukture web stranice.
28

Slika 37. Dijaloki okvir za ureivanje strukture stranica web lokacije

Kroz opcije sadrane u dijalokom okviru sa slike 37 mogue je definirati dimenzije pojedinih
polja unutar strukture web stranice kao i dodavanje trake horizontalnog izbornika
(Horizontal navigation bar potvrdna kuica) te podnoja stranice (Footer). Osim toga mogue
je promijeniti irinu prikaza stranica web lokacije (Site width) unosom postotnih vrijednosti ili
vrijednosti u tokicama zaslona (pixlelima). Promijeniti moete i veliinu zaglavlja ili ga
moete potpuno ukloniti odabirom opcije No header. Nakon uinjenih promjena potrebno
ih je potvrditi pritiskom dugmeta OK te spremiti pritiskom na Save.

Dijeljene
Vae web stranice moete odluiti dijeliti samo s odreenom grupom korisnika te ih tako
uinti privatnim mjestom. Mogue je pojedinim korisnicima dodjeliti odreena prava nad
upravljanjem stranicama. Sve to mogue je konfigurirati preko dijalokog okvira do kojega se
dolazi klikom na opciju Sharing smjetenu u lijevom izborniku stranice upravitelja web
29

lokacijom sa slike 36. Da biste definirali tko e sve imati pristup vaoj web lokaciji potrebno
je kliknuti na dugme Change.. oznaeno na slici 38 te odabrati jedan od tri ponuena
izbora:
Public on the web javno dostupna web lokacija
Anyone with the link web lokacija dostupna samo onima koji posjeduju poveznicu
na web lokaciju bez potrebe za autorizacijom pristupa
Private pristup web lokaciji dozvoljen samo onima s eksplicitnom dozvolom

Slika 38. Upravljanje dozvolama pristupa web lokaciji

Definiranje osoba koje mogu pristupiti vaoj web lokaciji provodi se preko tekstnog okvira na
dnu zaslona sa slike 38 (Add people).

30

Slika 39. Okvir za dodavanje korisnika i definiranje razine prava pristupa web lokaciji

Osoba kojoj odreujete dozvolu za pristup web lokaciji mora imati otvoren google raun.
Mogue se tri vrste pristupa odnosa prema web lokaciji:
1. Imenovanu osobu moete promovirati u vlasnika web lokacije (Is owner) mogue je
mijenjati privilegije pristupa web lokaciji, strukturu stranica, tematsku pozadinu,
brisati i dodavati nove stranice, ...
2. Imenovana osoba moe postati administrator web lokacije (Can edit) i
3. Imenovana osoba moe samo pregledavati stranice web lokacije (Can view).
Da biste definirali prava pristupa pojedinim stranicama web lokacije morat ete ukljuiti
Enable page-level permissions opciju smjetenu u gornjem desnom kutu zaslona
upravitelja web lokacije. Klikom na Turn-on page-level permissions otvara se nova stranica
u kojoj mogu definirati navedene akcije.

Slika 40. Dijaloki okvir za dodjelu prava pristupa stranicama web lokacije
Klikom na naziv web lokacije (u primjeru sa slike 40 Site- EbizLV) moete definirati opa
prava pristupa na razini cijele web lokacije kao to je prethodno objanjeno. Klikom na
pojedinu stranicu kojoj se ele definirati prava pristupa te klikom na dugme Change otvara
se dijaloki ovir Permissions za oznaenu stranicu prikazan na slici 41.

31

Slika 41. Dijaloki okvir za definiranje prava pristupa web stranici Datoteke
Mogue je izabrati razinu pristupa koja je definirana na opoj razini web lokacije EbizLV (Use
the same permissions as EbizLV) ili prilagoenu razinu pristupa (Use custom permissions)
ijim ukljuenjem dozvoljavate dodavanje prava osobama samo pod kategorijom oznaene
web stranice Datoteke. Klikom na dugme Save vraate se u prethodni dijaloki okvir unutar
kojega pokraj osoba s popisa Who has site access moete definirati razine pristupa
oznaenoj web stranici:
Can view mogue je pregledavati oznaenu web stranicu
Can edit mogue je mijenjati sadraj oznaene web stranice.

Povijest izmjena stranica

Pomou povijesti izmjena stranica (Revision History) mogue je pregledati povijest izmjena
na stranicama te se mogue vratiti na neko od prijanjih stanja ukoliko za to postoji potreba.
Do dijalokog okvira povijesti izmjene stranice dolazi se iz moda pregleda eljene stranice
klikom na izbornik More u gornjem desnom dijelu zaslona te odabirom opcije Revision
History.

32

Slika 42. Povijest izmjene stranice Kolegiji

Sa slike 42 moe se vidjeti koji je korisnik ureivao koji verziju stranice te u koje vrijeme su se
promjene odvijale. Verziju stranice moete pregledati klikom na poveznicu broja verzije
smjetenu na lijevoj strani stranice. Nakon toga e se pojaviti stranica u kojoj moemo s
padajueg izbornika odabrati neku drugu verziju stranice (Version: ...) ili moemo potvrditi
ve odabranu verziju klikom na poveznicu Revert to this version te e se stranica vratiti u
mod pregleda s postavkama i prikazom iz neke od prethodno odabranih verzija ureivanja.

Sigurnosno spremanje web lokacije

Web lokacija sprema se automatski u Google oblak, ali takoer se moe spremiti i lokalno
na vae raunalo za to je potreban software specifine namjene poput google-sitesliberation alata kojega moete preuzeti s lokacije http://code.google.com/p/google-sitesliberation/

Slika 42. Google-sites-liberation aplikacija za lokalni backup Google web lokacija

33

Google sites ogranienja

1.
2.
3.
4.

100MB prostora za datoteke i stranice s maksimalno 500 datoteka po stranici.

Maksimalni pojedinani upload ogranien je na 10MB.
Posjeenost stranice do 1,5 milijuna pogleda mjeseno.
Ostala ogranienja vezana uz mogunosti dizajna web stranica i dodatnih funkcija.

34