Vítejte na mých stránkách o grafice a tvorbě
webu.
Pokud budete chtít mou grafiku využít, respektujte
prosím pravidla.
Snad se vám tu bude líbit. Pokud se vám tu líbit nebude, nehodlám
vás tu držet. Stránky dělám pro sebe a pro lidi, které má tvorba zajímá.
Dneska bych vám chtěla napsat jak vypadá základní struktura webu. Je to opět taková úvodnejší kapitola, ale je důležitá :).
Základní struktura webu v html by vždy měla zhruba vypadat takto:
<!Doctype html> - deklarace typu dokumentu - html
<html> - úvodní tag html - vyznačuje oblast odkud se používá html kódování
<head> obsah hlavičky
<title>Titulek aktuální stránky</title>
</head>
<body> tělo stránky - vše co chcete aby bylo viditelné na stránkách </body>
</html> - ukončovací tag html
V hlavičce (mezi tagy <head> a </head>) je důležité mít několik věcí :
<meta charset="utf-8"> - definice kódování vašeho dokumentu/souboru - dnes by se mělo používat utf-8 na windows-1250 prosím zapomeňte
<meta name="description" content="Krátký popisek vašich stránek např.: Klářina osobní stránka">
<meta name="keywords" content="Klíčová slova pro vaše stránky - důležité pro vyhledávače např.: Klára, holka, blog, kreslení">
<meta name="robots" content="index, follow"> - tohle je vlastně příkaz pro roboty sbírající informace o obsahu vašich stránek a jejich indexaci - tím spíše pak budou vaše stránky ve vyhledávači
<meta name="author" content="Vaše jméno např.: Klára Trnková">
<link rel="stylesheet" type="text/css" href="soubor.css" media="screen" id="css"> - díky tomuto příkazu si v souboru soubor.css můžete nastylovat vaše stránky, o CSS budu psát později ještě
<link rel="shortcut icon" href="favicon.ico"> - pokud chcete mít u svého webu v záložkách v prohlížeči ikonku, kterou si vyrobíte, tak vám stačí tento příkaz a mít ve stejném adresáři tu ikonku favicon.ico - více o ní napíšu asi taky někdy jindy
Nezapomeňte, že to nemáte celé zkopírovat a dát tak jak to je, ale červeně vyznačené části uvnitř tagů je třeba změnit.
Tady je prostor pro obsah vaší stránky. Záleží už jenom na vás jetli tu chcete napsat třeba jenom "Ahoj, tohle je moje první html stránka." nebo už něco složitějšího. V tomhle článku jsem vám chtěla popsat jenom základní strukturu, ale na to jak si nakódovat základní layout se později taky podíváme.
Na závěr bych vám chtěla doporučit používání editoru PSpad, který je zdarma a já osobně ho používám už asi 6let a jsem s ním spokojená. Někdy o něm taky napíšu nějaký kratší tutoriál ;). Zatím se mějte a teď skočím na psaní další části což budou základní HTML tagy. Ještě pokud byste měli s něčím problém a něčemu nerozumněli, tak mi napište konkrétní dotaz do komentářů a já se vám budu snažit pomoct ;).
