Grafik vom Rechner aus

[aqua.*]

Hallo Board,

ich beschäftige mich erst seit einigen Tagen mit HTML und bin heute bei "Grafiken" gelandet. Eine Grafik durch eine URL kriege ich noch wohl hin, aber vom Rechner aus eine Grafik zu erscheinen lassen klappt nicht.

Bei mir sieht das so aus:

<img scr="I:\Dokumente und Einstellungen\Stan\Eigene Dateien\Eigene Bilder\hans.jpg" />

oder statt backslash hab ich auch normal Slash benutzt. Klappt aber beides nicht :sad:
Woran liegt das?

Vielen Dank
MfG

 

[xXxPeterPanxXx]

Hi,
das geht nicht. Das Bild muss ja im Web sein. Der Server hat keinen Zugriff auf deinen Rechner(wäre ja schlimm), darum musst du das Bild mit einen FTP-Programm wie File Zilla hochladen.


MfG xXxPeterPanxXx

 

[thuemmy]

Hallo aqua,

ich nehme mal an, dass Du im Moment Deine Seiten noch auf dem PC hast, eben zum Üben. Wo Dein Problem im speziellen liegt, kann ich Dir leider nicht sagen, da ich ja keinen Zugriff habe, auf Deinen PC. Und das ist gut so.

Aber ein kleine Anregung für spätere Übungen, und irgendwann mal das erste richtige Projekt. Mache Dir gleich eine vernünftige Ordnerstruktur, z.B. so:

website <-- hier kommen die html-Dateien rein
|
|--- bilder <--- hier kommen die Bilder für die Webseiten rein
|
|--- style <--- hier kommt die css-Datei(en) rein

Schreibe die Ordner- und Dateinamen immer in Kleinbuchstaben. Das ist zwar auf Windows zum Testen nicht wichtig, aber wenn die Seiten mal auf Webspace hochgeladen werden, ist das im Normalfall sehr wichtig, da Webserver häufig unter Linux laufen, und Linux darauf wert legt. Auf Linux sind bild.jpg und Bild.jpg zwei unterschiedliche Datein. Wenn Du immer nur die Kleinschreibung nutzt, dann gibt es einfach weniger Probleme. Benutze keine Sonderzeichen und Leerzeichen für Ordner- und Dateinamen, ausser dem - (minus) und _ (Unterstrich).

Wenn Du die Ordnerstruktur so gemacht hast, wie ich oben beschrieben habe, könnte Dein obiges <img>-Tag dann so aussehen:

<img src="bilder/hans.jpg">

Das nennt man dann relative Pfadangabe (der Pfad wird relativ zur Position der HTML-Datei angegeben). Dasselbe gilt dann auch für alle anderen Verweise, wie <a>- oder <link>-Tags.

Wenn Du alles so machst, wie von mir empfohlen, dann musst Du später, wenn die Seite fertig zum hochladen ist, nur noch den kompletten Inhalt des Ordners website auf den Webspace laden, und die Webseiten sollten sich dann genauso verhalten, wie auf dem heimischen PC.

Ich hoffe, dass das nun nicht zu verwirrend für Dich war. Wenn Du irgendwas nicht verstanden hast, einfach nochmal nachfragen.

Gruß thuemmy

 

[aqua.*]

Erstmals vielen Dank für eure Hilfe !

@ thuemmy:
Also wenn ich Besipielsweise auf dem Desktop einen Ordner erstelle "HTML"
In dem dann weitere Ordner: sytle ( für CSS Datei ), bilder ( für alle .jpg und .gif )
Kann ich dann einfach in dem Hauptordner HTML meine .html Datei abspeichern ?
Soll ich dann als Pfad hans.jpg angeben ?
sucht der das dann automatisch aus dem Ordner heraus, in dem die HTML Datei ist?

Bin noch ganz neu in der Thematik und verstehe das noch nicht so ganz :sad:

 

[tarik02]

<img scr="I:\Dokumente und Einstellungen\Stan\Eigene Dateien\Eigene Bilder\hans.jpg" />

Buchstabe dreher wenn ich das richtig sehe...
Also mal eine Erklärung:
Am besten ist es die Bilder in einem Unterordner des Ordners wo die HTML-Datei drin ist zu erstellen. Angenommen dieser Ordner mit den Bilder heisst img dann würde es für deine Datei heissen:

 <img src="img/Hans.jpg">

Oder du speicherst das Bild im gleichen Ordner wie die HTML Datei, dann heisst es:

<img src="hans.jpg">

Die Zweite ist zwar die einfachere Methode aber es kann schnell unübersichtlich werden bei zu vielen Bildern.



Hoffe ich hab deine Frage richtig verstanden. ;)

T02

 

[aqua.*]

Also war meine Idee gar nicht so verkehrt.

Ahhhh.. ich liebe euch. Es klappt !
vielen Dank