GLOBALADMIN CMS (Globaladmin Content Management System) KRATKE UPUTE ZA RAD www.globaldizajn.hr/v4 Podaci navedeni u ovom dokumentu predstavljaju poslovnu tajnu tvrtke Globaldizajn d.o.o. SADRŽAJ 1 PROVJERA I POSTAVLJANJE INTERNET EXPLORERA ......................................................................................... 3 2 PRIJAVA U SUSTAV .......................................................................................................................................... 4 3 OSNOVE RADA ................................................................................................................................................ 7 4 3.1 DODAVANJE KATEGORIJA .......................................................................................................................................... 7 3.2 PISANJE TEKSTOVA .................................................................................................................................................. 8 3.3 KOPIRANJE (PASTE) IZ WORDA .................................................................................................................................. 8 3.4 KOPIRANJE (PASTE) IZ EXCELA ................................................................................................................................... 9 3.5 DODATNE FUNKCIJE ................................................................................................................................................. 9 UREĐIVANJE I PISANJE TEKSTOVA NA WEB STRANICI ................................................................................... 10 4.1 UMETANJE LINKOVA .............................................................................................................................................. 10 4.2 DODAVANJE DATOTEKE .......................................................................................................................................... 11 4.3 UMETANJE SLIKA................................................................................................................................................... 12 4.3.1 5 Rad sa slikama - velikim dokumentima / Važno .................................................................................... 14 OSTALE MOGUĆNOSTI GLOBALADMIN CMS SUSTAVA .................................................................................. 15 5.1 KRATKI OPIS ......................................................................................................................................................... 15 5.2 PODKATEGORIJE ................................................................................................................................................... 15 5.3 POVIJEST PROMJENA ............................................................................................................................................. 15 5.4 ADMINISTRACIJA KORISNIKA (SAMO ZA UREDNIKA) ...................................................................................................... 15 5.5 PORAVNANJE SLIKE DESNO ILI LIJEVO OD TEKSTA KORISTEĆI OKVIR 5.6 UREĐIVANJE TEKSTA POMOĆU TABLICA 6 NAJČEŠĆA PITANJA 2 1 Provjera i postavljanje Internet Explorera (ukoliko koristite preporučeni browser Mozilla Firefox podešavanje nije potrebno) • Za ispravan rad Globaladmina potrebno je imati pravilno instalirano računalo s Internet Explorerom ili Mozilla Firefoxom Download Internet Explorera: http://www.microsoft.com/windows/downloads/ie/getitnow.mspx Download Mozilla Firefoxa: http://www.mozilla.com/en-US/firefox/ • Za rad s datotekama potrebno je imati instalirani flash player. Je li flash player instaliran može se provjeriti na listi “Control panel” - “Add remove programs”. Ukoliko nije, besplatna aplikacija Flash player može se preuzeti s adrese: http://www.adobe.com/shockwave/download/index.cg i?P1_Prod_Version=ShockwaveFlash • U nekim Internet explorerima potrebno je postaviti i “Display mixed content” “ENABLE”: Ukoliko se računalo / internet browser ponekad „zamrzne“, „ruši“ ili ima slične neprimjerene aktivnosti - sustav Globaladmin najvjerojatnije neće raditi kako treba. 3 2 Prijava u sustav Utipkajte web adresu Globaladmina: https://www.globaladmin.hr/v4/login.aspx (moguća je promjena adrese) nakon čega će se pojaviti sljedeći ekran: Utipkajte u polja dodijeljeno korisničko ime i šifru. Ukoliko je sustav prepoznao Vaše podatke, započet će s učitavanjem Globaladmina. Ukoliko sustav ne prepoznaje Vašu kombinaciju, provjerite je li Vam uključen 'CAPS LOCK' te jeste li pravilno unijeli sve znakove u šifri. U slučaju daljnjih problema, kontaktirajte odgovornu osobu kako bi se provjerila ispravnost dodijeljenih podataka. Predlažemo da u jednom Prozoru (ili bolje TABu) otvorite pogled na web: http://TESTADRESAWEBSTRANICA/, a u drugom Globladmin: https://www.globaladmin.hr/v4/login.aspx 4 Nakon što se završi učitavanje, ekran će izgledati poput ovoga: Globaladmin sučelje podjeljeno je na dva osnovna dijela. Pritiskom na „Stranice“ u lijevom menu, otvara se jos jedan menu. U desnom dijelu lijevog menu-a se prikazuje hijerarhijska struktura kategorija (tzv. stablo ili root) napravljenih u Globaladminu - ovisno o korisniku koji se prijavio na sustav, dok je desna strana rezervirana za dodavanje i promjenu sadržaja. 5 Klikom na jednu od glavnih kategorija u lijevom dijelu ekrana, otvara se struktura koja omogućava daljnji rad u Globaladminu. 6 3 Osnove rada Sam način rada u Globaladminu bit će poznat svim korisnicima koji su barem jednom radili u uređivačima teksta poput Microsoft Worda ili OpenOfficea. S lijeve strane ekrana nalazi se hijerarhijski organizirana struktura web stranica: Pritiskom na bilo koji dio sadržaja u lijevoj strani ekrana, pokrenut će učitavanje detalja u desnoj strani. Osim naslova kategorije, prikazan je također i jedinstveni broj kategorije (ID) u zagradama. Taj ID broj važan je ukoliko želite povezati linkovima stranice unutar web stranica. U slučaju da imate bilo kakvih problema s nekom kategorijom ID broja, nazovite naš kontakt broj. 3.1 Dodavanje kategorija Ukoliko želite dodati nove stranice (kategorije) na web stranicama, to činite dodavanjem kategorija. Prilikom dodavanja kategorija, služeći se lijevim navigacijskim dijelom, odaberite gdje u sadržaju želite dodati novu kategoriju. Nakon što ste odabrali odgovarajuće mjesto, pritisnite “Dodaj kategoriju”, unesite naziv nove kategorije u novom pop-up prozoru i pritisnite ‘Dodaj kategoriju’. Nova kategorija će se kreirati pod zadanim imenom. Stranica će se osvježiti i prikazati detalje novo otvorene kategorije spremne za uređivanje unutar radnog prozora. Nakon završetka rada i provjere teksta, odaberite opciju “aktivna” kako bi se stranica prikazala na webu. Napomena 7 Nakon svake promjene potrebno je spremiti napravljene promjene klikom na gumb u donjem središnjem dijelu ekrana „Spremi promjene". Ukoliko ne kliknete na taj gumb, promjene neće biti snimljene i uneseni podaci će biti izgubljeni. Spremite promjene prilikom svakog novog unosa! 3.2 Pisanje tekstova Nakon što ste uspješno dodali novu kategoriju ili ste odabrali postojeću kategoriju koju želite mjenjati koristit ćete glavnu komponentu Globaladmina za promjenu sadržaja. Komponenta nalikuje već viđenom Microsoft Wordu ili OpenOfficeu. Komponenta Vam omogućava promjenu vrste slova, stil, promjenu boje samih slova i pozadine, umetanje slika, linkova i još mnoge druge. Ikone za uređivanje teksta su vam već poznate iz Worda. Ako želite podebljati dio teksta selektirajte ' ga i kliknite na 'B , za kosa slova kliknite na 'I', za podcrtavanje slova kliknite na 'U'. Zatim slijede ikone za poravnavanje teksta (lijevo, sredina i desno). 3.3 Kopiranje (Paste) iz Worda Globaladmin je kompatibilan Wordu tako da možete tekst iz Worda kopirati u Globaladmin, ali na način da u izborniku odaberete „Zalijepi iz Worda“ 8 Globaladmin omogućava automatsko čišćenje WORD HTML tagova prilikom kopiranja u Globaladmin (koristi se posebna ikona „Zalijepi iz Worda“) i zbog toga nije potrebno napraviti međukorak i koristit Notepad za čišćenje stilova. Nikada nemojte kopirati „paste" teksta direktno u Globaladmin glavni prozor iz Word~a. Ako želite iznova definirati izgled teksta, kliknite na „Odaberi sve" - pretposljednja ikonica u prvom redu, te nakon nje ikonicu desno - „Ukloni formatiranje". Time ćete u cjelokupnom tekstu ukloniti nepotrebno formatiranje. Drugi način za tu akciju jest „Zalijepi kao čisti tekst" (jedna ikonica lijevo od „Zalijepi iz Worda") - ta će funkcija napraviti najbolji „paste" - očistit će kompletno formatiranje. 3.4 Kopiranje (Paste) iz Excela Ukoliko imate standardnu tablicu koja nije prevelika (zauzima vidljivi prostor kao što je i prostor na web stranici) možete ju postaviti funkcijom „Zalijepi iz Worda". Ukoliko je tablica velika pogledajte uputu Rad sa slikama - velikim dokumentima (Str. br. 00). Napomena Nakon svake promjene potrebno je spremiti napravljene promjene klikom na gumb u gornjem desnom dijelu ekrana 'Spremi promjene'. Ukoliko ne kliknete na taj gumb, promjene neće biti snimljene i najčešće ćete morati ponovno unositi sadržaje. Spremite promjene prilikom svakog novog unosa! 3.5 Dodatne funkcije Kod Za naprednije korisnike sa znanjem HTML koda ubacili smo i opciju HTML koja omogućava direktnu promjenu u HTML-u. ID ili naziv stranice Ova opcija služi za brzo pronalaženje kategorije koju želite izmijeniti, samo upišite ID kategorije (broj koji se nalazi na lijevoj strani Globaladmina pored svake kategorije), kliknite na 'povećalo' i otvorit će se tražena kategorija. 9 Sort nivo Ova opcija služi da se odredi redoslijed prikazivanja kategorija na Vašoj web stranici, kategorija u koju je upisan najmanji broj u sort nivou će se prva pokazati na stranici, a ispod nje sljedeća kategorija koja ima veći broj upisan u sort nivo. To je korisno ako imate neku važnu vijest, upišite joj sort nivo najmanji od ostalih kategorija i ona će uvijek biti na vrhu stranice. Aktivna Dok netko ne aktivira stranicu, ona neće biti vidljiva na stranicama. 4 Uređivanje i pisanje tekstova na web stranici 4.1 Umetanje linkova Ukoliko želite povezati neku riječ ili sliku s nekom drugom web stranicom, slikom ili dokumentom, potrebno je napraviti sljedeće korake: Odaberite riječ ili sliku i pritisnite na nakon čega će se pojaviti prozor kao na slici. U polje URL upisujete adresu dokumenta ili web stranice na koju želite upućivati linkom. Ukoliko želite da se linkom učita neki dokument iz foldera na web serveru, datoteku je potrebno dodati akcijom „Dodavanje datoteke" (vidi stavku 4.2 ovog dokumenta). Ukoliko Vaš link želite da vodi na neku web stranicu onda za protokol odaberite http:// ili https://, a u prostor URL upištite npr. www.vecernji.hr 10 Ukoliko Vaš link želite da vodi na neki dokument (sliku, word, pdf ili excel file) onda odaberite tipku “Pretraži server” i pronađite svoj dokument na serveru, ili ga tamo uploadajte. Meta: određuje lokaciju u kojoj će se link otvoriti. Ukoliko je polje netaknuto (<nije postavljeno>), link će se otvarati u istome prozoru. Moguće postavke polja Meta: • Novi prozor (_blank) - Otvara link u novom prozoru - opcija koja se najčešće koristi. • Roditeljski prozor (_parent) Otvara link u tzv. roditeljskom prozoru, tj. prozoru u koji je u hijerarhiji html stranica nadređen prozoru u kojem se nalazi link koji postavljamo. Primjer: imamo html stranicu s dva framea, lijevim i desnim. U lijevom frameu se nalazi link čija Meta postavka nije podešena (Not set). Klikom na takav link, nova se stranica otvara u istom tom lijevom frameu, što obično ne želimo. Ako Meta postavku postavimo na _parent, link ce biti otvoren u istom browser dokumentu. • Isti prozor (_self) - Otvara link u istom prozoru • Najgornji prozor (_top) - Otvara link u najgornjem prozoru. Polje Ime ciljnog okvira: dodjeljuje naziv dokumentu (HTML stranici) Preporuka: Ukoliko u linku želite da se npr. otvori neki novi web onda napravite sljedeće: - za protokol odaberite http:// - u prostor URL upištite http://www.nekilink.com - za meta postavke odaberite samo Novi prozor (_blank) - time ćete omogućiti korisniku da klikom na Vaš link web stranicu dobije u novom prozoru, a da se istovremeno ne ugasi osnovni prozor 4.2 Dodavanje datoteke Dodavanje datoteke koristimo ukoliko predmetnu datoteku kasnije želimo učitati s web servera kao sliku, dokument ili bilo kakav drugi file (zvuk, video ili si.). Ime datoteke pokušajte smanjiti na razumnu dužinu, a poželjno bi bilo iz imena datoteke izbaciti “naše znakove”: cccšžcCŠŽCCCŽ. Datoteku dodajemo klikom na “Dodaj datoteku” 11 ili odabirom “Datoteke” ako je želimo postaviti u određenu mapu (folder) na serveru. Klikom na “Dodaj datoteku” otvorit će se prozor u kojem kliknemo na “Odaberi datoteke” i pronađemo datoteke na svom računalu. Nakon izbora datoteke, ukoliko se radi o fotografiji (slici) možete promijeniti veličinu slike, te datoteku poslati na server. Za fotografije osoba koristite širinu od npr. 120 px (120 pixela - točkica) Za fotografije na stranicama koje opisuju sadržaj koristite širinu od npr. 300px ili kontaktirajte tehničke osobe u Globaldizajnu kako bi vam rekli točnu veličinu. Pozor! Najveća moguća širina koju podržava sustav je do oko 800px! Ukoliko želite napraviti obradu slike prije postavljanja možete koristiti sve raspoložive alate, a sliku snimite kao *.jpg. Slike neka imaju što manje KB kako bi se korisnicima koji imaju sporije internet veze stranica i dalje korektno brzo učitavala. 4.3 Umetanje slika Kako biste ubacili sliku unutar teksta na svojoj stranici, ona se ne mora prethodno nalaziti na serveru. 12 Pritisnite na nakon čega će se pojaviti prozor kao na slici: Kliknite na tipku “Pretraži server” i odaberite svoju sliku ako se ona već nalazi na serveru, ili je možete uploadati prema uputama za Dodavanje datoteke ovog dokumenta (4.2). Prije umetanja slike (pritiskom na Ok) možete dodatno podesiti postavke slike (nisu obvezne):  Alternativni tekst - Ukoliko vaša slika iz nekog razloga neće biti dostupna browseru, ovaj tekst će se pojaviti na njenom mjestu. Ukoliko postavljate ovaj tekst, neka bude što deskriptivniji, npr. 'Sting na pozornici'. Alternativni tekst koji dodajete slikama pomaže boljoj poziciji vaše web stranice na internet tražilicama, npr. Googleu  Širina, visina - veličina slike  Okvir - debljina okvira oko slike  HSpace, VSpace - poželjno postaviti kako bi se slika odvojila od teksta (npr 5) HSpace je slobodni prostor oko slike po horizontalnoj osi VSpace je slobodni prostor oko slike po vertikalnoj osi Nakon pritiska na OK slika je umetnuta u stranicu. Da bi promjene bile vidljive potrebno je pritisnuti Spremi promjene. Napomena: Ukoliko slika nije vidljiva na 'živim' stranicama svakako provjerite jeste li sliku postavili na server. 13 4.3.1 Rad sa slikama - velikim dokumentima / Važno Ukoliko je slika (grafikon) prevelika, tj. širine preko širine sadržajnog dijela vaše web stranice, npr. 530px, a zbog detalja slike ju nije prikladno smanjiti tada predlažemo: 1. predmetnu sliku ili dokument pretvoriti u PDF format - najbolji način! 2. ako se radi o dobro snimljenoj *.jpg slici (grafikonu, fotografiji) (s kompresijom) možete na web server postaviti fotografiju velike veličine, ali link prema toj fotografiji definirati kao običan link a ne kao sliku. U tom slučaju: a. napišite na webu npr. Pogledajte fotografiju / shemu / grafikon b. selektirajte mišem gornji tekst c. definirajte ga kao link d. izaberite “Pretraži server” ” i odaberite svoju sliku ako se ona već nalazi na serveru, ili je možete uploadati prema uputama za “Dodavanje datoteke” ovog dokumenta (4.2). Time ćete imati fotografiju koja se učitava u novom prozoru. Važno: fotografije veće od 900px nemojte tako postavljati jer korisnik internet stranica možda ima manji monitor s manjom rezolucijom. - Za takve slučajeve predmetnu grafiku postavite u PDF format. Kada možete, za velike dokumente koristite PDF format koji je standard prikazivanja velikih dokumenata na Internetu. 14 5 Ostale mogućnosti Globaladmin CMS sustava 5.1 Kratki opis Koristi se samo u radu s novostima i kategorijama koje imaju opis. 5.2 Podkategorije Ukoliko neka kategorija ima veliki broj kategorija koje nije komforno pregledati u lijevom prozoru, te podkategorije se mogu pregledati u ovom prozoru. 5.3 Povijest promjena Povijest promjena je korisna mogućnost pregleda svih promjena napravljenih na pojedinoj kategoriji. Prilikom svake nadopune sadržaja, Globaladmin sustav pohranjuje i sve podatke o kategoriji, prije napravljenih promjena. Pomoću toga, na jednostavan način je moguće pratiti kako se kategorija mijenjala tokom vremena, te tko je radio promjene. Ukoliko je to potrebno, moguće je napraviti povrat kategorije iz povijesti i na taj način vratiti sadržaj koji je greškom promijenjen. 5.4 Administracija korisnika (samo za urednika) Ukoliko korisnik ima dovoljne ovlasti, imati će mogućnost administracije korisnika Globaladmin sustava. Svakom korisniku sustava moguće je promijeniti šifru, pojedine ovlasti (administracija drugih korisnika, postavljanje novog sadržaja, mijenjanje sadržaja, brisanje sadržaja i postavljanje sadržaja na javni dio web stranica). Moguće je i podesiti početnu kategoriju za svakog korisnika posebno kako bi se dala mogućnost pristupa korisnicima samo određenim dijelovima stabla kategorija. 15 5.5 Poravnanje slike desno ili lijevo od teksta koristeći okvir Pritiskom na gumb za dodavanje slike u Globaladminu otvara nam se prozor Ukoliko nemamo uploadanu sliku na serveru, odradimo postupak za dodavanje slike koji je objašnjen u prethodnom dijelu ovih uputa. Dakle odaberemo sliku koju želimo dvostrukim lijevim klikom miša. Ukoliko želimo crni okvir oko slike, 16 u polje „Okvir“ upišemo u pikselima (px) koliko veliki okvir želimo i bit će vidljiv kao i na slici. Ukoliko, želite da slika bude na stranici poravnata desno ili lijevo od teksta, pa da sami tekst „ide“ oko slike sa određenim razmakom, to napravite na slijedeći način. U padajućem izborniku na dnu prozora odaberete „Poravnaj“ : “desno“ ili „lijevo“. U polja „HSpace“ ( razmak vodoravno) ili „VSpace“ (razmak okomito) upišete ponovno u pikselima koliko želite razmak od teksta. Na slici se vidi na na mjestu gdje prikazuje donja strelica razmak „bijeli“ razmak između slike i teksta. Ukoliko želite dodati još i link na sliku, to učinite na tabu „Link“ 17 Opcija „Novi prozor (_blank) preporučavamo ako se radi o linku van vašeg weba, tako da posjetitelji koji pregledavaju vaš web prilikom klika na link ne „odu“ s vašeg weba. Pod napredno postoje još dodatne opcije koje su vidljive na slijedećoj slici, a jedna od njih je i popularni „tooltip“. 5.6 Uređivanje teksta pomoću tablica Ponekad je potrebno urediti tekst na web stranici u obliku više kolona. Bilo da se radi o samom tekstu, kombinaciji teksta i slika. U alatnoj traci u globaladminu na stranici na kojoj želimo dodati tablicu pritisnemo ikonicu kao na slici. Otvori nam se prozor za editiranje tablice 18 Iz polja „širina“ obrišite 500 i upišite 100%. U poljima „Redova“ i „Kolona“ upišite koliko želite redova i kolona da ima vaša tablica (napomena: i kasnije se može dodati red ili kolona ukoliko nam je potrebno). U polje „Veličina okvira“ upišite „0“ ili jednostavno maknite sve iz tog polja ukoliko ne želite da se vidi okvir vaše tablice. 19 Ukoliko stavimo „Prostornost ćelije“ na npr. 10 px tekst će izgledati kao na slijedećoj slici 20 Primjetite da je razmak sada znatno veći. Isto tako mozemo dodati i sliku u bilo koji stupac. 21 Po defaultu je poravnanje same ćelije tablice središnje (vidi poziciju slike u odnosu na tekst). Nadalje svaku ćeliju zasebno možemo editirati prema našim potrebama. To se radi na slijedeći način: -odabere se željena ćelija i desnim klikom miša otvori se dodatni izbornik i u njemu se odabere „Ćelija“ i na dnu „Svojstva ćelije“. Otvori se novi prozorčić ovog izgleda. 22 Pod poravnanjem se izabere vodoravno: lijevo,desno ili središnje. Te okomito poravnanje: vrh,sredina, osnovna linija i dolje. Uglavnom za neki standardni edit ćete koristiti „lijevo“ poravnanje i „vrh“ kako je prikazano na slici. Tu se još mogu dodavati boje ćelijama,rubove,određivati fiksna širina i visina ćelije…itd. Pritisite „OK“ i slika će biti poravnata kao na slijedećoj slici. 23 Primjetite da ja sada slika poravna lijevo i gore bliže tekstu. Da smo izabrali poravnanje desno vodoravno onda bi bila odmaknuta vise desno kao na slijedećoj slici. Ćelije se isto tako mogu spajati po želji desno ili dolje, zavisno da li postoji slijedeća ćelija, kao i podijeliti okomito (što vas može zbuniti jer će je podijeliti po pola vodoravno), 24 podijeliti vodoravno (podijeliti će je okomito) 25 Najčešća pitanja: 1.) Promjene koje ste napravili nisu vidljive na web stranici? Prvo refresh-ajte stranicu pritiskom na strelicu (zavisno od Internet preglednika) izgledom sličnom Zavisno od preglednika, može biti s lijeve ili desne strane URL-a. Ili pritisnite na tipkovnici zajedno tipke „Ctrl“ i „f5“ par puta. Ukoliko ni to nije pomoglo, pogledate iduća pitanja, za moguća rješenja. 2.) Novost koju ste objavili nije vidljiva na mjestu za objave novosti? Prvo pokušajte rješenje pod točkom 1. ukoliko ne pomogne, provjerite da li ste spremili stranicu? Da li ste upisali datum u polje „Datum unosa“? Da li ste stavili kvačicu na „aktivna“, i na “objavljena“? (ako je tako isprogramirano na vašoj web stranici) 3.) Promjena koju ste napravili nije vidljiva u globaladminu nakon što se vratite na tu kategoriju (ID) ? Niste spremili promjene prije nego ste promjenili stranicu. 4.) Na objavi novosti na naslovnoj stranici nema kratkog teksta? Niste upisali pod tab „Kratki opis“ željeni tekst. 5.) Tablica ili slika nakon postavljanja „izlazi van stranice“ (prostora predviđenog za tekst)! Dimenzije slike ili tablice prelaze predviđene dimenzije na stranici, prostora predviđenog za tekst. Obično je prostor u razmaku od 650-700px (piksela). Provjerite da li je dimenzija slike ili 26 tablice ispod toga (širina). Preporuka: kod tablica izbjegavajte postavljati širinu u pikselima, radije koristite postotke. 6.) Prilikom ulogiravnja, stalno vas izbacuje na početni „Login“ prozor? Pogrešno ste unijeli User ili password. Provjerite također da vam nije upaljen „Caps Lock“. 27