Zum Inhalt

Übung Pfade

Teil 1 – Lokale Pfade (Windows)

Folgende Verzeichnisstruktur ist vorhanden:

C:\Daten\
├── index.html
├── Bilder\
│   ├── Blume.jpg
│   └── test.html
└── CSS\
    └── main.css

  1. Wie lautet der absolute Pfad der Datei main.css?

  2. Du möchtest in index.html das Bild Blume.jpg einbinden. Wie lautet der relative Pfad zum Bild?

  3. Du möchtest von main.css auf Blume.jpg zugreifen. Wie lautet der absolute Pfad?

  4. Du möchtest von main.css auf Blume.jpg zugreifen. Wie lautet der relative Pfad?

  5. Du möchtest von test.html auf Blume.jpg zugreifen. Wie lautet der relative Pfad?

  6. Du fügst eine neue Datei C:\Daten\CSS\print.css hinzu. Wie lautet der relative Pfad von index.html zu print.css?

Teil 2 – Linux-Serverpfade

Folgende Verzeichnisstruktur liegt auf einem Linux-Webserver vor:

/var/www/html/
├── index.php
├── assets/
│   ├── css/
│   │   └── style.css
│   └── images/
│       └── logo.png
└── wp-content/
    └── themes/
        └── mytheme/
            └── functions.php

  1. Wie lautet der absolute Pfad von logo.png?

  2. Du möchtest in index.php das Bild logo.png einbinden. Wie lautet der relative Pfad?

  3. Du möchtest von style.css auf logo.png zugreifen. Wie lautet der relative Pfad?

  4. Du möchtest von functions.php auf style.css zugreifen. Wie lautet der relative Pfad?

  5. Was ist der Unterschied zwischen einem Pfad, der mit / beginnt, und einem der mit ../ beginnt?

Teil 3 – Webpfade (URL und Serverpfad)

Domain: ihreadresse.ch Lokaler Root-Pfad: /srv/var/www/htdocs Document Root: /htdocs

Dateien: - Datei A: wp-content/uploads/2022/5/Dokument.pdf (innerhalb htdocs) - Datei B: wp-content/plugins/neon/files/download.php (innerhalb htdocs)

  1. Wie lautet der lokale absolute Pfad von Dokument.pdf?

  2. Wie lautet der lokale absolute Pfad von download.php?

  3. Wie lautet die URL von Dokument.pdf?

  4. Wie lautet die URL von download.php?

  5. Du möchtest in download.php einen relativen Link auf Dokument.pdf setzen. Wie lautet der relative Pfad?

  6. Bonusfrage: Warum ist es bei Webprojekten oft besser, root-relative Pfade (z.B. /assets/css/style.css) statt relativer Pfade (../css/style.css) zu verwenden?