|
 Želite naučiti kako napraviti kvalitetne web stranice? Ništa lakše. Samo pažljivo proučite slijedeće lekcije našeg e-učitelja Kartel@ i sve će vam biti jasnije. Najveća poslastica u svemu ovome je kako je ovo sve na razumljivom hrvatskom jeziku i - besplatno.
Sadržaj (Web quality - www.w3c.org):
1. HTML
2. CSS
3. Provjera ispravnosti (validation)
4. Pristupačnost
5. Uporabljivost
6. Za koga radimo stranice?
1. HTML
HTML se ovako razvijao od svog nastanka do danas: HTML 1, 2, 3, 4, 4.01, XHTML 1. Vidmo da se posljednja verzija HTML-a zove XHTML.
HTML je svima lagan jer ste ga mogli pisati kako zelite: malim slovima, velikim, izostaviti pojedine dijelove itd. Razvojem tehnologije razvijale su se i preporuke World Wide Web Consortium-a. Bežična mreža je postala normalna stvar, a to je ponovo vratilo vodu na različite prijenosne uređaje koji su mali koliko je god moguće, ali i te kako žele pristupati Web-u.
XML (EXtensible HyperText Markup Language ) je mlađi rođak od HTML koji ima pretenzija zamjeniti u cjelosti HTML. Tako je nastao XHTML kao prijelazni kod od HTML-a do XML.
XHTML je gotovo identičan HTML 4.01. Svi koji danas započinju svoje profesionalne karijere Web kreatora trebali bi pisati svoje web stranice u XHTML-u. XHTML stranice podržavaju XML, što više, XHTML stranice su samo jedna od aplikacija XML-a. Tako ste osigurali budućnost svojim stranicama.
XHTML stranica mora zadovoljiti sljedeća pravla:
-XHTML tagovi i argmenti se pišu malim slovima. XHTML razlikuje velika i mala slova kao i XML.
- Sve vrijednosti argumenata moraju biti pod navodnicima.
- Svi elementi XHTML stranice moraju biti zatvoreni. Na primjer:
<img src="slika.jpg" />
<br />
<hr />
<link href="stil.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
- Na početku svakog XHTML dokumenta mora biti DTD koji nema zatvoreni tag jer je izvan HTML-a i ne tretira se kao tag.
- Svaki XHTML dokument mora početi s DTD (Document Type Definitions). Postoje tri tipa DTD (strict, transitional, frames):
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- Svaki XHTML dokument u HEAD sekciji mora imati meta tag koji govori Web pretražitelju o kojoj je kodnoj stranici riječ. Na primjer:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
- Svaki XHTML dokument mora imati <title>......</title>. Title element je važan jer:
a) tražilice ga najviše vrednuju,
b) ispisuje se u liniji naslova Web preglednika,
c) upisuje se u Favorite.
Najmanji moguci XHTML dokument, prema svemu što je rečeno gore, izgleda ovako:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Učenje na daljinu</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
</head>
<body>
</body>
</html>
2. CSS
Danas se podrazumjeva kao najbolje riješenje razdvajanje strukture (HTML) i prezentacije (CSS). Tablice više nisu za strukturu nego samo za podatke. Uz pomoć CSS-a s jedne stranice upravljate formatiranjem svih stranica u web site-u. HTML struktura postaje pregledna i laka za održavanje te se puno brže učitava. Danas su na snazi standardi CSS 1 i CSS 2.
3. Provjera ispravnosti HTML-a i CSS-a (validation)
Ispravnost ili kvalitetu HTML, XHTML, CSS koda svoje web stranice možete provjeravati tijekom kreiranja iste na adresi: http://validator.w3.org/checklink
Moram se pohvaliti da sam postao ponosni vlasnik web stranice koja je XHTML 1.0 strict VALID i CSS2 bez greške:
http://www.e92.hr//eLearningkartelo/
freehtmlcss/uporabljivost.htm Pokušajte i vi!
4. Pristupačnost
Mogućnost pristupa mrežnim sadržajima zadire i u pitanje ljudskih prava. Zato preporuke W3C-a o pristupačnosti sadržajima postaju i zakonske obveze u sve više država. W3C je u svoje službene prijevode uvrstio i prijevod grupe autora s Odsjeka za informacijske znanosti Filozofskog fakulteta Sveučilišta u Zagrebu. To je prijevod W3C preporuke: Smjernice za osiguravanje pristupačnosti mrežnih sadržaja 1.0
(Web Content Accessibility Guidelines 1.0). Autor ovog teksta preporučuje svojim učenicima tiskanje tog dokumenta, dobro proučavanje istog i implementaciju u svoje web stranice. Dokument je na adresi: http://www.ffzg.hr/infoz/dzs/
smjer/#dok_stru_sadrzaj_prezen
5. Uporabljivost
Jakob Nielsen: "Brzo! Imate 10 sekundi za pokazati svoje lice svijetu. Homepage mora posjetitelju reći gdje je i kud može poći." Tvorac termina "usability" proslavio se svojim predavanjima i knjigama o povećanju uporabljivosti web stranica.
6. Za koga radimo stranice?
Naše web stranice ne posjećuju samo ljudi, nego i roboti. Roboti su najrazličitiji programi koji pretražuju Web, a najčešći su "pauci" što odvlače sadržaj u baze svojih tražilica. Tražilice pomoću svojih algoritama indeksiraju sadržaj. Algoritmi su podešeni prema W3C standardima, što znači da očekuju u našim stranicama standardne elemente HTML-a: TITLE, H1, H2, P itd. Sadržaje u tim elementima različito vrednuju i na kraju dobiju neki zbroj bodova za naše ključne riječi. O tim bodovima ovisi sudbina našeg web poduhvata jer nije isto biti među prvih deset na relevantnim listama tražilica ili među prvih tisuću.
Poštivanjem Web standarda (W3C preporuka):
- imat ćemo veću posjetu
- pa onda i veće prihode
- bolji image
- veću profesionalnost
- ozbiljnost
- veće povjerenje
- manje troškove održavanja
- manja investicijska sredstva za redizajn
- manje troškove implementiranja novih standarda i tehnologija
- imat ćemo veće samopouzdanje
- imat ćemo veće znanje
- imat ćemo bolje razumjevanje tehnologije i kud se ista kreće
- otvorena su nam vrata sudjelovanja u raspravama o novim W3C preporukama pa smo tako dio "razvojnog tima" novih tehnologija
Vaša "knjiga pod rukom, knjiga od koje se ne odvajate" je www.w3c.org Vi ste projektant jednog novog industrijskog proizvoda zvanog web site. Kao svi industrijski proizvodi, tako i web site ima svoja "pravila igre" koja nazivamo standardima, točnije World Wide Web Consortium Recommendations (W3C preporukama).
Ključne riječi za www.google.com:
Web quality
Validation
HTML tutorial
CSS tutorial
XHTML tutorial
Usability
Accessibility
Jacob Nielsen
Ivica Kartelo
Prvi online ucitelj u Hrvatskoj
www.e92.hr
 Kopiraj ovaj članak na svoj Web | Pregleda: 1217
|
e-poslovanje 
