Reklama
Už nejaký čas pracujem na webe a skutočne som zistil, že je jednoduchšie písať každý dokument vo formáte HTML namiesto DOC alebo TXT. Ak používate Google Docs, robíte vlastne to isté, keďže Google Docs sa (našťastie) v podstate stal WYSIWYG HTML editorom. Vytváranie niektorých šablón dokumentov pomocou HTML a CSS je veľmi jednoduché, zvládne to každý a ak to urobíte správne, bude to pre každého vyzerať rovnako.
Prečo používať HTML?
Môj najväčší dôvod, prečo som sa rozhodol pre čisto HTML a CSS dokumenty, je ten, že je to pravdepodobne najkompatibilnejší formát v prehliadačoch a operačných systémoch, s výnimkou formátu PDF, ktorý je veľmi náročný a/alebo drahý dobre. Používanie balíka Microsoft Office tiež nie je najlepšie. Používam Office 2007, ktorý používa veľa ďalších funkcií, ktoré predchádzajúce verzie nepodporujú, takže kvalita môže byť znížená. Kto vie, ako budú tieto dokumenty vyzerať napríklad v Open Office? Ak vytvoríte HTML dokument, ktorý vyzerá úplne rovnako v Internet Exploreri a Firefoxe, ktorý ste vytvorili dokument, ktorý môžu otvárať používatelia počítačov Mac, Linux a Windows a na 99 % bude vyzerať rovnako prehliadačov.
Čo je CSS a HTML?
Ak ste v celej tejto záležitosti s kódovaním HTML a CSS nováčikom, nezľaknite sa. Je to veľmi jednoduché a na webe nájdete množstvo zdrojov, ktoré vám pomôžu. Kód HTML a CSS tvorí väčšinu toho, čo tu vidíte na tejto stránke, HTML riadi obsah, zatiaľ čo CSS upravuje štýl alebo spôsob prezentácie obsahu.
Ako môžem vytvoriť šablónu?
No, budete musieť študovať trochu kódu. Našťastie sú HTML a CSS veľmi ľahko pochopiteľné. Ak chcete dať objektu napríklad orámovanie, jednoducho napíšte
orámovanie: 1px čierna plná
. Tým sa vytvorí 1px široký čierny pevný okraj. Existuje veľa možností formátovania, ktoré môžete vyhľadať a použiť, môj návrh je predstaviť si, čo chcete, a potom trochu hľadať, aby ste našli, ako to urobiť. Najzákladnejšou šablónou by bol prázdny súbor HTML, pozrite sa nižšie.
Sem sa nachádza obsah vašej stránky.
To všetko potom môžete naplniť obsahom a štýlom a vytvoriť svoj dokument. Pozri sa na príklad 1, príklad 2 a príklad 3 Urobil som. Majte na pamäti, že kód v tele, obsah je úplne rovnaký, len mením kód css. To ukazuje, že pomocou štýlu môžete rýchlo vytvoriť rôzne vzhľady.
Prečo je to také skvelé?
Dôvod, prečo je to také úžasné, je, že si môžete vytvoriť vlastné štýly, ktoré sa môžu stať akousi „ochrannou známkou“ vašich dokumentov. Kód CSS môžete vystrihnúť a prilepiť a po jeho dokončení už len premýšľať o obsahu. Môžete tiež vytvoriť prepojenie v šablóne so štýlmi, takže ak ukladáte dokumenty online, nemusíte CSS zahrnúť do samotného súboru. To znamená, že môžete prepojiť rôzne šablóny so štýlmi pre rôzne príležitosti a nemusíte dokument neustále upravovať.
CSS tiež umožňuje rýchlejšiu úpravu dokumentov, čo sa týka štýlu. Dávam prednosť tomu, aby moje dokumenty vyzerali dobre, pretože sa tak jednoducho cítim lepšie a s CSS je proces formátovania oveľa menšou záťažou. Keď zadáte štýl nadpisu, použije sa na všetky nadpisy daného typu. To znamená, že nemusíte jednotlivo meniť farbu pozadia, farbu písma, tučné písmo a podčiarknutie nadpisu, stačí to raz zadať.
Keďže Dokumenty Google teraz majú plnú podporu CSS, stačí skopírovať a vložiť kód štýlu do Dokumentov a zmeňte vzhľad svojich dokumentov bez toho, aby ste museli formátovať každý jeden nadpis po jednom čas.
Kde sa môžem dozvedieť viac?
Ako som povedal, CSS je jednoduchý nástroj, no napriek tomu si vyžaduje určité základné znalosti. HTML je podobne logické a ľahko sa učí, odporúčam školy W3C pre oboch. Naučil som sa tam veľa toho, čo dnes viem, pre základné potreby je to jedna z najlepších stránok na nete. W3C tiež vyvíja webové štandardy, takže si môžete byť istí, že všetko, čo napíšu na svoju stránku, funguje.
Ďalšia stránka, z ktorej som sa veľa učila, bola Váš zdroj HTML. Táto stránka obsahuje HTML a CSS a tiež niekoľko pokročilých tipov na kódovanie, propagáciu, dostupnosť a všeobecne, ako vytvoriť dobrý web. Má však skvelú pomoc s CSS, určite stojí za návštevu.
Nakoniec sa môžete pozrieť na niektoré súvisiace blogy a články, ako je tento úžasný súhrn základné techniky CSS a 53 techník, bez ktorých nemôžete žiť.
