|
Telefon za informacije
051 / 437 803
| |
|
| |
RAD SA LINKOVIMA
Pored slika i tekstova, na Vaše stranice, ukoliko za tim imate potrebe, možete postaviti i link,
bilo prema nekoj drugoj konkretnoj stranici na Vašem web portalu, ili prema nekim drugim stranicama.
U administraciji Vaših CMS stranica kod unosa ili ažuriranja članaka na
raspolaganju Vam je ugrađeni Tekst Editor, koji ima alatke (icone) kao i npr.
WORD. Ugrađeni Tekst Editor se i ponaša vrlo slično kao npr. WORD pa tako i
ako napišete i e-mail adresu ili link, Editor to prepoznaje.
Ako napišete npr.
http://www.poslovniforum.hr
i nakon toga samo još pritisnete tipku za razmak, ili prijeđete u novi red, link će automatski
"poplaviti", dakle postat će pravi link na koji se može kliknuti, npr.
http://www.poslovniforum.hr
Na ovaj način, napisali ste link, i na linku ujedno i piše prema kojoj on adresi vodi.
Ponekad imamo situaciju, naročito kod dužih linkova, da u tekstu Vaših
stranica ne stoji napisan link koji je cijela kobasica, kao npr. ovo:
http://www.poslovniforum.hr/cms/upute/cms4000.asp
već želite da postoji link, naravno ispod kojeg je adresa, a da u prikazivanju
bude samo jedna riječ ili kratki opis, npr.
Pregled uputa
U nastaku dajemo opis kako to napraviti:
Otvorite u administraciji Vašu
stranicu sa formom za
objavljivanje tekstova.
Napišite tekst članka i napišite ili kopirajte link, npr.
http://www.poslovniforum.hr/cms/upute/cms4000.asp
Na stranici za unos
tekstova, u iconama za alatke pronađite iconu koja ovako izgleda: 
Ona se nalazi u prvom redu izbornika sa alatkama:
Dakle, nakon što ste napisali link, a pod tim mislimo da je on i zaista
"poplavio", npr.
http://www.poslovniforum.hr/cms/upute/cms4000.asp
kliknite na iconu i tada ćete vidjeti
source code Vaših stranica. Sve što vidite na stranicama uvjek je
formatirano uz pomoć HTML jezika koji vam ako nemate iskustva izgleda kao
cijeli niz čudnih i nepreglednih znakova, ali to je upravo source code
i on ima svoju svrhu.
Kada ste kliknuli na iconu pronađite gdje
vidite zapis u ovakvom obliku:
<a href="http://www.poslovniforum.hr/cms/upute/cms4000.asp">
http://www.poslovniforum.hr/cms/upute/cms4000.asp</a>
Link da bi bio link, da se na njega može kliknuti, u HTML jeziku se zapisuje u ovom obliku:
<a href="adresa">Tekst na linku</a>
Obratite pozornost na sve znakove, na svaku strelicu, navodnik i sl. Sve je
bitno i ne smije biti odsupanja u pisanju.
U prvom dijelu sintakse je adresa, a u drugom dijelu je tekst koji želite da
piše u prikazu linka.
Da se vratimo na naš primjer, kada ste napisali ili kopirali link, Tekst
Editor je sam u tekst u prikazu linka ponovio ono što je i konkretna adresa.
Dakle, logično, u drugom dijelu ispisa, umjesto linka koji se još jedanput
ponavlja, napisat ćete tekst, i to će onda izgledati ovako:
<a href="http://www.poslovniforum.hr/cms/upute/cms4000.asp">Pregled uputa</a>
Nakon što ste to prepravili, kliknite ponovo na iconu
kako bi se vratili na normalni pregled Vašeg teksta koji unosite, a ujedno i
provjerili da li ste sve dobro napisali.
Stranicu ne spremate kada ste u prikazu source coda, naravno, kao što smo
naveli, prvo se vratite u normalni pregled.
Na isti način možete postavljati i link prema bilo kojem drugom dokumentu, npr. prema slikama.
Npr. želite objaviti link prema ovoj slici
http://www.poslovniforum.hr/images/logo.jpg
ali da u tekstu ne bude ova kobasica od linka, već da stoji natpis
Logotip Poslovnog foruma
Prebacivanjem u HTM code putem icone vidjet
ćete HTML code linka:
<a href="http://www.poslovniforum.hr/images/logo.jpg">
http://www.poslovniforum.hr/images/logo.jpg</a>
koji ćete prepraviti na
<a href="http://www.poslovniforum.hr/images/logo.jpg">Logotip Poslovnog
foruma</a>
Sve je vrlo jednostavno, samo treba nekoliko puta probati. U Vašoj
administraciji otvorite neku praznu stranicu, te isprobajte samo pisanje linkova.
Pripremili smo Vam i jednu jednostavnu aplikaciju u sklopu stranica ovih
uputa, gdje također možete isprobati pisanje linkova i odmah po pisanju ili
prepravljanju provjeravati da li ste to dobro izveli. Svakako isprobajte.
Link na online primjer za probe
Tips & Tricks
| | |
