DHTML

Naravno, nemam pretenzija napisati nešto originalno. O toj temi napisano je puno toga i od puno značajnijih autora. Ja ću pokušati pojednostavniti neke stvari koje sam koristio na svojoj web stranici, kako bi amateri, kakav sam i sam, mogli to primijeniti.
DHTML nije standard kao HTML , već se time označava skup tehnologija koje omogućuju dinamičnost web stranica. To je prije svega CSS (Cascadind Style Sheets) i skriptni jezici (JavaScript i VBScript) čiji se kôd umeće unutar osnovnog HTML kôda web stranice. Podržavaju ih sigurno svi browseri od IE 5 na ovamo!
Nakon uploada, web stranicu treba svakako provjerite na HTML VALIDATORU kako biste na vrijeme otklonili eventualne greške u HTML kôdu.
Detaljnije možete pogledati kod zagrebačkih WEBMAJSTORA i na glavnoj adresi za web standarde W3SCHOOLS !

CSS

CSS je dio DHTML-a koji kontrolira izgled i položaj elemenata na stranici (formatiranje web stranice). Najveća prednost CSS-a je u tome da se sve te promjene odvijaju na jednom mjestu, u datoteci s ekstenzijom .css. Prilikom učitavanja web stranice, browser će sve elemente izgleda postaviti preme postavkama iz te datoteke.
Tu datoteku upišemo u bilo kojem text editoru (Notepad), a kad ju spremamo, pridružimo joj ekstenziju .css i odaberemo mapu u kojoj su spremljene sve naše web stranice na koje ćemo primijeniti te formate.
Da bismo CSS primijenili na nekoj stranici, treba unutar <HEAD> taga umetnuti slijedeći redak kôda:
<link rel="stylesheet" type="text/css" href="styleb.css">, gdje je taj CSS stil neki stil s imenom styleb.css . (Pogledajte u MS IExploreru u View/Source!)

A kako izgleda moj stil koji sam primijenio na ovoj stranici, možete pogledati dolje:

BODY { font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: Black;
background-color: #0099CC;
scrollbar-3d-light-color: #3399CC;
scrollbar-arrow-color: Maroon;
scrollbar-base-color: #99CCFF;
scrollbar-dark-shadow-color: Blue;
scrollbar-face-color:#99CCFF;
scrollbar-highlight-color: #3399CC;
scrollbar-shadow-color: #99CCFF }

TABLE {
border: 1px dotted #99CCFF;
padding: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
}

H1 {
font-size: 12pt;
font-weight: lighter;
color: Blue;
text-align: center;
background: #99ccff;
}
H2 {font-size: 10pt;
font-weight: lighter;
color: Blue;
text-align: center;
background: #CCCCFF;
}

A {
text-decoration: none;
color: #0066FF; background-color: transparent;
font-size: 9pt;
font-weight: bold;
}

A:Hover {
text-decoration: none;
color: Lime;
background-color: transparent;
}

Dakako, da se pojedini elementi u ovom ili bilo kojem CSS-u mogu mijenjati, dopunjavati (copy, paste), a za detaljno uređenje i provjeru CSS-a predlažem da koristite besplatni program TopStyleLite.
Ako Vam se na nekoj web stranici dopadne neki .css stil, možete ga jednostavno pročitati tako da za spomenutu web stranicu kopirate putanju i pokrenete njenu provjeru u CSS VALIDATORU.
Ako želite vidjeti primjerak dviju stranica koje su gotovo u cjelosti kontrolirane u CSS-u, možete pogledati ovdje. Primjerak ove *.css datoteke možete skinuti ovdje.
Najbolje mjesto za učenje o CSS je na stranici SITEPOINT.

HOME