Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verzePoslední revizeObě strany příští revize | ||
html:vytvor_web [2021/09/29 14:07] – admin | html:vytvor_web [2021/09/29 14:14] – admin | ||
---|---|---|---|
Řádek 16: | Řádek 16: | ||
==== Podrobnosti ==== | ==== Podrobnosti ==== | ||
- | === Soubory === | + | ==== Soubory |
[{{: | [{{: | ||
Bylo by dobré pochopit, co je v počítači **soubor** a jak funguje adresářový strom - každý adresář, krom toho kořenového (ve Windows " | Bylo by dobré pochopit, co je v počítači **soubor** a jak funguje adresářový strom - každý adresář, krom toho kořenového (ve Windows " | ||
Řádek 44: | Řádek 44: | ||
Jak může vypadat váš adresář s webem: tři .htm soubory, .css soubor a .js soubor - pro oddělení HTML, CSS a Javascriptového kódu. (pokud se nezobrazují koncovky: Možnosti složky -> Zobrazení -> " | Jak může vypadat váš adresář s webem: tři .htm soubory, .css soubor a .js soubor - pro oddělení HTML, CSS a Javascriptového kódu. (pokud se nezobrazují koncovky: Možnosti složky -> Zobrazení -> " | ||
- | == Propojení souborů ve stránce == | + | ==== Propojení souborů ve stránce |
- | Připojení [[https:// | + | Připojení [[https:// |
<code html> | <code html> | ||
< | < | ||
</ | </ | ||
- | | ||
- | Připojení javascriptu: | + | Připojení javascriptu |
<code html> | <code html> | ||
< | < | ||
</ | </ | ||
- | kamkoliv ve stránce | ||
- | Vložení obrázku: | + | Vložení obrázku |
<code html> | <code html> | ||
< | < | ||
</ | </ | ||
- | Odkaz na jinou stránku: | + | Odkaz na jinou stránku |
<code html> | <code html> | ||
<a href=" | <a href=" | ||
</ | </ | ||
- | Odkaz na jiný soubor: | + | Odkaz na jiný soubor |
<code html> | <code html> | ||
<a href=" | <a href=" | ||
</ | </ | ||
+ | |||
+ | ==== Adresářová struktura ==== | ||
+ | U složitějšího webu je nepřehledné mít všechny soubory ve stejné složce, proto lze vytvořit podadresáře. Struktura pak může vypadat třeba takhle: | ||
+ | |||
+ | * web/ | ||
+ | * design/ | ||
+ | * obrazky/ | ||
+ | * pozadi.png | ||
+ | * about.jpg | ||
+ | * styl.css | ||
+ | * scripty/ | ||
+ | * hlavni.js | ||
+ | * stranka1.htm | ||
+ | |||
+ | Odkazy v html pak budou vypadat například: | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | (takzvaná relativní cesta) |