Tema 9. DOPUNE Dopisna škola HTML-a

a) Postavka hrvatskih slova

Obzirom da će vaše WEB stranice, kada ih postavite na Internet, biti dostupne ljudima svih govornih područja i jezičnih skupina, morate voditi računa o tome da u svom HTML dokumentu definirate kodnu stranicu govornog područja na čijem jeziku je taj dokument napravljen.
U našem slučaju radi se o kodnoj stranici "
windows-1250" (moguća je i postavka "ISO-8859-2", ali za početak i ovo je dovoljno!).
Definiranje kodne stranice obavljate unutar
<HEAD> sekcije i time osiguravate da korisnik vaše WEB stranice na svom ekranu uvijek vidi odgovarajuća HR slova (š, đ, č, ć, ž) ukoliko posjeduje tu mogućnost u svom browseru i ako je ona dobro podešena.
Dakle, unutar
<HEAD> sekcije svih svojih HTML dokumenata obavezno ubacite:

HTML naredba Objašnjenje Rezultat u browseru

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</HEAD>


- postavka HR slova

(vidljivost HR slova)

U prilogu se nalazi datoteka ds-vje9a.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


b) Specijalni znakovi

Primjetili ste do sada da pojedini znakovi predstavljaju naredbe HTML-a (posebno < > a unutar njih # & " ...)
Nadalje, primjetit ćete da koliko god vi razmaka (razmaknicom) u HTML-u stavljali, uzet će se u obzir samo jedan (prvi) razmak!
Dakle, što ako unutar svog teksta zatrebamo upravo te znakove ili poželimo staviti više razmaka?
Ako znate što su to ASCII kodovi znakova u nekoj kodnoj stranici, stvar postaje savršeno jednostavna...
No, bez obzira na to, pogledajte donje objašnjenje koje će vam za početak biti dovoljno:

HTML naredba Objašnjenje Rezultat u browseru

<BODY>
&#169;<BR>
&#35;<BR>
&amp;<BR>
&quot;<BR>
&lt;<BR>
&gt;<BR>
&nbsp;<BR>
</BODY>


- ASCII kod zaokruženog slova C
- ASCII kod znaka
#
- specijalni HTML kod znaka
&
- specijalni HTML kod znaka
"
- specijalni HTML kod znaka
<
- specijalni HTML kod znaka
>
- prazno mjesto (razmak)

©
#
&
"
<
>

U prilogu se nalazi datoteka ds-vje9b.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


c) Označavanje linkova na Internetu

Svi primjeri upućivanja na neki link koje smo do sada obradili odnosili su se na HTML dokumente, fotografije ili .MID datoteke koje su se nalazile na našem kompjuteru i koje su bile u istom folderu (direktoriju) kao i HTML dokument iz kojega su pozivani.
Iz tog razloga bilo je dovoljno navesti samo naziv željenog dokumenta u linku, bez određivanja punog puta (PATH) do njega.

Kada svoje stranice postavimo na neki od servera na Internetu, moramo voditi računa o slijedećim stvarima:

1. Mjesto koje dobijemo na nekom Internet serveru, u smislu organizacije foldera (direktorija) ne razlikuje se puno od diska na našem kompjuteru...

Pa tako, na primjer, ako rezervirate svoj kutak na Geocitiesu, vaša adresa (konkretno moja adresa!) sa punim navedenim putem (PATH) glasi:
http://www.geocities.com/athens/academy/4126/
gdje oznaka 4126 predstavlja moj folder (poddirektorij) koji su mi udjelili i tamo se nalaze svi moji HTML dokumenti, slike, .MID datoteke i drugo, potrebni za ispravan rad mojih WEB stranica...
Istovremeno, sve se to nalazi i na mom kompjuteru (ali nedostupno drugima i samo za moju osobnu uporabu) na folderu (direktoriju):
c:/web/skola

Ako znate ime bilo kojeg od tih dokumenata, onda, dok ste na Internetu, možete u "address" upisati:
http://www.geocities.com/athens/academy/4126/imeHTMLdokumenta.html
(naravno, to se odnosi na moj kutak na Geocitiesu) i taj dokument ćete učitati u svoj browser, taman da na njega ne postoji nigdje na svijetu nikakav link i taman ga autor brižno čuvao od tuđih očiju! A upravo nekoliko takvih i imam na tom serveru!
Lijepo, zar ne! Znam da se nekima rađaju neke hackerske ideje, ali nije baš lako nasumično pogoditi ime dokumenta...
;>>>
(Posebno ako imamo u vidu da to mogu biti i .JPG, .GIF .ZIP, .MID, .EXE i svi drugi dokumenti, s tom razlikom što ćete u tom slučaju pokrenuti njihov download na svoj kompjuter... osim fotografija - koje ćete prvo učitati u browser...)

No, skrenite sada pozornost sa svojih hackerskih zamisli na cilj ove teme pa uočite kose crte ("
/") u navođenju puta (PATH) do željenog foldera.
Kao što vidite, u suprotnom su smjeru nego što je to slučaj u DOS-u i u Windowsima ("
\"), pa se na njih i naviknite kada je u pitanju Internet!.

2. Ako sve dokumente vezane za ispravan rad naših WEB stranica držimo na istom folderu (bilo na svom kompjuteru ili nekom Internet serveru), tada je dovoljno da u linku na neki od tih dokumenata navedemo samo izvorno ime tog dokumenta, kako smo to radili i u svim ovim primjerima.
Usput, put do nekog foldera ili Internet adrese prakticirajte pisati malim slovima zbog određenih ograničenja operativnih sustava!

3. Ako dokumente na Internetu držimo na različitim (niže razgranatim) folderima, tada, ako je željeni dokument na nekom nižem folderu (koji se grana iz foldera iz kojega ga pozivamo), dovoljno je napisati:
/ImeNižegFoldera/NazivDokumenta.html (ili pak .GIF, .JPG, .ZIP ...)
što je čest slučaj na profesionalnom WEB prostoru, gdje (za razliku od većine FREE WEB prostora) imamo mogućnost da svoj osnovni folder granamo na niže foldere, pa onda obično napravimo poseban folder za fotografije, poseban za .MID datoteke, itd...

4. Ako želimo napraviti link na neki dokument koji se nalazi na nekoj drugoj adresi, onda moramo navesti punu Internet adresu ili put (PATH) do tog servera i foldera. Na primjer, puni put za WEB stranice Internet Monotora bio bi:
http://www.monitor.hr/

5. Ako dobro pogledate, u prethodnom linku na Internet Monitor nismo naveli ime dokumenta koji želimo učitati već link završava sa kosom crtom ("/") a koja znači da se automatski učita fajl index.html (ili index.htm) sa tog foldera...
Čak da i nismo stavili tu kosu crtu na kraju, opet bi se automatski učitao fajl index.html, naravno, ako postoji na tom folderu!
Iz toga proizilazi da svoj "glavni" HTML dokument uvijek morate nazvati index.html (ili index.htm).

HTML naredba Objašnjenje Rezultat u browseru

<BODY>
Link na časopis <A HREF="http://www.monitor.hr">MONITOR</A>
</BODY>


- link na časopis MONITOR
(ako želite isprobati
morate biti spojeni na Internet)

Link na časopis
MONITOR

U prilogu se nalazi datoteka ds-vje9c.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


d) Ostale opcije unutar HTML naredbi i kompatibilnost browsera

Do sada smo obradili samo neophodne osnove za rad u HTML-u.
I o tome morate voditi računa. Dakle, nismo obradili sve moguće funkcije HTML-a!

Osim toga HTML je jezik koji se stalno razvija i čiji je razvoj potrebno stalno pratiti ako želite biti u trendu glede izrade WEB stranica.
Da bi pratili ovaj trend, potrebno je da se uključite bar na neke od mnogih grupa na Internetu koje raspravljaju i razmjenjuju iskustva o toj problematici.
Osobno bih vam preporučio da bar povremeno "skoknete" na slijedeće stranice ukoliko se želite baviti ovom tematikom:

WEB konzorcij
WEB tools
DHTML Code Library

Tu ćete pronaći mnogo korisnih savjeta ne samo glede izrade HTML dokumenata već i kompatibilnosti browsera!
Također, to su mjesta gdje ćete uvijek moći među prvima doznati o svim novostima glede razvoja HTML naredbi.

Nadalje, posebno morate voditi računa da sve HTML naredbe nemaju jednak efekat u različitim browserima!
U suprotnom, vaša lijepo urađena WEB stranica koju ste testirali u Internet Exploreru u drugim browserima ne samo da može izaći krajnje neukusna, već u potpunosti može izaći nečitljiva (pa čak i proizvesti pad nekog "nesretnog" browsera) u kojem slučaju možete očekivati i vrlo neugodne kritike od korisnika i mnoge "klijentele" koja "surfa" Internetom...

No, ne brinite previše! Ako ste stvarno uspješno ovladali temama iz ove Dopisne škole HTML-a onda nemate razloga za paniku!
Jer sve naredbe koje smo proradili funkcioniraju u većini standardnih browsera.
:-)))
A sa tim znanjem možete napraviti i više nego prosječnu HTML stranicu!

Kad-tad okušat ćete se i u nekom od specijaliziranih programa za izradu HTML stranica... i to morate!
Jer to je ipak lijep ugođaj! A vi imate sve predispozicije da u kratkom vremenu ovladate svim njihovim funkcijama!
Ali nemojte se iznenaditi ako mnoge stvari urađene s tim "inteligentnim" programima ne budu baš radile toliko inteligentno!
Posebno nakon što ih postavite na Internet!
I zato se nemojte libiti da tako urađene svoje HTML dokumente jednostavno učitate u NotePad (npr.) i ručno obavite ono što se mora!
:-(((

Zatim, imajte na umu da u ovoj školi nismo obradili sve HTML naredbe, a i one koje smo obradili uglavnom unutar sebe nisu sadržavale sve funkcije i prekidače koji su mogući...
Ali zato ste stekli preduvjet da sve te ovdje neobrađene funkcije i prekidače bez problema (tek uz malo vježbe) lako shvatite i uporabite kada dođete do njihove sintakse. U tom cilju ovdje vam dajem link na jednu datoteku pomoći u kojoj možete pregledati i naučiti o svemu onome što ovdje nismo stigli:

HTML naredba Objašnjenje Rezultat u browseru

<BODY>
<A HREF="html-hlp">HTML HELP</A>
</BODY>


- link na datoteku pomoći
HTML HELP
(nakon klika na ovaj link, u ponuđenom izborniku
izaberite opciju
"Open this file from current location")

U prilogu se nalazi datoteka ds-vje9d.htm koja prikazuje uporabu ovih naredbi u praksi.
Njen izvorni kod slobodno možete mijenjati u cilju vježbe.


I tako smo došli do kraaaja!
Ako se nakon ovoga još uvijek želite uključiti u dopisnu školu JavaScripta, javite se na donju adresu!


Obrada i web: damir.tomsicMožete pisati na ovu adresubj.hinet.hr