Hallo Niklas,
hallo Thuemmy,
Hallo Niklas,
darf ich Dir mal eine kleine Empfehlung geben?
Hmmm, jetzt haben wir damit angefangen...
Ne also noch finde ich das genauso unübersichtilich wie immer
ok spaß bei seite
Also noch komme ich eig zurecht ich habe ja auch nur
style.css
games.html
index.html
Nein, Du hast index.html zweimal:
- einmal im Root-Verzeichnis
- und einmal im Ordner games
Und mittlerweile hast Du auch games.html zweimal, auch in den beiden o.g. Ordnern...
D.h. wir haben Chaos, das wir jetzt versuchen, aufzuräumen...
Da fangen wir bei Dir auf Deinem Rechner (bzw. in Deinen Ordnern) an:
Du hast ja gestern Deinen Screenshot gepostet, an dem ich sehe, wie es
da aussieht.
Leg Dir einen Ordner an, der
welt-der-browsergames heißt, darin legst Du
einen neuen an, den Du
welt-der-browsergames_09_08_13 nennst (mit der
Datumsangabe am Ende werden die Ordner genau in der richtigen Reihenfolge
angezeigt, auch wenn Du das Projekt über Jahre weiterentwickelst).
Wenn Du morgen an der Website weiterarbeitest, kopierst Du den gesamten
Ordner und benennst die Kopie um in
welt-der-browsergames_09_08_14.
So kannst Du jederzeit auf die älteren Versionen zugreifen.
In diesen Ordner (
welt-der-browsergames_09_08_13) kommt:
- die Datei index.html
- der Ordner games
- der Ordner style
- der Ordner bilder
Damit Du lokal bei Dir auf'm Rechner genauso arbeiten kannst (und auch aus
anderen Gründen) änderst Du jetzt den
absoluten Pfad in Deiner
index.html
in einen
relativen:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Diese Seite wird nach und nach Aufgebaut</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<img class="klasse" src="welt-der-browsergames.png" alt="welt-der-browsergeames"title="titel-text"><br />
<img class="klasse" src="forum.png" alt="forum"title="titel-text"><br />
<img class="klasse" src="gaestebuch.png" alt="gaestebuch"title="titel-text"><br />
<img class="klasse" src="partner.png" alt="alt-text"title="titel-text">
[B]<a href="games/">Linktext</a>[/B]
</body>
</html>
Anschließend musst Du den Pfad zu den Bildern ändern, weil die ja jetzt in dem
Ordner
bilder liegen:
Code:
<body>
<img class="klasse" src="[B]bilder/[/B]welt-der-browsergames.png" alt="welt-der-browsergeames"title="titel-text"><br />
<img class="klasse" src="[B]bilder/[/B]forum.png" alt="forum"title="titel-text"><br />
<img class="klasse" src="[B]bilder/[/B]gaestebuch.png" alt="gaestebuch"title="titel-text"><br />
<img class="klasse" src="[B]bilder/[/B]partner.png" alt="alt-text"title="titel-text">
<a href="games/">Linktext</a>
</body>
</html>
Jetzt funktioniert die Seite bei Dir lokal.
(Ich weiß nicht wie unübersichtlich eine Webseite werden kann)
Du meinst eine Website - sei nach Möglichkeit präzise mit den Begriffen...
Je umfangreicher ein Projekt wird, desto unübersichtlicher kann es werden...
Das was ich persönlich unübersichtlich finde ist das kleine Veränderungen großes bewirken können bei mir meist noch im negativen Teil, aber ich habe nichts anderes erwartet also ich das erste mal in einen Seitenquelltext geschaut habe (Ist echt wahnsinn das ein normaler Mensch da den durchblick behalten kann)
Das müssen wir jetzt schaffen, dass Du da den Durchblick bekommst.
Du hast momentan einen wunderbar einfachen Quelltext: blickst Du da
vollständig durch, oder hast Du Fragen dazu?
Aber man muss immer dran bleiben was mich antreibt ist zu sehen wie eine Website sich entwickelt und die Freude wen man etwas gelernt oder geschafft hatt (Komisch das sowas in der Schule nicht vorkommt)
Schule könnte genauso funktionieren, einer der Unterschiede ist, dass Du für die Noten arbeitest, statt für den Spaß...
PS:Wieder zwei kleine Erfolge zu melden die Startseite hatt jetzt verbindung zu style.css (Lag daran das der Browser oder was auch immer im Ordner style nach style.css gesucht hatt habe jetzt style.css mit samt Ordner hochgeladen)
Du hast im Head angegeben, dass style.css in diesem Ordner liegt:
Code:
<link rel="stylesheet" type="text/css" href="style/style.css" />
Und die Seite /games hatt jetzt die Bilder (Die mussten im selben Ordner sein) Aber /games hatt immernoch kein Style.css
Nein, die müssen nicht im selben Ordner sein, denn dann hast Du sie zweimal
auf dem Server - das macht es Dir unnötig schwer, an den Seiten etwas zu
ändern (bzw. das ist eine potentielle Fehlerquelle)
Und was ich noch nicht verstehe ist das die Startseite den gleichen Quelltext hatt wie /games.de müsste die Startseite nicht index sein und /games.de games.html?
Du bringst gerade Dateinamen und Quelltext durcheinander.
Um es für Dich durchschaubarer zu halten, vergessen wir erstmal die Idee, dass
es eine Seite
http://www.welt-der-browsergames.de/games/ geben soll.
Jetzt kümmern wir uns um
games.html (games.de gibt es nicht - und kann es nicht geben):
Als erstes müssen wir in der
index.html den Link ändern:
Code:
<body>
<img class="klasse" src="welt-der-browsergames.png" alt="welt-der-browsergeames"title="titel-text"><br />
<img class="klasse" src="forum.png" alt="forum"title="titel-text"><br />
<img class="klasse" src="gaestebuch.png" alt="gaestebuch"title="titel-text"><br />
<img class="klasse" src="partner.png" alt="alt-text"title="titel-text">
[B]<a href="games/games.html">Linktext</a>[/B]
</body>
Jetzt kopierst Du
index.html und speicherst die Kopie in den Ordner
games und benennst
Sie um in
games.html. Diese Datei öffnest Du jetzt im Editor um alle Pfade anzupassen:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Das ist die Seite games.html im Ordner games</title>
<link rel="stylesheet" type="text/css" href="[B]../[/B]style/style.css" />
</head>
<body>
<img class="klasse" src="[B]../[/B]bilder/welt-der-browsergames.png" alt="welt-der-browsergeames"title="titel-text"><br />
<img class="klasse" src="[B]../[/B]bilder/forum.png" alt="forum"title="titel-text"><br />
<img class="klasse" src="[B]../[/B]bilder/gaestebuch.png" alt="gaestebuch"title="titel-text"><br />
<img class="klasse" src="[B]../[/B]bilder/partner.png" alt="alt-text"title="titel-text">
<a href="[B]../[/B]">Zurück zur Startseite</a>
</body>
</html>
Wenn daran noch irgendwas unverständlich ist, dann lies Dir zuerst diesen
gesamten Thread nochmal sorgfältig durch, anschließend frag nochmal...
Jetzt kannst Du die Dateien, die Du bisher auf den Server hochgeladen
hattest, löschen. Anschließend lädst Du den gesamten Inhalt des Ordners
welt-der-browsergames_09_08_13 mit allen Unterordnern hoch.
Grüße
Bernhard
