HILFE bei Verlinkung auf Server!!!

CasimirKater · 17.11.2010

Hallo,
ich bin Neuling im Umgang mit html, php etc. und habe eine Frage die von manchen von euch sicherlich leicht zu beantworten ist.
Ich habe mir eine Website erstellt und bin jetzt dabei diese auf den Server zu laden. Ich habe zur Erstellung dreamweaver cs3 verwendet.
Gehe ich auf die Vorschau, so funktioniert alles tadellos, alle Verlinkungen klappen prima... Als alle auf dem Server war und ich mir meine Seite angesehen habe kam nichts.

Ich habe dann die index.html Datei inkl. der dazugehörigen Dateien aus einem Unterordner genommen. Nun konnte ich meine „Willkommens-Seite „ im Web öffnen.

Nun mein Problem: Leider funktionieren die ganzen Verlinkungen auf die nächsten Seiten nicht mehr. Ich habe schon versucht dies umzuprogrammieren, was leider nicht klappte.

Ich habe jede Seite (insg. 7 Seiten) in einem separaten Ordner wie z.B. Index-Ordner, Leistungen-Ordner, Portfolio-Ordner, Kunden-Ordner usw. In jedem Ordner befinden sich die Bilder für header. Page etc., die html.-Datei und die style.css-Datei.

Der Fehler liegt sicherlich zum Einen darin, das ich die einzelnen Ordner nicht mit der index.html-Datei. die ich ja aus ihrem Ursprungsordner genommen habe, verlinken kann.

Und zum Anderen darin, das ich die restlichen html-Dateien ( leistungen.html, portfolio.html etc. ) nicht aus ihren Ordnern nehmen kann, da die style.css und IMG01, IMG02-Bilder etc. von der index.html überschrieben werden müssen. Umbenennen kann man diese ja nicht habe ich gemerkt.

Hier zum besserem Verständnis alle Dateien wie sie auf den Server geladen wurden:

• Bilder Kunden (Ordner)
• Brainbox1.3 (Ordner)
• Favicon.ico
• Logo
• Impressum (Ordner)
• Index(Ordner)
• Index.html
• Kontakt (Ordner)
• Kunden (Ordner)
• Leistungen (Ordner)
• Portfolio (Ordner)
• Sonstiges (Ordner)
• IMG01, IMG02, IMG03, IMG04
• Style.css

Nun meine Frage: Wie kann ich die html. Dateien in den Ordnern untereinander verlinken, so das meine Seite funktioniert ?

Ich hatte auch recherchiert, das man eine index.php Datei anlegen kann und somit keine index.html Datei mehr aus den Ordnern nehmen muss. Vllt. Ist das ja ein Lösungsansatz, den ich dann nur noch auf meine anderen html. Dateien anwenden muss.

Ich hoffe ihr konntet alles verstehen....

Bitte helft mir!!!
Vielen Dank im Voraus!

developr · 17.11.2010

Ich habe kaum was verstanden, aber scheinbar fehlt dir das Grundverständnis der Programmierung

. Nicht schlimm, jeder hat mal klein angefangen.

Wenn ich dich nun richtig verstanden habe, hast du nun alles doppelt und dreifach angelegt. Also für jede Seite einen eigenen Ordner mit eigener index.html, eigenen Grafiken und style.css? Gut wäre es, wenn du einen Ordner für Grafiken anlegst (z.B. template), einen für die Bilder (z.B. images) und einen für Java-Scripts und Stylesheets (z.B. scripts). Übrigens solltest du dir angewöhnen, Dateinamen immer klein zu schreiben (wichtig!).

Nun zu den Verlinkungen. Hier solltest du nur absolute Links setzen, da kannst nichts falsch machen. Allerdings werden diese nur online funktionieren. Absolute Links gehen immer vom obersten Ordner aus. Wenn du also im Hauptordner (Root) eine index.html hast, kannst du Bilder aus Unterordnern wie folgt einbinden:

HTML:

<img src="/images/meinbild.jpg/" alt="Beschreibung" />

Dabei ist wichtig, dass du dem Pfad immer ein / voran stellst.

Mit css und js Dateien oder Verlinkungen auf html Dateien funktioniert es genauso.

CasimirKater · 17.11.2010

Erst einmal viel Dank für die erste schnelle Antwort

und sorry das ich mein Problem etwas durcheinander beschrieben habe aber du hast Recht, ich habe alles doppelt und dreifach angelegt, jeweils sieben mal.

Ich werde so schnell wie möglich mich an die Arbeit machen und das dann mal ausprobieren.

Bei den Verlinkungen habe ich jedoch noch eine Frage. Wenn ich jetzt von der index.html zum ersten Menüpunkt auf meiner Seite, in dem Falle leistungen.html verlinken möchte (befindet sich in einem extra Ordner) , wie muss dann der HTML Code aussehen?

Ein wenig habe ich mich in das Thema HTML, Stylesheets etc schon reingelesen, das mit der Kleinschreibung von Dateinamen ist mir schon bewusst^^ auch mit dem / in einem Pfad kenne ich , dreamweaver erstellt ja den Code sowie den Entwurf in einem. Das finde ich ganz praktisch und vereinfacht die Sache etwas

Ich probiere es wie gesagt aus und melde dann weitere Probleme^^ danke für die schnelle Antwort!

developr · 17.11.2010

Kommt darauf an, wo sich deine leistungen.html findet. Im Grunde musst du dir eigentlich nur merken, keine Daten doppelt anzulegen. Im besten Fall gilt das auch für den Code, das ist aber nur mit PHP möglich und wäre momentan wohl noch zuviel des Guten ;-).

Hier mal eine Ordnerstruktur, welche ich an deiner Stelle nehmen würde.

/images/img01.jpg
/images/img02.jpg
/images/img03.jpg
...
/scripts/style.css
/scripts/java.js
...
/template/grafik1.gif
/template/grafik2.jpg
/template/grafik.png
...
/index.html (Startseite)
/impressum.html
/kontakt.html
/kunden.html
/leistungen.html
/portfolio.html
/sonstiges.html
/favicon.ico (logo für browser)

Links würdest du in dem Fall so setzen:

HTML:

<a href="/leistungen.html">Leistungen</a>

Für dein HTML-Gerüst (Design) nimmst du immer folgenden Pfad:

HTML:

<img src="/template/xyz.gif" alt="" />

Und wenn du Bilder einfügen möchtest nimmst du die Bilder eben aus dem Images-Ordner.

HTML:

<img src="/images/xyz.jpg" alt="" />

Wenn du damit nicht zurecht kommst, kannst du aber auch fertige Portale verwenden, z.B. Wordpress. Dafür sind keine Programmierkenntnisse erforderlich, es ist kostenlos und leicht zu verwalten.

CasimirKater · 18.11.2010

Ich bekomme es irgendwie nicht hin

Theoretisch funktioniert die Verlinkung ja auch mit meiner Ordnerstruktur so wie ich das mitbekommen habe.

Meine Ordnerstruktur ist ja folgende:

• Bilder Kunden (Ordner)
• Brainbox1.3 (Ordner)
• Favicon.ico
• Logo
• Impressum (Ordner)
• Index(Ordner)
• Index.html
• Kontakt (Ordner)
• Kunden (Ordner)
• Leistungen (Ordner)
-images
-leistungen.html
-SpryAssets
-style.css
• Portfolio (Ordner)
• Sonstiges (Ordner)
• IMG01, IMG02, IMG03, IMG04
• Style.css

den Ordner Leistungen nehme ich jetzt mal als Bsp. und habe den Inhalt mal dazugeschrieben.

Auf meiner Festplatte ist der Ordner Leistungen meiner HP so zu finden:

Macintosh HD/Benutzer/Carsten/Schreibtisch/Website/Leistungen/leistungen.html

Ich habe die in der Navigationsleiste wählbaren Navigationspunkte verlinkt (auf der Startseite) und diesen Code hat dreamweaver erstellt:

HTML:

<li class="Stil25"><a href="#">Home</a></li>
                <li><a href="http://www.html-forum.de/Leistungen/leistungen.html">Leistungen</a></li>
                <li><a href="http://www.html-forum.de/Kunden/Kunden.html">Kunden</a></li>
                <li><a href="http://www.html-forum.de/Portfolio/portfolio.html">Portfolio</a></li>
                <li><a href="http://www.html-forum.de/Kontakt/kontakt.html">Kontakt</a></li>
                <li><a href="http://www.html-forum.de/Impressum/impressum.html">Impressum

Soweit kann ich das ja alles nachvollziehen. Es funktioniert in der Vorschau ja auch alles bestens, nur wenn ich jetzt alles hochlade eben nicht mehr.

Bei meinen oben angeführtem Beispiel heisst doch die zweite Zeile folgendes:

Verlinkung zu Macintosh HD/Benutzer/Carsten/Schreibtisch/Website/Leistungen
/leistungen.html

sehe ich das richtig?

Wo liegt mein Fehler? Warum kann meine index.html Datei dann keine Verbindung zu leistungen.html "aufnehmen"?

Ich habe auch schon probiert deinen html Code zu verwenden:

HTML:

<a href="/leistungen.html">Leistungen</a>

hat leider nicht funktioniert

Habe auch schon folgendes probiert:

HTML:

<a href="http://meineSeite.de/Leistungen/leistungen.html">Leistungen</a>

Ich hoffe das ich jetzt etwas mehr Licht ins Dunkle bringen konnte^^

Beste Grüße
Carsten

developr · 18.11.2010

Es werde Licht

.

HTML:

<a href="/Leistungen/leistungen.html">Leistungen</a>

CasimirKater · 19.11.2010

Also aus irgendeinem Grund will die index.html nicht auf /Leistungen/leistungen.html zugreifen. Es erscheint dann immer:

ZUGRIFF NICHT ERLAUBT

Die angeforderte Seite darf nicht angezeigt werden.

Entnehme ich aber die leistungen.html Datei, so klappt es wieder, nur das die dazugehörigen header-Grafiken und Bilder auf der Seite nicht korrekt angezeigt werde.

http://www.meineSeite.de/Leistungen/leistungen.html --> funktioniert nicht
http://www.meineSeite.de/leistungen.html --> funktioniert

Warum geht das nicht? Verstehe ich gar nicht! Ich habe doch die korrekten Pfade angegeben.

Muss ich jetzt doch deine Ordnerstruktur nehmen oder gibt es vllt. doch noch eine andere Möglichkeit die weniger Arbeitsintensiv ist?

/images/img01.jpg
/images/img02.jpg
/images/img03.jpg
...
/scripts/style.css
/scripts/java.js
...
/template/grafik1.gif
/template/grafik2.jpg
/template/grafik.png
...
/index.html (Startseite)
/impressum.html
/kontakt.html
/kunden.html
/leistungen.html
/portfolio.html
/sonstiges.html
/favicon.ico (logo für browser)

Ich stelle mir das recht schwer vor diese Struktur so hinzubekommen. Habe schon mal in dreamweaver geguckt und nicht wirklich durchgesehen wie ich die html Dateien mit den dazugehörigen style.css und images voneinander trennen kann (in andere Ordner verschieben kann) ohne das sie den Zusammenhang verlieren, denn ohne das Zusammenwirken der drei genannten funktioniert die Seite ja nicht richtig.
Ich hoffe meine Formulierungen und meine tolle "Fachsprache" sind zu verstehen^^ und du kannst mir noch weiter helfen

CasimirKater · 21.11.2010

Habe es geschafft!
Der Fehler lag sicherlich darin, das die entsprechenden html Dateien nicht im root (/) Verzeichnis waren, sondern in anderen Ordnern. Mit der neuen Struktur hat es dann wunderbar geklappt!

Vielen Dank für die schnelle Antwort und die Hilfe.

Gruss Carsten

developr · 22.11.2010

Freut mich, dass ich dir einigermaßen helfen konnte ;-).

Vielleicht hilft dir ein Buch weiter, deine Kenntnisse zu vertiefen.
http://www.amazon.de/HTML-XHTML-CSS-Meisterkurs-schnellsten/dp/3827244668/