HTML und CSS HILFEEE?
Hilfe!!! kann mir jemand der sich mit HTML auskennt erklären warum meine Webseite (wenn ich sie in einen verzippten Ordner speicher) nicht mehr so anggezeigt wird wie ich eigentlich will. Bilder sind alle verschwunden und CSS-Design wird nicht übernommen... ich brauche dringends hilfe!! :...(
Bild 1: eigentliche Webseite
Bild 2: eingezippte, gleiche Webseite
5 Antworten
Wenn du Ordner als Zip-Archiv komprimierst um es z.B. an dritte weiterzuschicken, muss es am Ende wieder vollständig entpackt und mit einem Webbrowser betrachtet werden. Andernfalls laufen die Pfadangaben ins leere, da die Dateien nicht existieren.
Beim Erstellen des Zip-Archivs bzw. bereits beim Anlegen der Webseiten sollte darauf geachtet werden, dass verknüpfte Dateien mit relativen Pfaden angegeben werden und sich die nötigen Dateien (CSS, JS, Grafiken etc.) im Projektverzeichnis befinden.
Wenn ein HTML Dokument in einem Zip-Archiv liegt und versucht wird nur dieses zu öffnen, so wird nur dieses Dokument (temporär) entpackt, jedoch nicht die dazugehörigen Dateien. Folglich kann auch beim Aufruf kein CSS geladen werden.
Genau, die Person muss das gesamte Archiv entpacken.
Du kannst dir das Zip-Archiv wie eine Produktverpackung vorstellen. In dieser liegt das Gerät, das Zubehör und die Bedienungsanleitung. Um alles sehn und nutzen zu können, muss es halt aus der Verpackung entnommen werden.
In deinem Fall ist es halt kein Gerät, sondern HTML. Und das Zubehör wäre dein CSS sowie Bilder und Grafiken. Die Person packt alles aus und kann anschließend dein HTML im Browser öffnen, in dem dann u.a. auch dein CSS geladen wird.
ah ok verstehe, jetzt ist es um einiges klarer DANKE :). Aber was wäre, wenn es die andere Person trotzdem noch so sieht wie Bild 2,obwohl sie alles schon entpackt hat?
Wenn es immer noch falsch angezeigt wird, wurde ggf. mit absoluten anstatt mit relativen Pfaden gearbeitet und Dateien deshalb nicht geladen werden.
<!-- Absoluter Pfad -->
<img src="http://www.example.de/img/bild1.jpg" alt="">
<!-- Relativer Pfad -->
<img src="./img/bild1.jpg" alt="">
Bei relativen Pfaden bewegst du dich innerhalb des Projektordners und es am Ende egal ist, ob die Seite nun von deinem Computer aus oder von wo anders wo geöffnet wird. Eben weil alles in diesem Verzeichnis liegt.
Hi elikissi1234,
wenn du aus einer ZIP-Datei eine einzelne HTML-Datei aufrufst, können die restlichen Dokumente wie CSS, Bilder nicht geladen werden. Dafür musst den ganzen Ordner entpacken.
So sieht es aus wenn die HTML Datei genutzt wird die CSS Datei allerdings nicht.
Vermutlich musst du im heading Teil des bodys (am Anfang des bodys) die Adresse des CSS Programms ändern, da diese Datei bei der Komprimierung woanders gespeichert wird.
Edit: Der Speicherpfad der CSS-Datei ändert sich.
Du wirst den Programmcode ja irgendwo geschrieben haben.
Kopiere in der ZIP-komprimierten Funktion den Speicherpfad der CSS Datei und füge diesen im heading des bodys an der Stelle wo style steht in die <> Zeichen ein.
Zum bearbeiten entkomprimieren, danach wieder komprimieren.
bei mir steht diese Funktion: <link type= "text/css" rel="stylesheet" href="Informatik_HTML/CSS/CSS-Dokument_Index_.css">
Weil dann die Ordnerpfade nicht mehr passen und dein Browser oder auch Server(Apache, Nginx etc.) nicht mehr auf die Dateien zugreifen kann.
Wenn du die Zip Datei wieder entpackst, dann sollte alles wieder funktionieren.
habe diese Zip-Datei jemaandem geschickt um nach zu schauen, ob es bei anderen Personen genauso ist. Es war bei anderen genauso wie bei mir jetzt
- Wenn die Leute die Daten nicht entpacken und direkt aus der Zip Datei öffnen kommt es auf das selbe heraus, damit die Seite funktioniert muss die Zip Datei vollständig entpackt werden und die entpackten Dateien geöffnet werden
- Wie gibst du die Dateipfade in deinem Quellcode an? Wenn da sowas wie C:\User\Sowieso\asdfsdf\etc.\Bild.jpg drin steht ist das ein Absoluter Pfad und kann bei anderen nicht funktionieren, grade wenn da sowas wie der Benutzername enthalten ist.
so: <link type= "text/css" rel="stylesheet" href="Informatik_HTML/CSS/CSS-Dokument_Index_.css"> gebe ich sie an
oder müssen sie so sein: href= "CSS-Dokument_Index_.css"
ja, so sieht es richtig aus, das ist ein relativer Pfad. Der kann aber auch nur dann funktionieren wenn die Zip Datei entpackt wurde, dabei muss dann die CSS Datei im selben Ordner wie die index.html Datei liegen(auch nicht in Unterordnern o.ä.)
Man kann Webseiten nicht in gezippten Ordnern speichern.
Wenn du das machst und das HTML-File mit einem Doppelklick im Windows-Explorer öffnest, wird nur das HTML-File temporär entpackt, nicht aber die Bilder und css-Files.
Die Lösung ist einfach: nicht Zippen.
Das bedeutet auch wenn ich es jetzt in eine Zip-Datei komprimiere und es so ausschaut wie Bild 2 , die Personen es dann noch entpacken müssen um Bild 1 zu vollständig zu sehen?