Jdi na obsah Jdi na menu
 


HTML/CSS 10 tipov pre začiatočníkov

18. 2. 2011

HTML/CSS 10 tipov pre začiatočníkov.

Často na fórach píšu užívatelia, ktorí majú problém so základmi HTML/CSS a pre týchto ľudí smeruje tento článok.

1.Stále uzatvorte svoj párový tag

V poslednom čase sme videli, že kóder neuzatvorí svoj tag. Aj keď im to síce funguje, môže to privodiť neskôr chyby. A aj keď nie, treba mať validný kód.


Toto je príklad “zlého kódu”.
Lepšie napísané:

Táto varianta formátovania kódu je už lepšia.

2. Správny Doctype je dôležitý!

Prvé dve veci, ktoré by mal urobiť kóder.

“1. Validnúť css”

“2. Pridať doctype”

Doctype sa posiela ako prvý na server, a určuje ako ma prehliadač brať stránku. Či ako HTML, alebo XHTML, alebo zmiešanie oboch.Klasický html web by mohol vyzerať takto.

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” >

3. Externé CSS súbory.

Externé CSS súbory môžte prakticky dať všade do kódu,ale stále by ste mali vkládať štýly do hlavičky stránky.
Ľudia zistili podľa testov, ak CSS je uložený v hlavičke, stránka sa rýchlejšie načíta. Príklad:

4.Píšte svoje tagy bez caps-locku.

Takto to niekedy zapisoval MS WORD, v prípade tvorby stránok.

Lepšie napísané:

5. Používajte nadpisy všetkých úrovní

Z hľadiska seo-tématiky je veľmi dôležité, aby kóder používal všetkých 6 nadpisov.

To znamená < h1> až < h6>

6. Naučte sa, ako štýlovať iba pre prehliadač IE.

Ak ste už niekedy nakódovali, čo už i len jednoduchý web, určite ste si museli všimnúť nejaké problémy v IE. Skúsenejši programátori to riešia tým, že vytvoria samostatný CSS súbor, len pre oblasť ľudí, ktorí používajú Internet Explorer

7. Každý obrázok musí mat popis (alt)

Každý jeden obrázok by mal mať svoj popis(alt) je to aj pre validáciu kódu, naozaj sa oplatí pridať trochu námahy vypisovať to.

Zlý príklad:

Dobrý zápis

8. Ako sa najlepšie naučiť HTML/CSS?

No predsa kopírovaním, prezeraním a pochopením kódu. Treba začať tak, prísť na svoju obľúbenú stránku, prečítať zdrojový kód, upravovať si ho podľa svojich predstáv a pochopiť čo najlepšie sa dá.

9. Učiť sa všetky tagy naspamäť?

Osobne som čítal na niektorých weboch, že kóder by sa mal naučiť každý jeden tag naspamäť. Ja si myslím, že to nieje pravda. V dnešnej dobe, by sme mali poznať tie najdôležitejšie veci, a tú “strednú vrstvu” ktorú použijeme občas. Tagy ako < abbr> < cite> nám naozaj netreba vedieť, je kopu HTML ťahákov, v ktorom vyhľadať taký tag nebude problém. (tiež pripravujeme taký ťahák, pre vás)

10. Naštýlujte všetky elementy!



Poslednou radou v tomto článku je, prečo by sme mali všetky elementy štýlovať nazačiatku. Ak si niekedy budete niekedy vytvoriť svoj vlastný redakčný systém, rozsiahly web, alebo tak, určite nebudete radi zasahovať do X počtu súborov, aby ste niečo našli. Naštýlovať všetky elementy na začiatku, je to najlepšie čo môžte spraviť, aj keď to zatiaľ nepotrebujete. Napríklad BlockQuote…

Ďakujeme, že ste si to prečítali až do konca, a čakajte na daľšie tipy :-) .


Zdroj http://www.matcomp.eu