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 13:47] – 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 " | ||
[{{ : | [{{ : | ||
Řádek 27: | Řádek 28: | ||
A jak takový soubor zobrazit či editovat textově? Na Windows je ve standardní výbavě // | A jak takový soubor zobrazit či editovat textově? Na Windows je ve standardní výbavě // | ||
+ | |||
+ | === Vytvoření souboru ve Windows === | ||
+ | * zapnout " | ||
+ | * zaplnit nově vytvořený (Bez názvu) soubor nějakým obsahem - například [[krouzek: | ||
+ | * Soubor -> Uložit jako | ||
+ | * v ukládacím dialogu zvolit | ||
+ | - kde v systému souborů (ve kterém adresáři) bude soubor uložen | ||
+ | - **Název souboru**: Jak se soubor bude jmenovat (nezapomenout na správnou příponu, například .htm) | ||
+ | - **Uložit jako typ**: " | ||
+ | - **Kódování**: | ||
+ | - a potvrdit tlačítkem **Uložit** -> vytvoří soubor | ||
+ | |||
+ | === Příklad adresáře s webem === | ||
+ | [{{ : | ||
+ | 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 ==== | ||
+ | Připojení [[https:// | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | Připojení javascriptu (kdekoliv): | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | Vložení obrázku (někde v ''< | ||
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | Odkaz na jinou stránku (někde v ''< | ||
+ | <code html> | ||
+ | <a href=" | ||
+ | </ | ||
+ | |||
+ | Odkaz na jiný soubor (někde v ''< | ||
+ | <code html> | ||
+ | <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) |