Jak si ud∞lat strßnku

Co je pot°eba

• Budete pot°ebovat poΦφtaΦ, na kterΘm b∞╛φ alespo≥ n∞jak² jednoduch² textov² editor (ve Windows Notepad).
• Dost dobrΘ je mφt prohlφ╛eΦ; na nov∞j╣φch strojφch je v╛dycky (Explorer nebo Navigator, jsou zdarma).
• Kdo nemß doma modem, musφ se alespo≥ jednou se dostat na chvφli k Internetu a mφt tam mo╛nost kopφrovat z diskety. 
• Ale hlavn∞ musφte mφt o Φem psßt. (Strßnky typu "Jsem ten a ten, zajφmßm se o v╣echno mo╛nΘ, mßm tady barevnß pφsma a hlavn∞ je to MOJE strßnka" jsou pon∞kud fßdnφ.)
• No a nepou╣t∞jte se do toho, pokud neumφte kopφrovat soubory nebo nevφte, co je adresß° (slo╛ka).

Co nenφ pot°eba

• V prvnφ °ad∞ nenφ t°eba mφt p°ipojenφ na Internet.
• Obejdete se i bez drah²ch nebo slo╛it²ch program∙.
• No a hlavn∞ nepot°ebujete skoro nic v∞d∞t, je to v╣echno dost jednoduchΘ. Stojφ to jen Φas, penφze ╛ßdnΘ.

Dva kroky

Prvnφm krokem je vytvo°enφ souboru html (nebo vφce propojen²ch soubor∙). Druh²m krokem je vystavenφ takovΘho souboru na serveru. V tomto textu se budu zab²vat krokem prvnφm, vytvß°enφm soubor∙ strßnek. Ty m∙╛ete vytvo°it bu∩ v n∞jakΘm HTML editoru (dobrΘ pro zaΦßteΦnφky), nebo m∙╛ete napsat rovnou zdroj (to je pracn∞j╣φ, ale jist∞j╣φ).

HTML editory

Pro zaΦßteΦnφky jsou pou╛itelnΘ zejmΘna wysiwyg editory, ve kter²ch pφ╣ete rovnou text a k≤dem html se nezab²vßte. Je jich vφce, jß znßm HomeSite 4, FrontPage 98, FrontPage 2000, FronPage Express, Dreamweaver, Netscape Composer a mnoho dal╣φch. V nich  se normßln∞ napφ╣e text, vlo╛φ se obrßzky a ulo╛φ se to do souboru html. To je v╣e. Stejn∞ funguje Word 97 a 2000, tam staΦφ napsat text a zvolit p°φkaz Ulo╛it jako HTML. Opravdu je to takhle snadnΘ.

Editory majφ samoz°ejm∞ svΘ nev²hody, hlavnφ jsou cena program∙ (pirßti ignorujφ) a spornß kvalita vytvo°enΘho k≤du. To je ale pro zaΦßtek jedno. Vφce v textu o editorech.

½ukßnφ zdroje

Kdo chce b²t pßnem situace, napφ╣e si zdroj od zaΦßtku sßm v tex╗ßku. Musφ se nauΦit zßklady jazyka HTML, Φemu╛ se stejn∞ Φasem nelze vyhnout, proto╛e slo╛it∞j╣φ v∞ci se v editorech d∞lajφ ╣patn∞. Nynφ ukßzka zdrojovΘho k≤du HTML:

</html>

Kdy╛ si vezmete t°eba Notepad a vy╗ukßte tam p°edchozφ textφk a ulo╛φte jej t°eba jako priklad1.htm, mßte hotovou prvnφ internetovou strßnku. M∙╛ete si ji zobrazit v prohlφ╛eΦi. (Jestli tomu p°φkladu chcete hned porozum∞t detailn∞ vΦetn∞ v²znamu t∞ch znaΦek, podφvejte se na zßklady HTML.)

Mnoho webov²ch autor∙ postupuje p°i prßci tφm zp∙sobem, ╛e takto vytvo°φ strßnku, zobrazφ si ji v prohlφ╛eΦi a zßrove≥ v Notepadu (nebo jinΘm tex╗ßku). V Notepadu se pφ╣e a uklßdß, v prohlφ╛eΦi obnovuje. Ale takovφ mach°i u╛ vymφrajφ.

Zlatß st°ednφ cesta

Nejlep╣φ zp∙sob, jak se nauΦit HTML a d∞lat dobrΘ strßnky, je tvo°it soubory v n∞jakΘm wysiwyg editoru a prohlφ╛et si zdrojovΘ k≤dy, kterΘ ten program generuje. P°φpadn∞ je trochu pozm∞nit a sledovat, co se stane. Nap°φklad jß jsem to tak v╛dycky d∞lal.

Dal╣φ: Zßklady HTML. P°edchozφ: Jak funguje WWW
Vizte tΘ╛: Jak psßt na web, Editory, Publikovßnφ strßnek

O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek. Zßklady HTML CSS FrontPage Hledßnφ