1 Uvod

Dobrodošli u Hoola sustav koji omogućava kreiranje i dinamičko upravljanje sadržajima (Content Management System – CMS). Hoola predstavlja jedinstven on line servis, namjenjen svima koji žele lako i za malo novaca postaviti i održavati svoje web stranice, te ih koristiti kao alat za vlastitu promidžbu i informiranje svojih korisnika. Jednostavnost je ono što odlikuje Hoola sustav. Za korištenje ovog alata nije vam potrebno nikakvo predznanje u programiranju ili korištenju web aplikacija, nije vam potreban stručnjak iz informatike i nije vam potrebna skupa infrastruktura. Aplikacija omogućava jednostavnu uporabu jer vrlo vjerno prati standarde klasičnih aplikacija koje svakodnevno koristite (npr. Microsoft Word), a za rad koristi isključivo Internet preglednik (Internet explorer 6.0 i više, Firefox / Mozilla 1.07 i više, te bilo koji Operacijski sustav). Hoola je računalni servis koji se nalazi na Internetu i putem kojega bilo tko s pristupom Internetu može izrađivati i održavati svoje stranice To znači da je cijeli sustav tehnološki smješten na strani pružatelja usluge, te da radi automatski. Sve što je potrebno je prijaviti se na sustav i tako otvoriti korisnički “račun”, a pružatelj usluge će se pobrinuti za sve ostalo.

1.1 Registracija i aktivacija web stranica

Registraciju vršite na našim stranicama www.hoola.hr. Na raspolaganju su vam tri modela odnosno paketa:

Basic Mini portal Business

Potražite i potvrdite prozorčić “Probajte odmah”. Otvoriti će vam se forma u koju je potrebno unijeti vaše korisničko ime, zaporku i email adresu, na koju će vam sustav poslati potrebne podatke za aktivaciju vaše stranice. Prethodno pročitajte i potvrdite uvjete korištenja sustava, kako bi izbjegli moguće nejasnoće i nesporazume. Na vašu email adresu ubrzo će stići daljnje upute. Kliknite na ponuđeni link, kako bi dovršili postupak aktivacije. Otvoriti će se Hoola stranica, kojom vas sustav obavještava o uspješno obavljenoj aktivaciji. Ukoliko zbog nekog razloga dođe do greške u aktivacijskom postupku, sustav će vas upozoriti i usmjeriti na ponovno ispunjavnje registacijske forme, gdje će te ponoviti postupak registracije.

1.2 Prvi ulaz u sustav

Ukoliko ste uspješno aktivirali svoje probne web stranice, nalazite se po prvi put u Hoola sustavu kao novi korisnik i sustav vam nudi kratke naputke kako odabrati prvi izgled svojih web stranica. Odabir predložka teče u tri jednostavna koraka: odabir rasporeda pojednih elemenata na stranici, odabir pozadine odnosno boja za koje želite da obilježavaju vašu stranicu i mogućnost odabira ili unosa zaglavlja.

Sustav će zatim automatski povezati odabrani predložak sa vašim web stranicama i napuniti sa nekoliko probnih stranica, na kojima se nalaze kratke upute i savjeti za rad. Kada se slijedeći put prijavite u sustav, nećete više vidjeti ovu stranicu, niti ćete prolaziti kroz opisanu proceduru. No, izgled svojih web stranica možete promjeniti kad god to zaželite, a više o tome možete pročitati u poglavlju 3.0 Dizajn web stranica.

1.3 O čemu treba voditi računa kod kreiranja stranica

Kada razmišljate o izradi svojih stranica uz pomoć Hoola sustava, trebali biste voditi računa i o sljedećem:

- tekstovi na internetu ne bi trebali biti predugi (obično se savjetuje do 600 znakova). Ukoliko objavljujete duže tekstove, radije ih razbijte na nekoliko tematskih cjelina ili objavite u obliku dokumenata koji se mogu po potrebi prenijeti na računalo.

- tekstovi koje objavljujete trebali bi biti lektorirani, bez nepotrebnih izvedenica ili stranih izraza

- slike koje objavljujete ne moraju biti visoke rezolucije jer u protivnom otvaranje te stranice teče usporeno – preporučljivo je da unosite slike širine do 700 px

- kada koristite fotografije ili tekstove koje su napravili drugi autori, navedite izvore s kojih ste ih preuzeli ukoliko niste otkupili prava na njihovo korištenje

1.4 Prijava i pristup sustavu

Hoola sustavu pristupate putem web sučelja, upisujući u Internet preglednik naziv odnosno URL naših stranica: www.hoola.hr. Na stranicama Hoola sustava, u desnom gornjem uglu nalazi se forma prijave, u koju je potrebno upisati korisničko ime i zaporku, čime će vas hoola sustav prepoznati i omogućiti vam ulazak u vaše korisničko sučelje. Druga mogućnost pristupa je da u Internet pregledniku upišete svoj korisnički račun, kojeg ste dobili prilikom aktivacije stranice: http://korisničko_ime.hoola.hr/admin Nakon upisa korisničkog imena i zaporke, odnosno prijave, sustav će otvoriti vaše korisničko sučelje i možete započeti sa radom.

1.5 Odjava i izlazak iz sustava

Kada završavate sa radom ili želite napustiti Hoola sustav, potrebno je da izvršite odajvu iz sustava. Na vašem korisničkom sučelju, u gorenjm desnom uglu nalazi se uvijek prisutan gumb “Odjava”. Potvrdom opcije “Odjava” sustav će vas, za svaki slučaj, još jednom upozoriti da završavate sa radom, te ukoliko ste obavili sve što ste htjeli, potvrdite svoj izlazak iz sustava, čime napuštate sustav i bivate usmjereni na naše stranice i početnu prijavu.

2 Korisničko sučelje sustava (User interface)

Korisničko sučelje Hoola sustava podijeljeno je na dvije osnovne funkcijske cjeline: glavni izbornik i radnu površinu. Uporaba sučelja vrlo je jednostavna jer vjerno prati standarde klasičnih aplikacija koje svakodnevno koristite, primjerice Microsoft Word ili Office.

2.1 Podjela sučelja

Glavni izbornik nalazi se pri vrhu i predstavlja izbor pojedinih modula sustava koji su vam potrebni za kreiranje odnosno izgradnju web stranica:

Sadržaj – služi za unos i uređivanje tekstova, slika i datoteka. Struktura – služi za određivanje kostura vaših stranica, organiziranih po tematskim

cjelinama koje zajedno tvore „stablo“ cjelokupne web stranice. Dizajn – služi za određivanje izgleda vaših web stranica. Napredne funkcije – služe za direktni e-mail marketing, objavu vijesti odnosno bitnih

informacija, te uvid u statistiku posjeta. Postavke – služe za administriranje sučelja, što znači da omogućava izbor jezika

sučelja, unos adresa odnosno aliasa, promjenu zaporke i unos detaljnih podataka korisnika i slično, te kreiranje email adresa (za vas i/ili vaše zaposlenike)

Radna površina zauzima praktično ostatak stranice i mjenja izgled u ovisnosti od odabrane opcije u glavnom izborniku. Primjerice, ukoliko se nalazite na Sadržaju tada radna površina predstavlja prostor za unos, uređivanje i prikaz sadržaja, a ako ste odabrali opciju Dizajn, radna površina poprima izgled kataloga u kojem odabirete izgled vaših stranica. I tako redom.

2.2 Pomoć

U svakom trenutku tijekom rada sa Hoola sustavom dostupna vam je on line Pomoć, koju pozivate klikom na gumb “Pomoć”. Time vam sustav omogućava dostup do interaktivnog Priručnika za korisnike. Otvoriti će se tematsko poglavlje povezano sa vašom trenutnom akcijom u Hoola sustavu, u kojem se nalaze kratka objašnjenja glede pojedine teme. Ukoliko želite detaljnije naputke za rad sa Hoola sustavom, savjetujemo vam da koristite Priručnik za korisnike u obliku knjige, odnosno dokumenta kojeg možete prenijeti na svoje računalo i po potrebi tiskati na papir (Priručnik kojeg upravo čitate)..

2.3 Zajedničke funkcije

Ispiši stranicu Potvrdom opcije “Ispiši stranicu”, trenutno odabranu stranicu šaljete na svoj lokalni printer (štampač), koji će vam željenu stranicu tisakti na papir.

Pošalji stranicu kao email Potvrdom ove opcije, trenutno odabranu stranicu možete poslati elektroničkom poštom, dakle na željenu email adresu.

Sitemap Odabirom opcije “Sitemap” dobivate mapu weba, odnosno kazalo web stranice po tematskim cjelinama. Traži Opcija koju još zasigurno poznajete i kao SEARCH, namjenjena je pretraživanju stranica po upisanom pojmu, riječi, izrazu. Sve što je potrebno je upisati traženu riječ i sustav automatski pretražuje cjelokupni sadržaj vaših stranica.

3 Dizajn

Kako većina nas nema potrebno grafičko predznanje, grafički su dizajneri unaprijed pripremili različite predizajnirane predložke, koji zadovoljavaju sve norme profesionalno izrađenih web stranica. Izradili su predloške, uzimajući u obzir mogućnosti rasporeda elemenata na samoj stranici, kombinirajući boje pozadine i slova, te predložili različita zaglavlja, ukoliko nemate ideje za vlastita. Pregled predložaka vršite uz pomoć strijelica, u desnom donjem kutu ekrana. Klikom na strelicu, otvara se nova stranica sa novim predlošcima. Na ovaj način možete prelistati sve ponuđene predloške. Klikom na pojedini predložak, predložak postavlja u crveni okvir, čime znate koji je vaš trenutni izbor. Tek tada možete odlučiti da li želite primjeniti taj predložak za vaše web stranice i tek tada postanu vidljive naredbe Potvrdi izmjene, Poništi sve promjene, Prikaži, Dalje i Natrag.

3.1 Odabir rasporeda

Sustav vam nudi niz predložaka različitih rasporeda elemenata na stranici. U donjem desnom kutu nalaze se strelice za listanje i pregled ponuđenih rasporeda. U ovisnosti od vaših potreba poslovanja odaberite željeni predložak, te mišem kliknite na svoj odabir. Predložak se sada nalazi u crvenom okviru. U desnom donjem kutu imate mogućnost zatražiti, klikom na “Prikaži” da vam se odabrani predložak pokaže uvećan odnosno u originalnoj veličini, čime ćete lakše vidjeti kako izgleda vaš postojeći sadržaj sa odabranim rasporedom. Ukoliko ste zadovoljni izborom potvrdite opciju “Potvrdi izmjene”. Ako niste zadovoljni, kliknite na “Poništi sve promjene” kako bi se vratili na prijašnji izgled ili odaberite drugi predložak. Na raspolaganju imate i opciju “Dalje”, uz pomoć koje možete za odabrani predložak pogledati koje su kombinacije boja predviđene.

3.2 Odabir boja

U ovisnosti od odabranog rasporeda sustav vam sada nudi odabir pozadinske boje i boje natpisa. I ovdje su grafički dizajneri pripremili različite skladne kombinacije boja, kako bi vama olakšali posao. Vidjeti možete kako se naslovi ispisuju u različitim bojama, u ovisnosti od boje linija ili elemenata odabranog rasporeda. Preporučujemo vam da odaberete boju koja će na neki način obilježavti vašu tvrtku odnosno poslovanje ili boju koja se pojavljuje u vašem logotipu. Odabir potvrdite klikom na “Potvrdi izmjene”. Po potrebi uvećajte predložak sa klikom na “Prikaži”. Ako smatrate da vam nijedna kombinacija boja ne odgovara klikom na “Natrag” vratite se u raspored i potražite novi, koji će vam ponuditi druge kombinacije boja.

3.3 Zaglavlje

Zaglavlje predstvalja sliku koja će pojavljivati u glavi na svim vašim stranicama. Zato je odabir zaglavlja vrlo bitan. Grafički dizjaneri ponudili su vam neke od mogućnosti, ukoliko nemate svojih ideja odnosno slika. Uz svaku sliku možete upisati naziv, primjerice naziv vaše tvrtke i možete upisati svoj slogan odnosno glavnu poruku vašim klijentima. Ukoliko želite unijeti svoju sliku i postaviti je kao zaglavlje povedite računa o rezoluciji i veličini slike. Primjetili ste da se ispod trenutačno odabrane slike nalazi prostor u kojem piše preporučena veličina slike. Kako unosom vlastite slike ne bi poremetili odnos elemenata na stranici, pridržavajte se preporuke. Sustav podržava slike formata .jpeg i .gif, te stoga učitajte jedan od tih formata. Sliku pripremite u jednom od programa za slike, primjerice Adobe Photoshop, pripazite da je snimite u odgovarajućem formatu (nikako je ne pokušavajte učitati u sustav kao .psd format). Ako govorimo o fotografiji, slikanoj digitalnim fotoaparatom, obvezno smanjite njenu veličinu. Ukoliko se ne snalazite u profesionalnim programima za slike, možete se poslužiti i programom Paint, kojeg imaju na raspolaganju svi korisnici Windows platformi (pogledajte pod All programs, a zatim Accessories).

Prethodno pripremljenu sliku učitate u sustav tako što kliknete na “Ubaci vlastito zaglavlje”. Otvora se prozor, u kojem morate u desnom gornjem uglu potvrditi “Dodaj nove”, čime se otvara novi prozor “Dodavanje datoteka”. Potvrdite “Odaberi i dodaj datoteku”, kako bi se pojavio explorer vašeg računala. Potražite sliku spremljenu na vašem računalu, odaberite je ili dvaput kliknite na nju kako bi se unijela u prozor Hoola sustava. Svoj unos potvrdite s “Dodaj nove” i sustav će učitati željenu sliku u svoje spremište. Sada je potražite u spremištu sustava, ako već nije automatski selektirana, te kliknite na “Potvrdi”. Vaša je slika upravo postala zaglavlje vaših web stranica. O pojedinim funkcijama tijekom unosa slika u spremište sustava možete pročitati više u poglavlju 5.5 Unos i uređivanje slika.

4 Struktura web stranica

Vjerojatno ste čuli za izraz “Web Site” koji se u hrvatskom jeziku vrlo često prevodi kao web stranice ili internet stranice ili čak web odredište i predstavlja računalnu mrežu sastavljenu od skupa internet stranica unutar iste domene, dostupnih putem HTTP, FTP i drugih protokola koje sadrže tekst, grafiku, zvuk, animacije i sl. Dakle, kad govorimo web stranice, u mislima imamo skup svih stranica koje zajedno tvore jednu cjelinu. . Web stranice su obično podjeljene na pojedine smislene obično tematske cjeline organizirane u strukturu “stabla”, koja kreće od početene stranice, tzv. Home page (hrv. Naslovnice), i grana se na nekoliko glavnih sekcija, od kojih svaka pojedina može biti izgrađena od podsekcija, a te mogu biti izgrađene od većeg broja stranica. Sekcijama izgrađujete kostur web stranica. Kompleksnost vašeg stabla u biti ovisi o tome koliko ste “grana” i “grančica” koristili. Kako bi imali ideju o čemu govorimo, Hoola sustav ima predefiniran primjer podjele web stranica, kojeg ćete izmjeniti prema vašim potrebama i željama. Odabirom opcije “Struktura” u glavnom izborniku, na ekranu će se pojaviti slijedeća slika:

Ispod opcije “Struktura” ispisuje je trenutno odabrani jezik vaših web stranica. Za korisnike Hoola sustava, koji nemaju višejezičnu opciju prikazati će se “Jezik: Hrvatski (1)” . Ali korisnicima višejezičnih web stranica preporučujemo da nakon odabira dizajna odrede u opciji Postavke / Website postavke za sve jezike. Vrlo je bitno da paze u kojem se jeziku trenutno nalaze i u kojem jeziku moraju upisati naslove i opis stranice. Klikom na “Jezik”, otvara se padajući izbornik sa jezicima koje ste predvidjeli (poglavlje 7.1 Postavke/Website). Odaberite jezičnu verziju web stranica, koju želite trenutno uređivati. Obično, prvu strukturu stranica postvljate u hrvatskoj jezičnoj verziji (nije nužno).Struktura stranica koju ste kreirali ovdje, automatski će se prenijeti i u sve ostale jezične verzije. Što znači, sve izmjene u strukturi (sve sekcije i stranice koje ste dodali) biti će automatski

prenešene i u drugu jezičnu verziju web stranica, s tom razlikom da u strukturi nećete vnaslova, već samo predviđenu podjelu (prazne crtice).

idjeti

vaku izmjenu bilo u strukturi web stranica ili u osobinama pojedine stranice potrebno je

4.1 “Stablo” web stranica

Na lijevoj strani ekrana u posebnom okviru imate primjer kako bi mogla izgledati struktura ti

govara početnoj stranici tzv. Home page od kuda kreće razvoj strukture u

vara sekciji ili kategoriji koja obično predstavlja skup povezanih

koj cjelini, unutar kategorije u

rađene teme, unutar tematske

gradnja “stabla” web stranice ovom metodom omogućava da sustav automatski postavi .

Spotvrditi klikom na “Potvrdi izmjene”, kako bi sustav aktivirao izmjenu i prenio je na svepotrebne dijelove.

web stranica, organizirana kao stablo. Kao što vidite, uz pomoć Hoola sustava možete kreiradvije, tri ili čak četiri razine (ovisno od odabranog predložka dizjana), koje su u međusobnoj hijerarhijskoj vezi.

1° razina odobliku stabla. 2° razina odgotematskih cjelina, u našem primjeru su to Proizvodi. 3° razina odgovara podsekciji odnosno jednoj tematsnašem primjeru su to Prvi proizvod i Drugi proizvod. 4° razina odgovara stranici odnosno jednom dijelu obcjeline (u našem primjeru je nema)

Iznavigaciju odnosno izbornik vaših web stranica u ovisnosti od odabranog predložka dizajnaSvaka izmjena u strukturi odraziti će se promjenom u navigaciji vaših web stranica. Na vama je da razmislite kako smisleno podjeliti svoje poslovanje na pojedine kategorije i što sve želiteprenijeti svojim postojećim i potencijalnim klijentima.

Ne brinite, ukoliko ste tvrtka uslužne djelatnosti, na isti način možete podjeliti svoje web g i

,

4.2 Dodavanje stranice

stranice, time što ćete umjesto Proizvodi upisati Usluge, a u umjesto prvog, drugog, trećeinog proizovda upisati ćete primjerice Šišanje, Bojanje kose, Fen frizura, Svečana frizura ... (naravno, ukoliko imate frizerski studio). A možete biti i kreativniji, pa vam svaka sekcija predstavlja jednu uslugu, a pod njom se nalaze pojedinosti. Ako ponovno uzmemo gornji primjer, tada bi umjesto Proizvodi upisali Bojanje kose, a umjesto prvog, drugog i inog proizvoda kreirali bi stranice pod nazivima Normalno bojanje, Dvobojno bojanje, PreljevPramenovi. Kao što vidite sutav vam omogućava veliku slobodu u vlastitoj kreaciji.

Strukturu web stranica možete prilagoditi svojim potrebama i željama. Novu stranicu dodajete tako da s mišem kliknete na ikonu “+” Nova stranica, te dok držite lijevi gumb miša povučete ikonu na željeno mjesto u strukturi, a zatim pustite gumb miša. Povlačenjem ikone unutar strukture odabirete željeno mjesto. Na kojoj se trenutno poziciji unutar strukture nalazite, vidite po tome što se iscrtavaju linije pod odabranim sekcijama ili stranicama. Često korišteni izraz za ovaj postupak je “drag and drop” odnosno u prijevodu “vuci i pusti”.

4.3 Brisanje stranice

Brisanje stranice odvija se kao i prethodno opisan način “Dodavanje stranice”. S tom razlikom da se sada s mišem pozicionirate na stranicu koju želite obrisati, i dok držite lijevi gumb miša povlačite stranicu i bacate je u koš za smeće, odnosno povlačite je do ikone “-” Obriši stranicu, a zatim pustite gumb miša. Time ste stranicu obrisali.

Upozorenje: Ukoliko stranica predviđena za brisanje, sadrži svoje podstranice, povlačenjem iste obrisati ćete i sve njene podstranice. Primjerice, ako obrišete kategoriju “Proizvodi”, ujedno ste obrisali i stranice “Prvi porizvod” i “Drugi proizvod”.

4.4 Izmjena poretka

Poredak unutar strukture vaših web stranica možete po potrebi preurediti. Ako želite, primjerice premjestiti jednu stranicu u strukturi na drugo mjesto, potrebno je da kliknete mišem na željenu stranicu, te dok držite lijevi gumb miša povučete željenu stranicu do njenog novog mjesta u strukturi, a zatim pustite gumb. Postupak “drag and drop” kojeg smo opisali kod “Dodavanja stranice”. Upozorenje: Ukoliko stranica predviđena za premještaj, sadrži svoje podstranice, povlačenjem iste premještavaju se i sve njene podstranice.

4.5 Osobine stranice

Osobine stranice nalaze se desnoj strani ekrana i predstavljaju status stranice, njen naslov i kratki opis, te ključne riječi, koje obično koriste tražilice prilikom indeksiranja vaših web stranica.

Svaku izmjenu koju unosite u osobine stranice potrebno je potvrditi klikom na “Potvrdi izmjene”, kako bi sustav mogao aktivirati izmjene i prenijeti ih u sve potrebne dijelove.

4.5.1 Status stranice

Struktura početnih web stranica je neobjavljena jer tek pristupate izradi svojih web stranica. To možete vidjeti već na prvi pogled same strukture na lijevoj strani ekrana, jer se pored svih naziva pojedinih stranica unutar strukture nalazi crveno obojena ikona (list papira). Kada pojedinu stranicu objavite, istovremeno se mjenja i njen status u strukturi web stranica, mala ikona (list papira) ispred naziva stranice postaje bijele boje. Ujedno, status pojedine stranice vidite i na desnoj strani ekrana. Kliknite mišem na naziv stranice u samoj strukturi, čime će se naziv stranice pojaviti na bijeloj pozadini. Na desnoj strani ekrana ispisati će se Status: objavljena ili Status: za objavu. Što se tiče samog postupka Objave, taj je opisan u poglavlju Objava stranica.

4.5.2 Naslov stranice, opis i ključne riječi

Odabranoj stranici u strukturi možete upisati ili izmjeniti naslov, unijeti kratak opis sadržaja stranice i unijeti ključne riječi, sadržane na samoj stranici. To služi za lakše pretraživanje na Internetu, jer su sve tražilice koncepirane tako da pretražuju stranice po ključnim riječima i kratkom opisu. Savjetujemo vam da popunite formu na desnoj strani ekrana, za svaku pojedinu stranicu. Kliknite na stranicu u strukturi (naslov stranice se pojavljuje na bijeloj pozadini), a zatim kliknite u praznu formu na desnoj strani i utipkajte željeni tekst za kratak opis i posebno još za ključne riječi. Postojeći naslov obrišite i utipkajte novi naslov, koji će se izmjenjen pojaviti i u navigaciji vaših web stranica.

4.5.3 Nevidljiva stranica

Sigurno ste opazili u strukturi i jednu sekciju pod nazivom Nevidiljiva Stranica. Kreirana je samo kao primjer. Riječ nevidljiva ne znači da ona ne postoji, odnosno da se do nje ne može doći, već označava da neće biti vidljiva u glavnoj navigaciji. Sasvim slučajno se nalazi na ovom mjestu gdje je vidite, jer može biti kreirana i pridružena bilo kojoj razini strukture. Može se nalaziti unutar sekcije ili kao samostalna stranica kreirana direktno pod 1° razinom. Upozorenje: svaka vaša pojedina stranica može postati nevidljiva. Ukoliko želite da se ona ne vidi u navigaciji vaših web stranica potrebno je odznačiti kvadratić ispred “Stranica vidljiva u navigaciji” (kvadratić mora biti prazan). I obrnuto, ukoliko ste dodali novu stranicu i želite da se ona vidi u navigaciji, označite kvadratić ispred teksta “Stranica vidljiva u navigaciji”. Sigurno se pitate kada vam nevidljiva stranica može koristiti. Recimo da imate posebnu akciju za tekući mjesec, primjerice besplatno šišanje za djecu do 12 godina (jer ste svjesni da će sa njima doći roditelji, vaši potencijalni klijenti). Na svojem Home pagu odnosno naslovnici kreirati ćete uočlji natpis ili sliku, koju ćete povezati (kreirati link, o kojem ćemo kasnije više reći) sa vašom nevidljivom stranicom. Dakle, klikom na natpis ili sliku, posjetitelj vaših stranica može pročitati više o vašoj akciji, a pri tom niste izmjenili navigaciju jer vam akcija traje samo jedan mjesec, nakon čega ćete ugasiti ili obrisati stranicu.

4.5.4 Onemogući pristup stranici

Na desnoj strani ekrana pojavljuje se natpis “Onemogući pristup stranici” koji služi upravo tome, da zabranite posjetiteljima vaših web stranica pristup toj određenoj stranici. U strukturi odaberite stranicu koju želite zabraniti (naslov stranice se pojavljuje na bijeloj pozadini), a na desnoj stranici označite kvadratić ispred teksta “Onemogući pristup stranici”, čime će ta stranica biti nedostupna svim posjetiteljima i neće biti vidljiva u navigaciji.

Izmjene potvrdite klikom na “Potvrdi izmjene”, prije nego nastavite sa daljnjim radom.

Ovu opcija ima svoju primjenu ukoliko imate višejezične web stranice, pa ste primjerice u hrvatskom jeziku unijeli opis svog proizvoda, ali ga niste preveli u francuski jezik. Stoga ćete u francuskom jeziku onemogućiti pristup toj stranici (jer će se u protivnom prikazivati kao prazna stranica, što želite izbjeći). Još jednom vas upozoravamo da morate voditi računa u kojem se trenutno jeziku nalazite, jer struktura web stranica prenosi se automatski u sve jezike, ali ne i sadržaj.

5 Sadržaj

Uređivanje sadržaja teče vrlo slično kao da koristite jednu od standardnih aplikacija, primjerice Microsoft Word ili Office. Odabirom opcije „Sadržaj“ u glavnom izborniku otvara se radna površina. Osnovni element radne površine je alatna traka, u kojoj su dostupni alati za uređivanje sadržaja, alati za uređivanje teksta, ako radite sa tekstovima ili alati za uređivanje slike, ako radite sa slikama. Pojedini alati mogu biti uključeni (ikone se ističu) ili isključeni (ikone su blijede). U ovisnosti od trenutnih akcija pojedini alati se isključe odnosno nisu vam u tom trenutku dostupni u radu. Alatana traka podjeljena je na dva niza alata: Prvi niz alata služi za spremanje sadržaja, prikaz i objavu sadržaja, unos slika i animacija, unos specijalnih simbola, te sadrži klasične funkcije poništi, vrati, izreži, kopiraj, zalijepi i traži riječ.

Drugi niz alata odnosi se na alate za obradu unešenih sadražaja i mjenja se u ovisnosti s čime u tom trenutku radite. Ukoliko uređujete tekst tada su prisutni alati za uređivanje teksta (veličina slova, pozadinske boje, boje slova....),

dok u slučaju kad radite sa slikom imate alate koji omogućavaju određivanje veličine slike, pozicija na stranici i sl. Kako bi se lakše snalazili u radu, pogledajte tablice u kojima se nalaze pojedini alati i objašnjenje čemu služe.

5.1 Alati za uređivanje sadržaja:

Ikona Naziv Objašnjenje naredbe

Napravi novu stranicu Otvara novu stranicu

Spremi Sprema trenutnu stranice i sve izmjene na njoj

Obriši Briše trenutnu stranicu i sve izmjene na njoj

Objavi Objavljuje trenutnu stranicu i sve izmjene na njoj

Poništi zadnje promjene i vrati se na spremljenu verziju

Poništava zadnje unešene izmjene i vraća na prvobitno stanje odnosno na zadnju snimljenu verziju trenutne stranice

Poništi spremljene promjene i vrati se na staru verziju

Poništi zadnju spremljenu verziju i vrati na prijašnju verziju trenutne stranice

Prikaži Prikazuje kako će trenutna stranica stvarno izgledati. Za prikaz je

potrebno da je stranica prethodno spremljena

Link Označenom tekstu ili slici pridružuje link odnosno poveznicu

Micanje linka Označenom tekstu ili slici uklanja postojeći link odnosno poveznicu

Unos slike Unosi prethodno učitanu sliku iz spremišta

Unos Flash-a Unosi prethodno kreiranu animaciju iz spremišta

Ubaci predložak Ubacuje prethodno odabran predložak iz liste predložaka

Izbor specijalnih znakova Ubacuje odabrani znak iz tabele specijalnih znakova

Poništi Poništava zadnju akciju, vraća korak unatrag

Vrati Vraća stanje na zadnju izvršenu akciju, poništava korak unatrag

Izreži Izrezuje označeni tekst ili sliku

Kopiraj Kopira označeni tekst ili sliku

Zaljepi Preslika tekst ili sliku koju ste prethodno označili

Traži i zamjeni tekst Pronalazi traženu riječ i po potrebi mijenja u novu riječ

Osobine Vidljiva samo u opciji Newsletter i Vijesti, služi za izmjenu naslova,

odnosno uvodnog teksta

Pošalji newsletter Vidljiva samo u opciji Newsletter, služi za slanje newslettera

5.2 Alati za uređivanje teksta:

Ikona Naziv Objašnjenje

Tip odlomka Mijenja pismo označenog teksta (naslov1, naslov2..)

Veličina slova Mijenja veličinu slova označenog teksta

Boja slova Mijenja boju slova označenog teksta

Boja pozadine Mijenja boju pozadine označenog teksta

Masna slova Podebljava označeni tekst

Ukošena slova Označeni tekst biva ukošen

Podcrtaj Podcrtava označeni tekst

Prectraj Precrtava označeni tekst

Podtekst Označen tekst stavlja u podtekst (subscript)

Nadtekst Označen tekst stavlja u nadtekst (superscript)

Čišćenje formatiranja označenog sadržaja

Briše sve oznake i formate teksta kojeg ste označili

Lijevo poravnavanje paragrafa

Poravnava odlomak prema lijevoj margini (rubu)

Centriranje paragrafa Centrira odlomak u sredinu

Desno poravnavanje paragrafa

Poravnava odlomak prema desnoj margini (rubu)

Raspodjela paragrafa Ravnomjerno raspoređuje odlomak cijelom duljinom

Uvlačenje retka Uvlači odlomak ili označen tekst

Izvlačenje retka Izvlači odlomak ili označen tekst

Numerirana lista Popisivanje odlomaka ili teksta po rednom broju

Lista Popisivanje odlomaka ili teksta po točkama (natuknice)

5.3 Alati za uređivanje slike:

Ikona Naziv Objašnjenje

Smještaj slike Određuje poziciju slike na stranici u odnosu na tekst

Širina Određuje širinu slike, koju možete izmjeniti unosom nove širine

Visina Određuje visinu slike, koju možete izmjeniti unosom nove visine

Sačuvaj proporcije slike Slika se proporcionalno smanjuje ili povećava u odnosu na unos

nove širine ili unos nove visine

Proporcije slike Slika se ne mjenja proporcionalno, širi se ili suzuje unosom širine,

odnosno povisuje ili snizuje unosom visine.

Vrati originalne dimenzije slike

Vraća dimenzije slike u originalnu širinu i visinu

Lijeva margina Pozicioniranje slike u odnosu na lijevi rub, upisujete koliko želite

da slika bude udaljena od lijevog ruba

Desna margina Pozicioniranje slike u odnosu na desni rub, upisujete koliko želite

da slika bude udaljena od desnog ruba

Gornja margina Pozicioniranje slike u odnosu na gornji rub, upisujete koliko želite

da slika bude udaljena od gornjeg ruba

Donja margina Pozicioniranje slike u odnosu na donji rub, upisujete koliko želite

da slika bude udaljena od donjegruba

Okvir slike Postavlja okvir vašoj slici, kojemu možete dodatno odrediti stil,

debljinu i boju

5.4 Unos i uređivanje teksta

Poslužiti ćemo se primjerom i nizom sličica prikazati kako koristiti pojedine alate za uređivanje teksta. Što se tiče unosa teksta, generalno imate dvije mogućnosti: da tekst utipkate direktno u za to predviđen prostor ili da ga prethodno napišete u nekom drugom programu, te ga pomoću funkcije kopiraj/zaljepi preslikate u za to predviđen prostor. Napomena: Kada se prvi put nalazite na svojim web stranicama, vidjeti ćete da vaše stranice sadrže probne tekstove, koji su ujedno kratke upute za rad sa Hoola sustavom. Prije unošenja vlastitih tekstova, označite sav tekst uz pomoć miša ili istovremenim pritiskom na tipke Ctrl i 'a', te ga obrišite klikom na Izreži (ili desni klik miša, a zatim Izreži) . Sada se postavite se u prostor na mjesto gdje želite upisati tekst i započnite sa pisanjem. Pritisnite tipku Enter za novi odlomak, a tipke Shift + Enter za prelazak u novi red. Poigrajte se sa veličinom, bojom, izgledom slova. Ako nemate ideju kako rasporediti tekst na stranici, možete se odlučiti za unos predložaka, do kojih dolazite u alatnoj traci za uređivanje sadržaja, klikom na “Unos predložka”. Naravno, nakon završenog unosa teksta nemojte zaboraviti snimiti izmjene. Kliknite na “Spremi” u alatnoj traci za uređivanje sadržaja i vaša će trenutna stranica biti spremljena na sigurno. Kod kopiranja teksta, ukoliko niste zadovoljni formatiranjem prenesenim iz programa u kojem je tekst napisan, kliknite na “Čišćenje formatiranja označenog sadržaja”, kako bi pobrisali postojeće formate. Naime, sustav pokušava što vjernije prenijeti tekst, a da se pri tom ne raspadne.

Unos teksta (direktan unos ili kopiranje iz drugog dokumenta)

Odabir vrste naslova i veličine slova

Izmjena boje slova za označeni tekst

5.5 Unos i uređivanje slike

Ukoliko želite svom tekstu pridružiti sliku kako bi vaše web stranice dobile ljepši izgled i jasniji prikaz vaših proizovda ili usluga, Hoola sustav vam omogućava da to učinite u nekoliko jednostavnik koraka. Prvi korak je da kursor postavite na željeno mjesto na stranici, a zatim u alatnoj traci odaberete “Unos slike”. Pri tom će se otvoriti prozor: Na lijevoj strani vidite listu postojećih slika i mapa, a na desnoj strani nalaze se naredbe za unos, brisanje i promjenu imena slika. Klikom na “Dodaj nove” otvara se manji prozor, u kojem morate kliknuti na “Odaberi i dodaj datoteku”. Neka vas naziv ne zbunjuje, jer se ista forma koristi i za učitavanje tekstovnih datoteka i animacija. Sada je na vašem ekranu vidljiv preglednik vašeg računala, dakle vidite mape i dokumente na svojem računalu. Odaberite sliku i potvrdite izbor. Sada se naziv pojavljuje i u prozoru za dodavnje datoteka. Ukoliko želite unijeti još slika ponovite postupak, klikom na “Odaberi i dodaj datoteku”, sve dok ne uneste sve slike. Zatim klinite na “Dodaj nove” i vaša će se slika (odnosno slike ako ih je više) učitati u sustav.

U našem primjeru je to jagoda.jpg. Njen naziv postaje vidljiv u listi na lijevoj strani. Kada kliknete na nju imate mogućnost da je vidite na desnoj strani, ukoliko imate uključen automatski prikaz slike (označen kvadratić). U slučaju da ste isključili automatski prikaz, možete kliknuti na “Pokaži” kao bi vidjeli svoju sliku. Ako je to slika koju ste željeli pridružiti, sve što sada morate je kliknuti na “Potvrdi” i vaša će slika biti preslikana na vašu web stranicu, na predviđenom mjestu, spremna za uređivanje. Napomena: Kada unosite slike, na lijevoj strani možete vidjeti listu svih postojećih odnosno unesenih slika. Zbog postavljenog filtera, sustav vam pri tom ne dozvoljava uvid u druge datoteke ili animacije. Kada radite s animacijama, tada su u listi vidljive samo animacije itd. Ukoliko slici želite prije promjeniti ime, kliknite na “Preimenuj” (u desnom gorenjem redu). Pojaviti će se prozor sa trenutnim nazivom slike, za kojega sad možete unijeti novi naziv. Ukoliko ste učitali krivu sliku, možete je obrisati iz liste klikom na “Obriši”. Sustav će vas još jednom priupitati, za svaki slučaj, a na vama je da potvrdite da želite trajno obrisati sliku iz sustava. Slike možete grupirati u mape. Recimo, kad imate niz sličica vaših proizvoda, koje bi željeli sve zajedno grupirati u mapu

proizvodi. Ili kad imate niz sličica istih usluga, pa ih želite odvojiti u jednu mapu. Odaberite opciju “Nova mapa” kako bi vam se otvorio prozor za upis naziva mape. Upozoravamo vas da pri tom koristite mala pisana slova, no ukoliko ste zabunom utipkali veliko slovo početnice, sustav će ga automatski pretvoriti u simbol odnosno malo slovo. Vratimo se na uređivanje slike. Klikom na “Potvrdi” vaša se slika prenijela na željeno mjesto na web stranici, kao što je prikazano na donjoj slici. Ujedno, pojavila se alatna traka za uređivanje slike, koja će pojaviti svaki put kad označite odnosno kliknete na sliku. U alatnoj traci možete odabrati njen smještaj, a možete promjeniti i veličinu upisujući nove dimenzije u male kvadratiće. Pazite, ako želite da vam se slika proporcionalno mjenja, prikazani lokot mora ostati zaključan. Možete po želji sliku premještati u odnosu na rub stranice, upisujući za koliko bi se morala pomaknuti lijevo ili desno, odnosno gore ili dolje u odnosu na margine tj. rubove. Želite li posebno istaknuti sliku, odaberite “Okvir slike”, pomoću kojeg slici odredite oblik, debljinu i boju okvira. Ako ste iz bilo kojeg razloga nezadovljni unesenim promjenama, slici možete vrati njen originalni izgled odnosno dimenzije tako što kliknete na “Vrati orignalne dimenzije”. Preporuke za veličine slika: Hoola sustav podržava .jpeg format i .gif format slika. Što se tiče samih dimenzija slika vodite računa gdje želite smjestiti sliku, što ona mora označavati, koliko je bitna za sami tekst i tome slično. Savjetujemo vam da slike prije pripremite u približnoj veličini u kojoj želite da se vide na web stranici. Dakle, ako vaša sličica prati tekst, odnosno nalazi se lijevo ili desno od njega, vjerojatno nema potrebe da ona bude veća od 100 x 100 px. Ako je slika okosnica te web stranice tada može biti većih dimenzija, no nikako ne smije prelaziti širinu radne površine, što bi bilo u prosjeku oko 600 px širine.

Konačni rezultat nakon uređivanja teksta i pridruživanja slike

5.6 Unos animacija

U ovom poglavlju vas nećemo učiti izradi animacija, već samo unošenju gotovih aplikacija, izrađenih u drugim porgramima. Alat koji se najviše koristi za izradu web animacija je Macromedia Flash. Pomoću njega, moguće je izraditi i razne druge aplikacije kao primjerice CD aplikacije, baze za screensavere, prezentacije i sl. Upravo zbog toga i Hoola sustav koristi izraz “Unos Flash-a”. Pridruživanje animacije odnosno Flash-a vašem sadržaju odvija se vrlo slično unosu slika. Potrebno je da postavite kursor na željeno mjesto unutar radne površine, primjerice ispod unešenog teksta. Zatim potvrdite u galvnoj alatnoj traci “Unos Flash-a”, nakon čega se otvara već poznati prozor za odabir datoteka (opisan u poglavlju 5.5 Unos i uređivanje slike).

Kao što vidite, na lijevoj strani nalazi se lista, u kojoj možete vidjeti mape i eventualno animacije, ukoliko već postoje. Slike, koje ste prethodno unosili, nisu vidljive zbog filtera hoola sustava. To je preventivna mjera, kako ne bi greškom unijeli sliku. Za unos nove animacije kliknite na “Dodaj nove”. Otvara se manji prozor, u kojem morate kliknuti na “Odaberi i dodaj datoteku”. Sada je na vašem ekranu vidljiv preglednik vašeg računala, dakle vidite mape i dokumente na svojem računalu. Odaberite animaciju i potvrdite izbor. Vaš se naziv animacije pojavljuje u prozoru za dodavanje datoteka. Ukoliko želite unijeti još animacija, ponovite postupak. Zatim klinite na “Dodaj nove” i vaša će se animacija (odnosno animacije ako ih je više) učitati u sustav. U našem primjeru je to reklama.swf. Njen naziv postaje vidljiv u listi na lijevoj strani. Kada kliknete na nju imate mogućnost da je vidite na desnoj strani, ukoliko imate uključen automatski prikaz slike (označen kvadratić). U slučaju da je automatski prikaz isključen, možete kliknuti na “Pokaži” kao bi vidjeli svoju animaciju.

Ako je to animacija koju ste željeli pridružiti, sve što sada morate je kliknuti na “Potvrdi” i vaša će animacija biti pridružena vašoj web stranici, na predviđenom mjestu. Konačni rezultat, vidite nakon što ste snimili promjene i kliknuli na “Prikaži” u glavnoj alatnoj traci.

5.7 Unos i uređivanje poveznica (linka)

Poveznica ili link je termin koji označava vezu između dvije web stranice, iako se obično pod tim pojmom misli na dijelove web stranica (dio teksta ili slika) preko kojih internet preglednik prelazi na neku drugu stranicu ili sadržaj (slika, animacija, datoteka za prijenos podataka i sl.) Poveznice su obično označene drukčijom bojom od ostatka teksta i potcrtane, pa se tako označavaju i u Hoola sustavu.

Drugim riječima, možete kreirati poveznicu odnosno link za dio označenog teksta (riječ, rečenica, odlomak, naslov) ili za sliku i povezati ih sa nekom drugom web stranicom ili datotekom za prijenos podataka ili email formom ili čak uvećanom slikom. Prikažimo na primjerima.

5.7.1 Link na stranicu

Prikažimo kako se kreira link na stranicu, koja može biti jedna od vaših web stranica, kao što može biti vanjska web stranica, primjerice web stranica vašeg partnera. Otvorite željenu stranicu, tako da vam se prikazuje na desnoj strani radne površine. Odaberite i označite tekst ili sliku za koju želite kreirati link pomoću miša. Klikom miša na sliku, slika biva označena okvirom, a željeni tekst označite tako da držite lijevu tipku miša i vučete ga sve dok ne označite željeni tekst (a to može biti riječ, cijela rečenica, odlomak teksta ili samo naslov).

U alatnoj traci potvrdite opciju “Link”, otvara se prozor za uređivanje linka u kojem morate odabrati opciju “Stranica”, kao što je prikazano na slici.

U okviru, pored naziva Stranica, možete upisati na koju se stranicu vezuje vaša označena slika ili tekst, odnosno možete kliknuti na strelicu dolje, kako bi vidjeli listu svih vaših stranica, u kojoj odaberete željenu. Za naš primjer odabrali smo da se označenoj slici kreira link na unutarnju stranicu Kontakt (pogledajte sliku).

U praznom okviru pored naziva Opis možete ukratko opisati link, a ispod toga imate mogućnost ostaviti da se stranica otvara u istom prozoru ili označiti kvadratić da se stranica otvara u novom prozoru. Prozoru možete odrediti i veličinu. Nakon što završite s upisom, kliknite na “Potvrdi”, čime će se označena slika ili tekst povezati sa odabranom stranicom. Ujedno, imate mogućnost provjere linka, ukoliko kliknete na “Provjeri link” dok ste još u prozoru “Uređivanje linka”. Sve izmjene potrebno je snimiti, klikom na “Spremi” u glavnoj alatnoj traci.

Provjeru možete izvršiti i tako što ćete se mišem postaviti na označenu sliku (vidite sliku desno) ili označen tekst, te kliknuti desni gumb miša kako bi vidjeli izbornik u kojem možete odabrati “Slijedi link” kako bi provjerili da li se otvara željena stranica (u našem primjeru se otvara stranica Kontakt).

5.7.2 Link na datoteku

Postupak kreiranja linka na datoteku vrlo je sličan postupku kreiranja linka na stranicu. Dakle, označite sliku ili tekst, a zatim u alatnoj traci potvrdite opciju “Link”. Otvara se prozor za uređivanje linka u kojem morate odabrati opciju “Datoteka”, kao što je prikazano na slici.

Uz naziv Datoteka imate prazan okvir, a mali kvadratić otvara prozor za Dodavanje datoteka, pomoću kojega ćete učitati željenu datoteku. Kliknite na kvardatić, kako bi otvorili prozor “Odaberi datoteku”. Na lijevoj strani vidite listu svih mapa, te postojećih slika i datoteka, ukoliko su već bile prethodno unešene. Odaberite “Dodaj nove”, a zatim u manjem prozoru “Odaberi i dodaj datoteku”, otvara se explorer vašeg računala u kojem vidite mape i dokumente na vašem računalu. Potvrdite željenu datoteku, čime će se njen naslov prenijeti u manji prozor kao što je prikazano na slici, a zatim potvrdite “Dodaj nove” kako bi se datoteka učitala u sustav. (Pogledajte opis postupka u poglavlju 5.5 Unos i uređivanje slike)

Sada se učitana datoteka nalazi i u listi na lijevoj strani, a ako ste omogućili prikaz, na desnoj strani možete vidjeti stranice svog dokumenta, kao što je prikazano na slici.

Savjet: sve datoteke koje želite učitati prethodno konvertirajte u Adobe PDF format, kako bi omogućili čitanje podataka, a zabranili bilo kakve izmjene.

Ukoliko ste kliknuli “Potvrdi”, naslov vaše datoteke pojavljuje se u prozoru “Uređivanje linka”. Ispod možete unijeti kratak opis datoteke i omogućiti da se otvara u novom prozoru, te odrediti veličini novog prozora. Klikom na “Provjeri link” možete provjeriti da li je link ispravan. I na kraju preostaje vam da kliknete “Potvrdi” kako bi povezali označenu sliku ili označen tekst za željenom datotekom.

Sada kliknite na “Spremi” u alatnoj traci, kako bi snimili sve izmjene. Kao i kod prethodnog slučaja i ovdje možete vršiti provjeru tako što ćete se mišem postaviti na označenu sliku (vidite sliku desno) ili označen tekst, te kliknuti desni gumb miša kako bi vidjeli izbornik u kojem možete odabrati “Slijedi link” te tako provjeriti da li se otvara datoteka koju ste željeli (u našem primjeru datoteka Zdrava-prehrana.pdf).

5.7.3 Link na email

Link na email ustvari omogućava da se označenoj slici ili označenom tekstu pridružuje email forma, dakle otvara se forma za slanje elektronskog pisma na već predodređenu email adresu. Drugim riječima, kada posjetitelj vaših web stranica klikne na sliku ili tekst koji ima link, otvoriti će se email forma u kojoj vam posjetitelj može poslati upit na vašu email adresu. Vaša email adresa se pri tom već nalazi u formi.

Postupak je praktično jedank kao i u prethodnim slučajevima. Označite sliku ili tekst i odaberite opciju “Link” u alatima za uređivanje sadržaja. Otvara se prozor u koje morate odabrati “E-mail”, kao što možete vidjeti na slijedećoj slici. Pored naziva E-mail upišite željenu e-mail adresu, na koju će dolaziti upiti posjetitelja vaših stranica, a ispod toga po potrebi unesite opis.

Nakon unosa kliknite na “Potvrdi” kako bi označenoj slici ili označenom tesktu pridružili email formu. Snimite izmjene klikom na “Spremi” u alatima za uređivanje sadržaja. Ako želite provjeriti da li ste sve ispravno povezali, kliknite desnim gumbom miša na označenu sliku ili tekst, te u malom izborniku odaberite “Slijedi link”. Otvara se prozor odnosno «default mail client», kao što prikazuje donja slika.

To znači da će se, kada posjetitelji vaših stranica kliknu na sliku ili tekst kojemu je pridružen link, otvarati program za pisanje email-a, kojeg oni imaju podešenog na svojem računalu, stoga se gornja slika može razlikovati. Konačni rezultat možete provjeriti i tako što će te odabrati opciju “Prikaži”. Sada vidite svoju web stranicu baš kao što će je vidjeti vaši posjetitelji. Kliknite dakle na sliku odnosno tekst kojemu je pridružen link i vidite da li se otvara email. Ne zaboravite, prethodno morate snimiti sve izmjene jer u protivnom link neće raditi.

6 Napredne funkcije

Kada u glavnoj alatnoj taki odaberete “Napredne funkcije” otvara se izbornik u kojem se nalaze moduli “Newsletter”, “Vijesti” i “Statistika posjeta”, ukoliko ste korisnik Hoola paketa Business. U protivnom, biti će vidljiva samo “Statistika posjeta” za korisnike Basic Hoola paketa, odnosno “Vijesti” i “Statistika posjeta” za korisnike Mini portala. U ovom poglavlju objasniti ćemo funkciju i rad sa pojedinim modulom.

6.1 Statistika posjeta

“Statistika posjeta”, koju vidite u glavnoj alatnoj traci omogućava vam uvid u statistiku posjeta vašim web stranicama. Zahvaljujući toj funkciji možete znati koliko često bivaju posjećene vaše stranice i ostale detalje vezane za posjete.

U samom vrhu imate mogućnost upisati vremensko razdoblje za koje želite vidjeti statistike posjeta, u našem primjeru unijeli smo razdoblje od mjesec dana od 11.08. do 11.09. 2006. Obično vam sustav automatski ponudi razdoblje od zadnjih mjesec dana, koje vi dakako možete izmjeniti. Zatim vam sustav nudi različite “Vrste” pregleda, kao što je prikazano u susjednom izborniku. Na raspolaganju su vam Kratki izvještaj - koji je ujedno i zbirno izvješće, te izvješća Po pregledu – koja daju uvid u posjete pojedinim stranicama, sadržajima i slično, Po vremenu - za različita vremenska razdoblja (datum, dan, mjesec...) te Ostala izvješća. Za pojedinu vrstu pregleda otvaraju se i njihovi izbornici, pa tako imate:

Prikaz ispisa Kratkog izvješća koji predstavlja zbirno izvješće

6.2 Vijesti

Odabirom “Vijesti” u glavnoj alatnoj traci dobivate radnu površinu, u kojoj na lijevoj strani vidite listu postojećih vijesti (kod prvog ulaska vidjeti ćete unešena dva primjera). Iznad liste ispisuje se jezična verzija u kojoj se trenutno nalazite (ako nemate višejezičnu opciju tada piše hrvatski jezik). Upozorili smo vas da morate uvijek voditi računa u kojoj se jezičnoj varijanti vaših web stranica nalazite, zbog pravilnih upisa i prikaza u odabranom jeziku.

Klikom na “Napravi novu vijest” započinjete sa unosom vaše vijesti. Otvara se forma u koju ćete unijeti naslov vaše vijesti i uvodni tekst. Pazite na duljinu naslova i uvodnog teksta jer će se taj prikazivati unutar boxa “Vijesti” na vašim web stranicama, gdje će se nalaziti uvodni tekstovi i ostalih vijesti koje ste kreirali. Budite kratki i vrlo jasni u ovom djelu. Nakon toga kliknite na “Potvrdi” za nastavak opširnijeg pisanja ili “Odustani” ukoliko želite prekinuti unos vijesti. Radna površina svojim izgledom podsjeća na radnu površinu za uređivanje teksta. Na desnoj strani vidite datum vijesti, naslov i svoj uvodni tekst. Kursor je pozicionoiran ispod uvoda i to je mjesto od kud možete upisivati opširniji tekst vijesti ili ga prenijeti iz drugog dokumenta

funkcijom Kopiraj/Zaljepi. Tekst uređujete kao što smo to opisali u poglavlju 5.4 Unos i uređivanje teksta, a možete mu pridružiti i sličice ako želite.

Nakon završenog unosa obvezno snimite promjene, klikom na ikonu “Spremi” u alatnoj traci. Da bi vaša vijest bila vidljiva na web stranicama, obvezno morate vijest objaviti, klikom na ikonu “Objavi”. Ukoliko morate mjenjati naslov, ili izmjeniti uvodni tekst već postojeće vijesti, poslužite se ikonom “Osobine”, klikom na nju otvara se forma sa tekstom, kojeg sada možete izmjeniti. Ukoliko želite mjenjati sam tekst postojeće vijesti, kliknite na njen naslov u listi vijesti (na lijevoj strani ekrana).

6.3 Newsletter

“Newsletter” je još jedna od naprednih funkcija, kojoj pristupate odabirom u glavnoj alatnoj traci. Služi u prvom redu za direktni email marketing, pomoću kojega propagirate svoje prozivode, usluge ili aktivnosti, šaljete važne obavijesti ili novosti u vašem poslovanju. Na lijevoj strani radne površine možete vidjeti u kojoj se jezičnoj verziji nalazite, listu postojećih newslettera, te dvije funkcije: omogućavanje registracije i povlačenje liste email adresa. Omogući registraciju, omogućava da se posjetitelji vaših web stranica registriraju za primanje vaših newslettera. Označite kvadratić ispred teksta i omogućite registraciju. Posjetitelji će unijeti svoju email adresu, na koju će dobivati vaš newsletter. Povuci listu email adresa je funkcija koju koristite za slanje newslettera. Povlači listu svih posjetitelja koji su se prijavili za primanje vaših newslettera.

Klikom na “Napravi novi newsletter” otvara se prozor u kojem morate napisati naslov odnosno naziv vašeg elektronskog pisma. Pogledajte sliku. Zatim se otvara prostor na desnoj strani radne površine koji odgovara već opisanom prostoru, vidite poglavlje 5.4 Unos i uređivanje teksta. U tom prostoru unijeti ćete željeni tekst, te po potrebi pridružiti slike. Pogledajte na našem primjeru. I ne zaboravite snimiti sve izmjene, klikom na ikonu “Spremi”.

Kako bi vidjeli kako će izgledati newsletter, jednom kad stigne na email adresu korisnika registriranog za primanje newslettera, kliknite na ikonu “Prikaži” u alatnoj traci. Vaš će se newsletter otvoriti u novom prozoru:

Ukoliko ste zadovoljni izgledom vašeg elektroničkog pisma, u glavnoj alatnoj traci odaberite ikonu “Pošalji newsletter” kako bi aktivirali postupak slanja. Otvara vam se forma u kojoj je zapisana email adresa sa koje se šalje i email adrese koje će primiti vaš newsletter. Ispod vidite opciju “Pošalji samo test”, koja, ukoliko je označena u kvadratiću ispred teksta, omogućava pokusno slanje newslettera. To znači da će vaš newsletter biti poslan samo vama, kako bi provjerili da li se opcija newsletter pravilno izvodi. Sustav vas obavješatava da je newsletter uspješno poslan, a vi provjerite otvaranjem svojega emaila. Naša je preporuka da koristite ovu opciju, te ukoliko cijela procedura prođe ispravno i bez poteškoća, tek tada pristupite slanju newslettera ostalima.

7 Postavke

Odabirom “Postavke” u glavnom izborniku Hoola sustav vam nudi mogućnost izmjene postavki samih web stranica, postavki za vaše email adrese, te detalja odnosno vaših podataka. Pojedine postavke objašnjene su u slijedećim poglavljima.

7.1 Website

Odabirom “Website” otvaraju se postavke za vaš website odnosno za vaše web stranice. Hoola sustav omogućava da izvršite izmjenu jezika i unesete adrese web stranica koje će se otvarati u Hoola sustavu. Ako ste korisnik osnovnog paketa Basic ili Mini Portal, a niste dodatno uzeli višejezičnu opciju, tada niste u mogućnosti vršiti izmjenu jezika, već imate na raspolaganju samo jedan od ponuđenih jezika.

7.1.1 Odabir jezika

Ukoliko ste korisnik višejezične opcije tada možete odrediti u kojim će se jezicima prikazivati vaše web stranice. Naravno, pri tom se neće automatski prevesti vaši sadržaji (koje ćete morati sami pripremiti) već će se prevesti samo funkcije koje se pojavljuju na vašim web stranicama predviđene Hoola sustavom za pojedini dizajn. Primjerice funkcija “Ispiši stranicu” će se na engleskoj verziji stranica prikazati kao “Print this page”, a na talijanskoj kao “Stampa questa pagina” i slično.

Postavite se uz jezik, u kvadratić sa strelicom, kako bi se otvorio izbornik u kojem odaberete i potvrdite jezike koji će se koristiti za vaše web stranice. Nakon unosa, kliknite na “Potvrdi izmjene”, kako bi sustav izmjenio postavke na svim djelovima.

7.1.2 Adrese (URL-ovi)

Odabirom “Adrese (URL-ovi)” određujete koje će se sve vaše stranice otvoriti sa Hoola sustavom. Pojasnimo na primjeru. Registracijom na Hoola sustav, sustav vam je dodijelio adresu vaših web stranica, u našem slučaju hoolafotke.hoola.hr. Ujedno vam sustav automatski dodjeljuje i drugi oblik vaše adrese, pod kojim će vas vaši posjetitelji većinom tražiti na Internetu, a to je www.hoolafotke.hoola.hr (jer smo već svi navikli na uporabu www ispred samog naziva).

No, ukoliko registrirate svoju vlastitu domenu putem CARNeta ili nekog drugog davatelja tih usluga, dobivate praktički novu adresu. Recimo da bi za naš primjer dobili domenu www.hoolafotke.hr, koja je sada kraća jer je iz naziva izbačen dio hoola. Promjena domene neće uzrokovati promjenu vaših već kreiranih web stranica. Potrebno je samo upisati novu adresu (mogli bi reći alias) vaših web stranica u sustav.

Dakle, kliknete na “Dodaj novu adresu” i dobivate prozor u kojeg je potrebno upisati novu adresu. Za naš primjer upisali smo www.hoolafotke.hr.

Nakon što potvrdite unos, sustav vam novu adresu prikazuje u listi na lijevoj strani (na posljednjem mjestu). Dakle, kada slijedeći put netko u Internet pregledniku upiše adresu www.hoolafotke.hr, Hoola sustav će prepoznati adresu i otvoriti iste web stranice, koje su bile kreirane pod www.hoolafotke.hoola.hr, ali sa novom adresom na vrhu.

Druga primjena bi mogla biti recimo da imate registriranu domenu na CARNetu sa završnicom .hr i ujedno ste registrirali domenu sa završnicom .com. U našem slučaju bi tad adresa glasila www.hoolafotke.com. I želite da se u oba slučaja otvaraju uvijek iste web stranice. Sve što morate je unijeti najprije jednu, a zatim dodati i drugu, a za ostalo će se pobrinuti sustav. Ukoliko ste krivo unijeli adresu ili ne želite više koristiti neke od njih potrebno je da kliknete na desnoj strani na “Obriši” kako bi tu adresu sustav pobrisao. Naravno, osnovnu adresu koju ste dobili prilikom registracije i aktivacije web stranica, ne možete samostalno izbrisati, zato se uz nju ne nalazi opcija “Obriši”. Pored adresa, na desnoj strani nalazi se i padajući izbornik kojim se određuje jezik u kojem želite da se vaše web stranice otvaraju, u protivnom, otvarati će se u jeziku preglednika posjetitelja vaših stranica.

7.2 e-mail

Odabirom opcije “E-mail” možete po potrebi unositi i mjenjati korisnike mail sustava, unositi eventualne aliase pojedinih korisnika, te preusmjeravati poštu.

7.2.1 Korisnici maila

Odabirom postavke “Korisnici maila” dobivate mogućnost dodavanja novih korisnika web maila odnosno otvaranje email korisničkih računa za vaše zaposlenike ili samo za vas.

Kliknite na “Dodaj novog korisnika maila” kako bi dobili formu za upis novog korisnika. Unesite korisničko ime i zaporku, kao što je prikazano na desnoj slici, a zatim potvrdite unos, klikom na “Potvrdi”. Novi korisnik biti će unešen u sustav, a vidjeti ga možete u listi postojećih korisnika (pogledajte slijedeću sliku).

Za svakog korisnika postoji mogućnost promjene zaporke i mogućnost brisanja iz sustava, kada recimo vaš zaposlenik napusti posao u vašoj tvrtki.

7.2.2 Aliasi

Aliasi služe da se korisniku dodjele različite email adrese, koje će se otvarati sve na jednom mjestu. Kliknite na “Aliasi”, a zatim na “Dodaj novi alias”.

Otvara se forma u koju je potrebno upisati novi alias. U našem će slučaju Marko dobivati na email adresu: marko@hoolafotke.hoola.hr i poštu koja je poslana na email adresu: marko.zupan@hoolafotke.hoola.hr

7.2.3 Preusmjeravanje pošte

Preusmjeriti možete pristiglu e-mail poštu sa ovog korisničkog računa na drugi, kojeg imate otvorenog kod drugog davatelja webmail servisa. Odaberite “Preusmjeravanje pošte”, a zatim “Dodaj novo pravilo”.

Otvara se prozor u kojeg morate unijeti e-mail adresu, na kojoj želite čitati svoju e-mail poštu, pristiglu na vaš Hoola korisnički račun. Nakon unosa kliknite “Potvrdi”. U sustavu se na lijevoj strani ispiše adresa koju ste preusmjerili i adresa na kojoj ćete otvarati pristiglu e-mail poštu.

7.3 Detalji

Opcijom “Detalji” otvara se sučelje u kojem možete mjenjati jezik korisničkog sučelja, promjeniti zaporku, te unijeti osobne podatke.

7.3.1 Jezik korisničkog sučelja

Jezik korisničkog sučelja je jezik u kojem se prikazuju sve funkcije Hoola sustava na vašem ekranu. Primjerice, ako odaberete engleski kao jezik korisničkog sučelja, opcija “Postavke” ispisivati će se kao “Settings” ili opcija “Sadržaj” kao “Content”.

Napomena: Priručnik za korisnike i Pomoć trenutno su dostupne samo u hrvatskom jeziku.

7.3.2 Promjena zaporke

Zaporka koju još nazivamo lozinka ili password, služi za jedinstven pristupni kod kojim se prijavljujete u Hoola sustav. Time vas sustav štiti od neautoriziranih ulazaka i onemogućava da netko nedozvoljeno vrši izmjene na vašim web stranicama. Ako iz bilo kojeg razloga želite promjeniti svoju zaporku možete to učiniti odabirom “Promjena zaporke”. Upišite najprije trenutno važeću zaporku, a zatim unesite novu zaporku. Nakon unosa kliknite na “Potvrdi izmjene” i sustav će spremiti vašu novu zaporku. Kod slijedeće prijave odnosno ulaska u Hoola sustav morate utipkati novu zaporku.

7.3.3 Podaci o korisniku

Kada postanete pretplatnik Hoola usluga potrebno je unijeti i vaše osnovne podatke, kako bi mogli primati račune. Te podatke vidite samo vi i naša služba prodaje i neće biti korišteni u druge svrhe. Na prikazanoj slici vidite primjer unosa osobnih podataka. Ukoliko imate tvrtku, potrebno je unijeti porezni broj tvrtke, odnosno broj dodjeljen od strane Porezne Uprave RH. Ukoliko niste u PDV sustavu (kao npr. fizičke osobe) tada ne vidite Porezni broj.

7.3.4 Podaci za kontakt

Kada želite primati račune na adresu različitu od one koju ste naveli u “Podaci o korisniku” odaberite “Podaci za kontakt” i unesite podatke. Na slici je prikazan primjer unosa.

8 Indeks

1 Uvod.......................................................................................1

1.1 Registracija i aktivacija web stranica................................................ 1

1.2 Prvi ulaz u sustav.......................................................................... 1

1.3 O čemu treba voditi računa kod kreiranja stranica ............................. 2

1.4 Prijava i pristup sustavu................................................................. 2

1.5 Odjava i izlazak iz sustava.............................................................. 2

2 Korisničko sučelje sustava (User interface) ...........................3

2.1 Podjela sučelja ............................................................................. 3

2.2 Pomoć ......................................................................................... 4

2.3 Zajedničke funkcije ....................................................................... 4

3 Dizajn.....................................................................................5

3.1 Odabir rasporeda .......................................................................... 5

3.2 Odabir boja .................................................................................. 6

3.3 Zaglavlje ..................................................................................... 6

4 Struktura web stranica...........................................................8

4.1 “Stablo” web stranica ................................................................... 9

4.2 Dodavanje stranice ..................................................................... 10

4.3 Brisanje stranice ......................................................................... 10

4.4 Izmjena poretka ......................................................................... 11

4.5 Osobine stranice ......................................................................... 11

4.5.1 Status stranice ..................................................................... 12

4.5.2 Naslov stranice, opis i ključne riječi ......................................... 12

4.5.3 Nevidljiva stranica................................................................. 13

4.5.4 Onemogući pristup stranici ..................................................... 13

5 Sadržaj.................................................................................14

5.1 Alati za uređivanje sadržaja: ........................................................ 14

5.2 Alati za uređivanje teksta:............................................................ 15

5.3 Alati za uređivanje slike: .............................................................. 16

5.4 Unos i uređivanje teksta .............................................................. 16

5.5 Unos i uređivanje slike................................................................. 18

5.6 Unos animacija ........................................................................... 21

5.7 Unos i uređivanje poveznica (linka) ............................................... 24

5.7.1 Link na stranicu .................................................................... 24

5.7.2 Link na datoteku ................................................................... 25

5.7.3 Link na email........................................................................ 27

6 Napredne funkcije ................................................................29

6.1 Statistika posjeta ........................................................................ 29

6.2 Vijesti ....................................................................................... 31

6.3 Newsletter ................................................................................. 32

7 Postavke ..............................................................................35

7.1 Website ..................................................................................... 35

7.1.1 Odabir jezika........................................................................ 35

7.1.2 Adrese (URL-ovi) .................................................................. 35

7.2 e-mail ....................................................................................... 37

7.2.1 Korisnici maila ...................................................................... 37

7.2.2 Aliasi................................................................................... 38

7.2.3 Preusmjeravanje pošte .......................................................... 39

7.3 Detalji ....................................................................................... 40

7.3.1 Jezik korisničkog sučelja ........................................................ 40

7.3.2 Promjena zaporke ................................................................. 40

7.3.3 Podaci o korisniku ................................................................. 41

7.3.4 Podaci za kontakt.................................................................. 41

8 Indeks..................................................................................42