JAK UDĚLAT VIR

Tipy, triky, návody a novinky ze světa IT


 

Jak vytvořit web - část 1

Jak vytvořit web



První část návodu Jak vytvořit web.

Každý z nás určitě někdy toužil mít svou vlastní webovou stránku, ale jak? Právě odpověď na tuto otázku a mnohem více se dozvíte v našich návodech Jak vytvořit web!



 

Co je potřeba

  • Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor
  • Potřebujete webový prohlížeč. Na novějších strojích je vždycky  Internet Explorer, případně Mozilla  Firefox nebo Opera.
  • Hodí se připojení na internet.
  • 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ář.

 

Co není potřeba

  • Obejdete se i bez drahých nebo složitých programů.
  • Nemusíte umět programovat.
 

Dva kroky

  1. napsání stránky = vytvoření souboru html
  2. vystavení takového souboru na internet


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 (tagy). Soubor s příponou .html má na disku ikonku, která ukazuje, že jde o stránku. Například může vypadat takto: 



Stránka se dá otevřít dvěma způsoby:

  1. buď se na ni podívat jako na stránku (v prohlížeči), pak se nedá upravovat.
  2. nebo otevřít jako text (třeba v Poznámkovém bloku), tomu se říká zdroj nebo kód nebo zdrojový kód, ten se dá upravovat. Tak se stránky vytvářejí, jako kód.




Soubory HTML můžete vytvořit

  1. v HTML editoru.
  2. napsat zdroj v HTML jazyce.




HTML editory - programy

HTML editory jsou programy speciálně určené pro tvorbu stránek. Pro začátečníky jsou použitelné zejména wysiwygeditory, ve kterých píšete rovnou text a kódem html se nezabýváte.

Ve wysiwyg editoru se napíše text, vloží se obrázky a uloží se to na disk do souboru s příponou html. To je vše. Editor všechny html značky (tagy) doplní sám. 

Z wysiwyg editorů je to například Dreamweaver, FrontPage 2000, NVU a pár dalších, ale ne moc dobrých programů. Wysiwyg editory mají samozřejmě své nevýhody, hlavní je sporná kvalita vytvořeného kódu. To je ale pro začátek jedno. 

  • Výrobci wysiwyg editorů říkají: S naším programem můžete tvořit stránky bez znalosti jazyka HTML
  • Já říkám: V HTML jazyce můžete tvořit stránky bez nutnosti používat nějaký komplikovaný program.

Kromě wysiwyg editorů tedy existují i editory strukturní, ve kterých píšete přímo kód, ale ten program s tím hodně pomáhá (napovídá, doplňuje apod.). Strukturní editory: HomeSite, PSPad, EasyPad, UltraEdit, jEdit apod., v nouzi i Poznámkový blok. Prostě normální textové editory. Ale to už jsem u druhé možnosti dělání stránek, u ťukání zdroje.

Na psaní stránky nelze používat Word.

 


Ťukání zdroje

Kdo chce být pánem situace, napíše si zdroj od začátku sám v textovém editoru. Musí se naučit základy jazyka HTML, čemuž se stejně časem nelze vyhnout, protože složitější věci se ve wysiwyg 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 Poznámkový blok (Notepad), vyťukáte tam předchozí text (nebo zkopírujete) a uložíte jej někam na disk jako soubor třeba pod jménem priklad1.html, máte hotovou první internetovou stránku.


 

Postup pro začátečníky

Jak vytvořit HTML soubor ve Windows

  1. Vytvořte si na disku novou složku (adresář), například C:\pokus a přejděte do ní
  2. Vytvořte nový textový soubor
  3. Přejmenujte jej na jméno stranka.html, změní se ikona u souboru
  4. Otevřete dvojklikem. V prohlížeči se zobrazí zatím prázdná stránka.
  5. Vraťte se do složky. Na vytvořený soubor klikněte pravým tlačítkem a zvolte Otevřít v programu. Pokud se nabídne Poznámkový blok, zvolte jej. Spustí se textový editor Poznámkový blok, zatím prázdný.
  6. Sem napište nějaký text, podle libosti jej doplňte libovolnými HTML značkami
  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

Zatím je ta stránka na vašem disku. Kopírovat na server ji budete později.

V názvech souborů určených pro web nikdy nepoužívejte diakritiku ani mezery! Doporučuji všechny názvy zadávat malými písmeny.

30.12.2013 12:34:10
newexer
Name
Email
Comment
Or visit this link or this one