CMS - Uređivanje stranica u modelu CMS 2000

OBAVIJEST
Od sada je dostupan i novi model CMS web stranica koji ima puno više mogućnosti i dodatnih modula.
Informacije o novim CMS stranicama potražite na stranicama www.poslovniforum.hr/cms/ ili www.programi.biz.



Napomene i upute

Pristupnu adresu za ulazak u Vašu CMS administraciju primili ste na e-mail, kao i početni password i lozinku.

Preporučujemo da svakako promijenite privremeni password koji ste dobili.

Za password nemojte upisivati neki izraz koji bi netko mogao povezati sa Vama i pogoditi. Npr. ako ste pekar, nemojte za password staviti pekar. Kombinirajte riječi i par brojki, to ne može nitko pogoditi, npr. vitlo372, brtva8363, poker8625...

Zapišite taj password, jer ako ga zaboravite, password se kriptirano zapisuje u bazu i niti ga mi ne možemo vidjeti.

Pored Vašeg glavnog admin passworda, možete kreirati i račune za druge Vaše suradnike, kao što je objašnjeno u nastavku.

Kod izrade ili ažuriranja stranica, koristite INTERNET EXPLORER, jer ako koristite neki drugi browser, npr. Operu, FireFox i sl. pojedina formatiranja teksta mogu izgledati vrlo čudno korisnicima Internet Explorera, jer takvih je korisnika ipak većina.

Ukoliko još nemate ideja kako oblikovati Vaše stranice, pogledajte npr. ove stranice: PRIMJER CMS STRANICA



Teme

Formirajte svoje teme za menu. Mi smo već formirali dvije teme: "Aktualno" i "Druga grupa članaka".
Ovo "Aktualno", preporučamo i da ostavite, a ovo "Druga grupa članaka", možete preimenovati ili izbrisati pa formirati neku drugu temu.

Isto tako, u administraciji možete odrediti i redosljed tema i članaka. Ukoliko ne zadajete redosljed, tada će teme i članci biti razvrstani abecedno.

Tako Vam se trenutno kao naslovna stranica prikazuje članak Test broj 1 u temi Aktualno.

Bilo kojoj drugoj stranici možete zadati da ona bude stranica za nasovnicu i to tako da u željenoj stranici, iznad dugmeta za unos promjena, stavite "kvačicu" u
Site homepage
Dakako, samo jedna stranica Vam može nositi tu oznaku, ili ako ne označite Vi neku određenu stranicu, kao što smo naveli, kao naslovna stranica će se otvarati prva stranica po abecedi, u provoj temi po abecedi.

Preporuka je da stranicu "Test broj 1" preimenujete u "Aktualno", pa će i na taj način ta stranica uvjek biti prva po abecedi, dakle ujedno i Vaša naslovnica. Ta stranica je već i podešena kao "naslovna" stranica, pa i zbog toga je preporuka da je ne brišete, već joj samo promjenite naziv.
 
Kako dodajete, uređujete ili brišete teme i članke

Kada ste u svojoj administraciji, MENU vidite kao na ovoj slici desno.
Vidite već unesene teme (kategorije) i članke (stranice) i link za dodavanje novog članka
+ Add Item

kao i ikone za editiranje već napisanog članka i ikonu za potpunu brisanje članka, odnosno stranice.

Na dnu menija je i link + Add Category (ne vidite ga na ovoj slici desno, ali vidjet ćete ga u meniju). Sa tim linkom dodajte nove kategorije.

Navigacija je vrlo jednostavna kada se jednom na nju priviknete, a i prednost je što se uvjek možete vračati na pojedinu temu ili stranicu i dodatno je uređivati. Možete i promjeniti naziv teme ili naziv pojedine stranice.

Kod brisanja stranice, aplikacija Vas pita da li stvarno želite izbrisati stranicu.

Upisane kategorije (teme) bit će prikazane abecednim redom, no temama možete i vi zadati redosljed prema svojoj želji.
Kliknete na ikonu za editiranje pored naziva teme i odabarete broj u Vertical Position
   



Dodavanje nove kategorije (teme)


Kliknite na kraju Menu-a na link + Add Category

Otvara vam se prikaz kao na ovoj slici:

 
Pod Name upisujete naziv Vaše kategorije koju želite dodati, npr. Usluge
ako ćete tu objavljivati pojedinačne stranice sa uslugama.

Vertical Position je kao što smo već naveli, opcija da Vi sami uredite redosljed od vrha prema dole za prikaz kategorija.
Kada tek formirate kategorije, možete kod svih ostaviti vrijednost 1, što Vam CMS sam po defaultu nudi, a tek kad utvrdite i unesete sve teme, tada ćete klikom na ikone

napraviti konačni raspored.

Za Category type ostavljate kako je i ponuđeno, dakle Normal.
To omogućuje da kasnije u svaku kategoriju dodajete pojedinačne stranice. Opcija Link je ako želite da pod stavku kategorije zapravo odmah dodate link, npr. na http://www.google.com

Ostavite uključeno Visible in menu, dakle da je normalno dodana kategorija i vidljiva posjetiteljima u meniju.
Kad ste gotovi sa unosom, kliknete na Apply changes



Dodavanje stranica (članaka)

Kao što smo već spomenuli svaki novi članak dodajte tako da u točno ŽELJENOJ kategoriji, kliknete na link + Add Item
 
Dakle, kao na ovoj slici, kada ste prvi puta došli u administraciju, već smo Vam pripremili kategoriju, to jest temu Aktualno, i u njoj dva testna članka, to jest stranice.
Kao što smo i naveli, kao defaulta stranica Vam se prikazuje prvi članak po abecedi u prvoj kategoriji po abecedi, dakle naslovnica koju ste vidjeli je zapravo u članku to jest stranici naziva Test broj 1. Kako to promjeniti, također smo već naveli u uvodu.
Postojeće ove stranice, možete i izmejniti, i njihov naziv i njihov sadržaj, ako kliknete na
dakle nije nužno da ih obrišete, ali možete ih i u potpunosti obrisati. Za sam početak je bolje da ih ne brišete već da se vježbate na njima.


Nakon što ste kliknuli na + Add Item otvara vam se stranica na kojoj Vas se pita What sort of item would you like to add?

te dakako Vi odaberete ponuđeni link na kojemu piše: A new web page

Kada ste to napravili otvara Vam se stranica za editorom u kojemu uređujete svoj tekst i slike:


 


U EDITORU imate glavno polje za unos teksta i iznad njega u tri reda cijeli niz ikona za uređivanje teksta i slika, crtanje tablica i cijeli niz drugih opcija.
Ikone i opcije su kao u WORD-u te držimo da nije neophodno ovdje ponaosob svaku objašnjavati.

Navest ćemo samo napomene za nekoliko najvažnijih.



Dodavanje slika 

Prvo morate pripremiti slike na svom računalu. Vi birate koje ćete slike zapravo objaviti. To su najčešće ili baš Vaše fotografije, koje se odnose na Vašu tvrtku, djelatnike, proizvode... ili fotografije možete naći i na internetu, ako npr. prodajte proizvode nekih tvrtki koje već imaju svoje web stranice i odakle možete skinuti fotografije.
Za pronalaženje fotografija, ili idete direktno na stranice proizvođača određenog proizvoda, ili općenito fotografije za dekoraciju možete tražiti i npr. preko Google tražilice, i to preko njihove specijalizirane tražilice za slike.
Ovo je je direktni link: Klikni ovdje, otvorit će se nova stranica u novom prozoru

Uglavnom, bez obzira odakle Vam fotografije, morate ih imati na svom računalu, i morate ih pripremiti u smislu dimenzija.

Dimenzije fotografije mjere se u pixelima. Trebate također imati barem jedan program za obradu fotografija, a za one koji možda to ipak nemaju, raspitajte se kod prijatelja, ili nabavite CD od časopisa BUG i sličnih časopisa, na njihovim CD-ima uvjek ima i programa za obradu fotografija. Također, programe i to besplatne (freeware) možete naći i na www.download.com ili ako slabije stojite sa engleskim, posjetite http://www.download.hr/
Za krajnju nuždu, postoje i on line alati, dakle na web stranicama na internetu, gdje se može napraviti resize slika.
Evo nekoliko linkova: Link 1  Link 2  Link 3  Link 4  Link 5  Link 6  Link 7  Link 8  Link 9  Link 10 


Bitno je da vodite računa, da fotografija bude u .jpg ili .gif formatu, te da
maksimalna širina fotografije ne prelazi 620 pixela.

Visina fotografije nije bitna, no ako je fotografija šira, "razbit" će stranicu, to jest, raširit će Vam prostor stranice od širine zaglavlja, te takva stranica neće izgledati nimalo lijepo.

Zato, ako imate veće fotografije, pogotovo one sa digitalnog foto aparata, potreban Vam je neki od grafičkih programa da napravite resize fotografije, dakle da joj izmjenite širinu (i visinu).

Na svakoj Vašoj stranici može biti više fotografija, po Vašem izboru.
Možete imati samo jednu fotografiju preko cijele širine stranice, ili možete staviti dvije ili tri ili više fotografija u jedan red.
Kako to izgleda, možete pogledati ovdje na našem primjeru u CMS 2000    Link na primjer >>>>>

Dakle, vidjet ćete da smo kombinirali sa tekstom, u jednom redu dvije fotografije, pa tri fotografije, i na kraju samo jedna fotografija širine 620 pixela.
Ako planirate postaviti dvije fotografije, tada ih pripremite na širinu od 300 pixela, a ako planirate postaviti tri fotografije, tada im širinu odredite na 200 pixela. Naravno, vodite računa i da fotografije budu iste visine, jer u protivnom neće biti skladno.
Fotografije mogu biti priljubljene jedna uz drugu, ili napravite razmak od dva ili tri slovna mjesta, kao što je to u našem primjeru.

Ako pak želite, da fotografija nije ispod teksta, već pored teksta, lijevo ili desno, kao što možete vidjeti na ovom primjeru
klikni na ovaj link za primjer, otvorit će se u novom prozoru
tada morate prvo nacrtati tablicu, od jednog reda i dvije kolone, pa u jednu kolonu dodajte tekst, a u drugu fotografiju.
Opširnije o tome u nastavku, u poglavlju o tablicama.

Ako ste pripremili fotografije, i osmislili ste njihov broj i raspored, prijeđimo sada na konkretno dodavanje fotografija na stranice.

Iznad prostora za unos teksta, u alatnoj traci sa svim ikonama, pronađite ikonu  

Kursor (strelica miša) mora biti u polju za unos teksta, i kada kliknete na navedenu ikonu, otvara se novi pop-up prozor, izgleda kao na slici u nastavku.
Uočite novu karticu na koju pokazuje strelica miša na slici, dakle karticu UPLOAD. Kliknite na UPLOAD!

Nakon što Vam se je otvorio novi prozor
Image propertis, odaberite katicu Upload




(strelica miša na slici pokazuje
gdje se nalazi kartica Upload)

Nakon što ste odabrali karticu Upload,
kliknite na dugme Browse...
i nađite svoju prvu sliku koju želite dodati.

Nakon što ste selektirali sliku,
sliku prenosite na svoj hosting, dakle na svoje stranice, tako da kliknete na dugme
Send it to the Server

Nakon što ste kliknuli na
Send it to the Server
slika se prenosi na hosting i prikazuje se u
preview prostoru.

Ovdje sada postoje i dodatne opcije za uređivati sliku za naprednije korisnike,
a da bi konačno "ubacili" sliku u Vašu stranicu,
preostaje da još samo kliknete na dugme
 OK
kao što je to i pokazano strelicom na slici lijevo.



Cijeli taj postupak je zapravo vrlo jednostavan, samo ga treba nekoliko puta isprobati.


Opisani postupak ponavljate za svaku sliku koju želite dodati na svoje web stranice.
 




Priprema teksta za stranice

Preporučujemo da tekst za svoje stranice pripremite "off line", dakle prvo "na miru" sastavite tekstove (i pripremite fotografije),
a kada ste sve pripremili, tada se logirate u administraciju i napravite unos teksta i fotografija.

Tekst možete kopirati direktno u EDITOR za unos u administraciji, ali fotografije iz npr. WORD-a ne možete kopirati, već ih morate dodavati kako je to opisano naprijed.
Stoga, i kod pripreme članaka, nepotrebno je da fotografije insertate u WORD, već samo predvidite mjesta gdje će doći fotografije.

Zapravo, još je bolje da tekst ne pripremate u WORD-u, već u programu koji se zove NOTEPAD.
To je jednostavni tekst editor, koji imate na svom računalu, a naći ćete ga pod
START / All programs / Accessories / Notepad

Zašto je bolje koristiti Notepad? Zato što se u Notepadu ne formatira tekst, dakle tekst koji kopirate iz Notepada nema već definiranu vrstu fonta, veličinu fonta, boju i slično.

Editor u CMS aplikaciji već je podešen na optimalni font, tako da ako unosite tekst iz Notepada, tekst će se formatirati prema postavkama CMS Editora, a samo dodatno u CMS editor zadate veća slova za naslove, bold (masna slova) i slično.
Na taj način, večini korisnika je zapravo lakše raditi, no ukoliko mislite da Vam je lakše raditi u Wordu, Vi radite u WORD-u.

Još nekoliko savjeta vezanih uz tekstove;
Vodite računa što i kako pišete. Pročitajte pažljivo sve nekoliko puta. Izbjegavajte pretjerano samohvaljenje. Pišite u trećem licu jednine (upravni govor). Pišite književnim hrvatskim jezikom. Ne pišite sve velikim štampanim slovima. Velika slova na internetu znače "deranje". Pazite na zareze, zarez se piše iza riječi, te potom dolazi razmak pa nova riječ. Isto vrijedi i za točke.
Možda će nekima biti smješna ova napomena, no nevjerojatno je koliko ljudi ne zna pravilno postavljati zareze, i što se sve vidi po sranicama. Pazite na č i ć (i sam autor ovog teksta ima problema sa time, priznajem. Ako ste našli u ovim uputama koju pravopisnu grešku, ne zamjerite, Vi se potrudite da Vaši tekstovi budu bolji).



Rad sa tablicama

Nije nužno da se maltretirate sa tablicama, ali tablice mogu korisno poslužiti za prikaz podataka, ili za naprijed spomenuto uređivanje stranica, tako da se tekst može postaviti i pored fotografije, a ne da fotografija dolazi uvjek samo ispod teksta.
Primjer sa tekstom lijevo od slike Kylie Minogue

Kako to napraviti?
Iznad prostora za unos teksta, u alatnoj traci sa svim ikonama, pronađite ikonu  
Kursor postavite na poziciju gdje želite ubaciti tablicu i kliknite na ikonu za dodavanje tablice.
Otvara Vam se novi pop-up prozor, koji izgleda ovako:
 
Ovdje uređujete koliko želite redova (Rows)
i koliko stupaca (Columns).

Za jednostavnu tablicu, upišite 1 Rows i 2 Columns, kao što je i prikazano na slici.

Naveli smo već naprijed da je maksimalna širina slike na stranicama, a samim time i stranica; 620 pixela.
Zato ako crtamo tablicu od dva stupca, odaberite da je širina pojedine čelije (Cell)
kao što je to i na slici; 310 pixela.

Još što je vrlo bitno, a to je da možete birati da li da se vide rubovi tablice ili ne.
Ako ne želite da posjetitelji vide tablicu, tada za Border size trebate unjeti 0, a ako ostavite 1, tada će se vidjeti obrub tablice u prikazu na stranicama.
 

S obzirom da radimo "nevidljivu" tablicu, dakle tablicu koju posjetitelj ne treba vidjeti, već nam tablica samo služi da bi ukrotili sliku i tekst kao na primjeru sa tekstom lijevo od slike Kylie Minogue trebamo odabrati da je Border size: 0
a sliku koju planiramo postaviti, pretpostavljate već, trebamo pripremiti tako da joj je maksimalna širina 310 pixela.
Moguće su i druge kombinacije, čisto stvar matematike, no ono što uvjek naglašavamo, ukupni zbroj ne smije prijeći 620 pixela.

Kada ste odredili Table properties, kliknete na OK i tablica se "nacrta" u Vašem CMS editoru i izgleda ovako:

  

Zapravo, vidite tablicu bez ovih naših napomena gdje dolazi tekst i gdje se inserta slika, to smo stavili da bolje znate gdje ćete što stavljati, dakle Vi vidite samo tablicu, od kako smo naveli, jednog reda i dva stupca.

Rekli smo i da smo zadali za Border size da je 0, i to je točno, no Vi ipak kao administrator vidite rubove tablice, vidite taj rub kao sivu duplu crtu, i to zato da bi mogli raditi, jer da nema toga kako bi uopće znali gdje je što u tablici.

No bez brige, kada Vi objavite članak, taj rub oko tablice se ne vidi. Dakle posjetitelji Vaših stranica neće vidjeti rub, kao što se ne vidi rub na već spomenutoj stranici sa Kylie Minogue.
I u ovim uputama, vidite da imamo slike u tekstu, točnije pored teksta, sve su to tablice, ali nevidljivih rubova.

Ako pak želite napraviti klasičnu tablicu, za neke podatke u tablici, kao npr. neki cjenik, tada ćete za Border size zadati 1.

Ili, takve tablice možete i kopirati direktno iz WORD-a ili EXCEL-a, kao što to možete vidjeti u primjeru na Vašem CMS-u, u kategoriji "Druga grupa članaka", "Probni unos broj 3". Pogledajte svoj CMS i nađite taj članak.



Kako promjeniti sliku u zaglavlju?

Logirajte se u svoju administraciju na svojemu CMS-u. Čim se logirate, imate na popisu i stavku
 
  File Management
Upload and manage files.

Kada uđete u File Management imate dodatne opcije. Jedna od njih je, pogledajmo prvo, View Images.
Ovdje pod View Images možete pregledati i sve slike koje su već uploadane, i sve slike koje ćete i inaće uploadati.

Na popisu slika vidjet ćete i slike   0000back.gif      i     0000logo.gif

Prva slika je slika za pozadinu (margine), a druga slika naziva  0000logo.gif  je zapravo upravo Vaše zaglavlje.

Vratite se sada korak nazad, dakle ponovo na stranicu File Management i prva stavka na toj stranici (na istoj stranici gdje je bio i link prema View Image), je i stavka odnosno link naziva Upload Files.

Kada kliknete na Upload Files, otvara Vam se novi prozor, sa već poznatim sistemom, gdje imate dugme Browse za pronaći sliku i zatim je prebaciti na Vaš hosting.

Naravno, prvo trebate pripremiti svou novu sliku za zaglavlje. Bitno je da je slika dimenzija točno 900 x 120 pixela,
te da joj date naziv  0000logo  i da je to  .gif  slika (a ne .jpg ili nekog drugog formata).
Zašto .gif ? Zato što se u GIF-u mogu napraviti i jednostavnije animacije.

Dakle, kada uploadate Vašu novu sliku zaglavlja, nova će slika prepisati staru sliku i na taj način ćete izmjeniti zaglavlje.

  Pod stavkom File Management imate i opciju Manage Files, to je apliacija koja također služi za upload fajlova, ili njihovo brisanje. Dakle, možete na svoj hosting uploadati i PDF dokumente, ZIP, video, audio...
Pomoću te aplikacije možete i brisati slike ili druge fajlove ako Vam nekada postanu nepotrebni.

Pod stavkom File Management imate i opciju, odnosno link Statistics gdje možete pratiti broj posjetitelja na Vašim stranicama, kao i zauzetost hostinga, kako bi znali koliko još imate slobodnog prostora od hosting paketa koji ste zakupili.



Osnovne postavke na Vašem CMS-u
Odmah nakon logiranja u Vašu administraciju, imate i stavku Configuration označenu sa slikom   

Ulaskom u Configuration podešavate natpis o nazivu Vaših web stranica, tekst ispod svih članaka, tekst ispod menu-a, pokretni tekst i druge postavke.

Pokretni tekst je ne samo efektan, već i vrlo koristan. Tu možete upisati određenu aktualnu ponudu koji naročito želite istaknuti. Pošto tekst "teče" u jednom redu, taj tekst može biti "dugačak" koliko želite.

Također, tu postoji i opcija podešavanja Upload directory-a i to ne smijete mijanjati!

Sve ostalo smijete mijenjati, pa tako možete mijenjati i Color Scheme. Color Scheme je boja na vrhu stranica, ispod zaglavlja, i trenutno Vam je uključena Blue, tj. plava boja, što ste i primjetili kada ste prvi puta došli na Vaš CMS 2000.
Opcija Language sa ponuđenim jezicima je opcija samo za prijevod administratorskog sučelja. Trenutno Vam je administracija na engleskom. Odabrani jezik prijevoda administracije nema veze sa jezikom tekstova na Vašim stranicama.

U administraciji postoji i stavka (link) Colors and Fonts za podešavanje boja za tekstove, font i izbornik menu-a, ali CMS Vam je podešen na optimalne postavke, i ne preporučamo da mijenjate te postavke, ako baš niste sigurni što želite postići.
Ako baš idete u promjene, zapišite prvo koje su bile početne vrijednosti, i mijenjajte jedno po jedno, svaki puta gledajući promjene u krajnjem prikazu, kako bi se po potrebi lako mogli vratiti na početne vrijednosti.


 
User Administration

U postavkama User Administration možete promjeniti password, te pored toga možete dodavati i svoje pomoćne administratore, kojima možete dodjeliti različite ovlasti, manje od Vaših glavnih administratorskih ovlasti.
To je izuzetno praktično za veće tvrtke ili udruge, gdje možete povjeriti nekoj osobi da samo upisuje članke, ali da ne može mijenjati glavne postavke Vašeg CMS-a. Detaljnji popis ovlasti nalazi se u pregledu kada uđete u User Administration.

Napomena: Obvezno odmah izmjenite password koji ste dobili od Poslovnog foruma, kako Vam netko ne bi promjenio podatke, jer prvi password koji ste dobili je tipski demo password.
Dakako, vodite računa koji ste password zadali, jer se password kriptirano zapisuje, pa ako ga zaboravite, niti djelatnici Poslovnog foruma Vam neće moći tek tako pomoći, bit će nužno rekonstruiranje sadržaja iz baze i ponovno formiranje, a to je popriličan trošak.
     







Molimo, isprinatajte ove upute i imajte ih pri ruci kada po prvi puta radite sa CMS-om.

Pročitajte ih pažljivo, zapravo, trebate ih naučiti. U Vašem je interesu da što bolje naučite kako kvalitetno uređivati stranice.

Sada kada prvi puta ovo čitate, možda Vam sve izgleda dosta složeno, ali sve je to zapravo vrlo jednostavno, samo treba nekoliko puta isprobati.

Da ste i naručili "klasičnu" izradu web stranica, dakle da Vam cijele stranice napravi neki webmaster, da kao nemate Vi nikakvu brigu sa time, to i nije baš tako. Svejedno bi morali Vi pripremiti sve tekstove i sve slike, morali bi isto pripremiti tablice, morali bi isto webmasteru predati teskst i slike pripremljene na način kao što se i pripremaju za CMS.
Napravili bi isti posao, samo što na onome što bi Vam napravio webmaster "klasičnih stranica" više ne bi mogli sami nikad mijenjati.

Sve ovo što naučite, uvjek će Vam dobro doći, jer ne radite stranice samo za sada i nikada više, imat ćete web stranice i narednih pet, i deset, i više godina, zapravo cijeli život, u Vašoj ponudi usluga ili proizvoda imat ćete naravno uvjek promjena, i tada ćete najbolje shvatiti koliko je bilo pametno odlučiti se za CMS gdje uvjek možete sami, bez čekanja i bez dodatnih plaćanja, ažurirati svoje stranice.



Ostalo:

Upute za MAIL SERVER


Stranica sa uputama za Mail Server



Upute za podešavanje Outlooka i drugih programa za e-mail

Stranica sa uputama za e-mail





Ukoliko Vam je potrebna dodatna pomoć ili informacije, kontaktirajte nas. Stranica sa kontakt podacima.



     Poslovni forum d.o.o.








Napomena:

Ne pokušavajte sami raditi prepravke na programskom dijelu CMS aplikacije koje ne spadaju u redovan unos putem administratorskog sučelja. Pod time mislimo na mijenjanje source code-a samih web stranica, pristupanju stranicama putem FTP programa i sl. bez obizira da li ste i sami webmaster ili webprogramer. Takvim neovlaštenim izmjenama ozbiljno riskirate da CMS stranice prestanu ispravno funkcionirati. Također, CMS je podešen tako da radi isključivo na hostingu Poslovnog foruma d.o.o.
Ukoliko se upustite u samostalno reprogramiranje ili redizajniranje CMS stranica, bez odobrenja Poslovnog foruma d.o.o., Poslovni forum d.o.o. ne odgovara za moguću štetu ili neispravnost, te neće besplatno otklanjati tako nastale neispravnosti.