Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- html:vytvor_web [2021/09/29 14:08] – admin
+++ html:vytvor_web [2023/11/15 20:54] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
@@ Řádek 16: / Řádek 16: @@
 ==== Podrobnosti ====
-=== Soubory ===
+==== Soubory ====
 [{{:krouzek:filesystem.png?200 |Adresářový strom}}]
  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 "C:") se nachází uvnitř nějakého jiného adresáře.
@@ Řá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í -> "Skrýt koncovky souborů známých typů" udělejte nezaškrtnuté)
-== Propojení souborů ve stránce ==
+==== Propojení souborů ve stránce ====
 Připojení [[https://www.jakpsatweb.cz/css/css-prakticky.html#externi|css souboru]] (uvnitř ''<head>''):
 <code html>
@@ Řádek 69: / Řádek 69: @@
  <a href="dokument.pdf">Nějaký dokument v pdf</a>
 </code>
+==== 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>
+ <img src="design/obrazky/about.jpg" alt="O mně">
+</code>
+(takzvaná relativní cesta)