Hallo Sina,
wenn du nicht nach jedem Deployment (also Upload) die hochgeladenen Dateien nacharbeiten willst, brauchst Du auf deinem Entwicklungsrechner zweierlei:
- eine Ordnerstruktur, die 1:1 der geplanten Ordnerstruktur auf dem Zielserver entspricht (Server-Spiegel)
- eventuell einen lokalen Webserver, der diese Ordnerstruktur genauso präsentiert wie es der Ziel-Webserver tun wird, damit Du Verlinkungsfehler erkennst.
Wenn du lokal entwickelst, musst Du darauf achten, dass du nur auf Ressourcen zugreifst, die innerhalb des Serverspiegels liegen. Deine Startseite heißt index.html und ist auf sina-walter.de als Defaultseite des Web eingerichtet. Sie liegt im obersten Ordner des Serverspiegels. Dein Zugriff bspw. auf ../animate.css funktioniert bei Dir lokal, weil dein Serverspiegel irgendein Ordner tief im Ordnerbaum deines eigenen Computers ist. Wenn deine index.html in C:\Sina\MeinWeb\Test\index.html zu finden ist, würde er so C:\Sina\MeinWeb\animate.css finden. Das liegt aber außerhalb des Serverspiegels und sollte gar nicht hochgeladen werden. Wenn Du lokal C:\Sina\MeinWeb\Test\index.html
im Browser aufruft, fällt das nicht auf, weil dein Browser nichts von den Grenzen des Serverspiegels weiß.
Aber wenn Du einen lokalen Webserver laufen lässt, der den Ordner C:\Sina\MeinWeb\Test als localhost:8880 bereitstellt, DANN fällt es Dir auf, weil der Webserver dich nämlich NICHT aus dem Bereich des bereitgestellten Ordners hinauslässt.
Von deinen Ressourcen sind etliche falsch verlinkt. Viel Glück beim Sortieren und Aufräumen!
Übrigens kannst Du in den Entwicklungswerkzeugen des Browsers den Netzwerktrace verfolgen oder die Konsole anzeigen und siehst dort, wieviele Fehlermeldungen es beim Abruf deiner Seite gibt. Diese Werkzeuge sind unverzichtbar zur Webentwicklung, mach Dich damit vertraut.
Rolf
Dosen sind silbern