Jump to content

návod Seriál - vytváříme vlastní HTML/CSS Web - 1. díl


Marley007

Recommended Posts

Ahoj, jelikož a protože je v této sekci dost návodů na stejné téma, ale nic není tak obecné, aby to opravdu pomohlo těm začínajícím, tak jsem se rozhodl zkusit to sám.

V tomto díle se podíváme hlavně na volbu programu ve kterém chcete kódovat a rozdíly mezi HTML a xHTML .

1. Výběr správného programu pro Vás

 

1. Otázka, kterou si můžete položit je "Včem tak asi můžu programovat html"

- odpověď je jednoduchá. I poznámkový blok ve windows umožňuje úpravu těchto kódů, je to ale dosti nepraktické...

viz. obrázek:

 

notepadn.png

 

 

Jaký program tedy zvolit ?

 

Je tu dost na výběr, začátečníkům bych doporučil přímo HTML editor, jako je např. Roden web editor

http://www.stahuj.centrum.cz/vyvojove_nastroje/www-tvorba/ostatni_editory/roden-web-editor/

Tento program jsem používal do doby, než jsem se naučil používat většinu tagů. Html editor Vám nabízí jednoduché prostředí a hlavně výpomoc se samotným kódem...

 

No a pro ty ostřílenější je asi ta nejlepší volba

Notepad ++

http://download.tuxfamily.org/notepadplus/5.9.3/npp.5.9.3.Installer.exe

Program, který je podle mě výborný... není co dodat, většina z vás ho zná a kdo ne, doporučuji vyzkoušet.

2. Rozdíly mezi HTML a xHTML

Když už chcete začít kódovat měli byste zvolit správnou "technologii" a to buď HTML nebo xHTML. Všem začátečníkům doporučím na začátek hned xHTML, je to sice o něco těžší, ale za to se hned naučíte modernímu stylu kódování a dosáhnete tak plně validních stránek, když se budete učit na HTML jako já, tak tohoto výsledku dosáhnete jen těžko...

Jak prohlížeč zjistí, jakou technologií kóduji ?

Hned první co musíte udělat při kódování je napsat hlavičku HTML dokumentu.

pro html 4 je to:


---edit

Pro HTML5 je to:


a pro xHTML je to:

br />  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 xml:lang="en" lang="en">

Toto není jediný rozdíl...

-ten hlavní rozdíl je v samotném kódování - například tag


který odsazuje řádek musí být v xHTML zapsán jako


Tomuto se budeme hlavně věnovat v příštích dílech o samotném kódování...

 

 

 

 

To by bylo pro tento díl vše, v dalším díle už se podíváme na ty základní tagy...

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...