fortbildungen:webdesign-lernen:ueberblick-erste-schritte
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
fortbildungen:webdesign-lernen:ueberblick-erste-schritte [13.10.2015 (22:10)] – retemirabile | fortbildungen:webdesign-lernen:ueberblick-erste-schritte [06.08.2020 (11:28)] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 109: | Zeile 109: | ||
===== Bilder einfügen ===== | ===== Bilder einfügen ===== | ||
- | * Bilder einfügen: ''< | + | * Bilder einfügen: ''< |
* '' | * '' | ||
* Das '' | * Das '' | ||
- | * Das Attribut '' | + | * Das Attribut '' |
- | * ''< | + | * ''< |
- | ===== Pfade ===== | + | ===== Pfade I ===== |
* Pfade geben an, wo ein bestimmtes Material (eine Datei oder ein Bild etc.) in der Ordnerstruktur des Servers gespeichert ist. | * Pfade geben an, wo ein bestimmtes Material (eine Datei oder ein Bild etc.) in der Ordnerstruktur des Servers gespeichert ist. | ||
* Das oberste Verzeichnis, | * Das oberste Verzeichnis, | ||
- | Zwei grundsätzliche Möglichkeiten für die Gestaltung von Pfaden | + | ===== Pfade II ===== |
- | * Absolute Pfade: immer vom root-Verzeichnis aus, z.B. \\ ''< | + | Zwei grundsätzliche Möglichkeiten für die Gestaltung |
- | * Relative Pfade: | + | |
+ | * **Absolute Pfade:** Immer vom root-Verzeichnis aus, z.B. \\ ''< | ||
+ | * **Relative Pfade:** Von der jeweils vorliegenden Datei aus, z.B. \\ ''< | ||
===== Absolute Pfade ===== | ===== Absolute Pfade ===== | ||
Zeile 136: | Zeile 137: | ||
===== Absolute ⟷ Relative Pfade ===== | ===== Absolute ⟷ Relative Pfade ===== | ||
- | **Absolute Pfade** | + | * **Absolute Pfade** |
- | + | * ➕ sind überschaubarer | |
- | | + | * ➕ erzeugen saubere URLs (Webadressen) |
- | * ➕ erzeugen saubere URLs (Webadressen) | + | * ➕ lassen sich einheitlicher verwenden |
- | * ➕ lassen sich einheitlicher verwenden | + | * ➖ brauchen für das lokale Arbeiten eine Serversoftware |
- | * ➖ brauchen für das lokale Arbeiten eine Serversoftware | + | |
- | + | * ➕ lassen sich ohne Serversoftware lokal testen | |
- | **Relative Pfade** | + | * ➖ sind schwieriger in Handhabung und v.a. Pflege (Veränderungen in der Sitestruktur) |
- | + | * ➖ sehen für jede Datei anders aus | |
- | | + | |
- | * ➖ sind schwieriger in Handhabung und v.a. Pflege (Veränderungen in der Sitestruktur) | + | |
- | * ➖ sehen für jede Datei anders aus | + | |
===== Pfade auch ins Netz ===== | ===== Pfade auch ins Netz ===== | ||
- | * Prinzip der Ordner auch bei Pfaden ins Netz: '' | + | * Prinzip der Ordner auch bei Pfaden ins Netz: '' |
* In moderner Website-Software oft keine echten Ordner mehr, sondern „simulierte Ordner“ (virtuelle Ordner). | * In moderner Website-Software oft keine echten Ordner mehr, sondern „simulierte Ordner“ (virtuelle Ordner). | ||
Zeile 165: | Zeile 163: | ||
* Eine Web<wrap em> | * Eine Web<wrap em> | ||
* Die einzelnen Seiten haben gestalterische Elemente, die sich wiederholen, | * Die einzelnen Seiten haben gestalterische Elemente, die sich wiederholen, | ||
+ | |||
+ | ===== Digitale Abbildungen: | ||
+ | |||
+ | * Vektorgrafiken: | ||
+ | |||
+ | * Rastergrafiken: | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | ===== Digitale Abbildungen: | ||
+ | **Darstellungsprinzip** | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ===== Digitale Abbildungen: | ||
+ | |||
+ | **Typische Bildgrößen verschiedener Geräte und eines Fotos (Stand 2013)** | ||
+ | |||
+ | Details: [[arbeitsmethoden: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ===== Digitale Abbildungen: | ||
+ | |||
+ | |{{: | ||
+ | |6 x 6 = 36 Pixel|12 x 12 = 244 Pixel| |
fortbildungen/webdesign-lernen/ueberblick-erste-schritte.1444767000.txt.gz · Zuletzt geändert: 06.08.2020 (10:37) (Externe Bearbeitung)