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

Co nenφ pot°eba

Dva kroky

  1. napsßnφ strßnky = vytvo°enφ souboru html (nebo vφce propojen²ch soubor∙)
  2. 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:

  1. bu∩to jako strßnku (normßln∞ v prohlφ╛eΦi), pak se nedß upravovat.
  2. nebo to jako text (t°eba v Notepadu), tomu se °φkß zdroj, ten se dß upravovat.

Soubory HTML m∙╛ete vytvo°it

  1. bu∩ v n∞jakΘm HTML editoru (dobrΘ pro zaΦßteΦnφky),
  2. 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.)

  1. Vytvo°te si na disku novou slo╛ku (adresß°), nap°φklad C:/dokumenty/pokus a p°ejd∞te do nφ
  2. Vytvo°te nov² textov² soubor (t°eba prav²m tlaΦφtkem - Nov² objekt)
  3. P°ejmenujte jej na jmΘno stranka.htm (potvr∩te zm∞nu p°φpony), zm∞nφ se ikona u souboru
  4. Otev°ete dvojklikem. V prohlφ╛eΦi se zobrazφ prßzdnß strßnka.
  5. Zadejte Zobrazit - Zdroj. Spustφ se textov² editor, zatφm prßzdn².
  6. Sem napi╣te n∞jak² text, podle libosti jej dopl≥te libovoln²mi HTML znaΦkami (vizte p°φklady v zßkladech HTML).
  7. Soubor - ulo╛it.
  8. P°epn∞te se zpßtky do prohlφ╛eΦe a zadejte obnovit (F5).
  9. ProhlΘdn∞te si zm∞ny
  10. P°φpadn∞ se vra╗te do tex╗ßku a znovu upravte zdroj. Po ulo╛enφ a obnovenφ se zm∞ny projevφ.
  1. 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:

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

Pφ╣e Yuh∙
dusan@pc-slany.cz
mail formulß°em
Jak psßt web O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek.

Zßklady HTML CSS FrontPage Hledßnφ

Obsah

Hlavnφ strßnka

Novinky

FAQ

Download

Zdroje

Hledßnφ


Roz╣φ°enΘ

Zßkladnφ kurs

Jak ud∞lat strßnku

Zßklady HTML

Publikovßnφ

Zßsady psanφ

Editory

R∙znΘ prohlφ╛eΦe

Editory

FrontPage 2000

FP Editor 98

Word 97

FrontPage Express

HTML tipy

P°φprava obrßzk∙

Obrßzky

Pozadφ

Odkazy

Vychytßvky odkaz∙

Zßlo╛ky

Aktivnφ mail

Tabulky

┌prava tabulek

Novinky tabulek

Design tabulkami

Rßmy

Formßtovßnφ rßm∙

Rßmy nepou╛φvat

Iframe

Formulß°e

Formulß°e v HTML

DokonalΘ formulß°e

Zßpis barev

Definice

Formßtovacφ chyby

Jak ud∞lat levΘ menu

Vyt∞╛ovßnφ strßnek

Provoz webu

Rychlost strßnek

VzdßlenΘ slu╛by

VyhledßvaΦe

Katalogy

Sprßva soubor∙

Ikona strßnky

Obsah / forma

╚e╣tina

Chyby Φe╣tiny

Tabulky k≤dovßnφ

Meta tagy

Nastavenφ serveru

Programovßnφ strßnek

ZaΦßtky PHP

Mo╛nosti PHP

Pou╛φvßnφ prohlφ╛eΦe

CSS styly

CSS styly

┌vod do CSS

Struktura textu

CSS prakticky

P╪EHLED VLASTNOST═ CSS

Slo╛it∞j╣φ deklarace

DΘlkovΘ jednotky

Pozicovßnφ

Sloupce pozicovßnφm

Okraje objekt∙

Odli╣enφ prohlφ╛eΦ∙

Omezenφ CSS

Odli╣n² tisk

DynamickΘ HTML

Filtry

P°φklady filtr∙

R∙znΘ barvy odkaz∙

Barva rolovacφ li╣ty

 


Jak psßt web: http://dusan.pc-slany.cz/internet/

Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz

Poslednφ aktualizace 05.02.2002