Jak si ud∞lat strßnku
Co je pot°eba - Co
nenφ pot°eba - Dva kroky -
Soubory - HTML editory - ½ukßnφ
zdroje - Postup pro zaΦßteΦnφky -
Zlatß st°ednφ cesta
Co je pot°eba
- Budete pot°ebovat poΦφtaΦ, na kterΘm b∞╛φ alespo≥ n∞jak² jednoduch²
textov² editor (ve Windows Notepad - Poznßmkov² blok).
- Dost dobrΘ je mφt prohlφ╛eΦ; na nov∞j╣φch strojφch je v╛dycky (Internet
Explorer (modrΘ ΘΦko) nebo Navigator, v╣e zdarma).
- Kdo nemß doma modem nebo v prßci sφ╗, musφ se alespo≥ jednou dostat na
chvφli k Internetu a mφt tam mo╛nost kopφrovat z diskety.
- Musφte mφt o Φem psßt.
- 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∙.
- Nemusφte um∞t programovat.
Dva kroky
- napsßnφ strßnky = vytvo°enφ souboru html (nebo vφce propojen²ch
soubor∙)
- vystavenφ takovΘho souboru na internet (zkopφrovßnφ na server =
publikovßnφ)
V tomto textu se budu zab²vat krokem prvnφm, vytvß°enφm soubor∙ strßnek.
Nap°ed na vlastnφm disku.
Soubory
Internetovß strßnka je soubor s p°φponou htm nebo html. Je to skoro obyΦejn²
textov² soubor obohacen² o znaΦky jazyka HTML.
Dß se otev°φt dv∞ma zp∙soby:
- bu∩to jako strßnku (normßln∞ v prohlφ╛eΦi), pak se nedß
upravovat.
- nebo to jako text (t°eba v PoznßmkovΘm bloku), tomu se °φkß zdroj,
ten se dß upravovat.
Soubory HTML m∙╛ete vytvo°it
- bu∩ v n∞jakΘm HTML editoru (dobrΘ pro zaΦßteΦnφky),
- nebo m∙╛ete napsat rovnou zdroj v HTML jazyce (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.
V nich se normßln∞ napφ╣e text, vlo╛φ se obrßzky a ulo╛φ se to do souboru
s p°φponou html. To je v╣e. Editor v╣echny znaΦky (tagy) doplnφ sßm.
Editor∙ jsou mraky, jß znßm Dreamweaver, HomeSite, FrontPage 98,
FrontPage 2000,
FronPage Express, Word 97 a 2000, Netscape
Composer a mnoho dal╣φch. 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>
<head>
<title>Mß prvnφ strßnka</title>
</head>
<body>
Moje prvnφ html strßnka.
A n∞jakΘ dal╣φ texty.
</body>
</html>
Kdy╛ si vezmete t°eba Notepad a vy╗ukßte tam p°edchozφ textφk a ulo╛φte jej
n∞kam na disk t°eba jako priklad1.htm, mßte hotovou prvnφ internetovou
strßnku. M∙╛ete si zobrazit
p°φklad v prohlφ╛eΦi.
Postup pro zaΦßteΦnφky
Jak vytvo°it HTML soubor ve Windows (jeden z mnoha zp∙sob∙). (Komu by n∞co
ne╣lo, a╗ pak zkusφ je╣t∞ podrobn∞j╣φ
nßvod.)
- Vytvo°te si na disku novou slo╛ku (adresß°), nap°φklad C:\pokus a
p°ejd∞te do nφ
- Vytvo°te nov² textov² soubor (t°eba prav²m tlaΦφtkem - Nov² objekt)
- P°ejmenujte jej na jmΘno stranka.htm (potvr∩te zm∞nu p°φpony), zm∞nφ se
ikona u souboru
- Otev°ete dvojklikem. V prohlφ╛eΦi se zobrazφ prßzdnß strßnka.
- Zadejte Zobrazit - Zdroj. Spustφ se textov² editor, zatφm prßzdn².
- Sem napi╣te n∞jak² text, podle libosti jej dopl≥te libovoln²mi HTML
znaΦkami (vizte p°φklady v zßkladech HTML).
- Soubor - ulo╛it.
- P°epn∞te se zpßtky do prohlφ╛eΦe a zadejte obnovit (F5).
- ProhlΘdn∞te si zm∞ny
- P°φpadn∞ se vra╗te do tex╗ßku a znovu upravte zdroj. Po ulo╛enφ a
obnovenφ se zm∞ny projevφ.
- Takto m∙╛ete experimentovat do nekoneΦna.
Zatφm je ta strßnka na va╣em disku. Na server ji budete
publikovat pozd∞ji.
Zlatß st°ednφ cesta
Nejlep╣φ zp∙sob, jak se nauΦit HTML a d∞lat dobrΘ strßnky:
- tvo°it soubory v n∞jakΘm
wysiwyg editoru,
- 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,
DomΘny na webu
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek
