Bilder einbinden in Homepage

Tja, blöde Frage sicher, aber ich finde keine Antwort. Wie bindet man Bilder in die HP ein? Benutze html ohne frontpage etc., mache alles selbst. Die Erläuterungen begnügen sich mit dem Code: img src="bild.gif". Leider klappt das nicht. Muss nicht erst mal definiert werden in welchem Verzeichnis das Image ist?

 

ohne jetzt deine Frage zu beantworten - arbeite mal http://de.selfhtml.org durch. Da klärt es sich.

 

Danke, ich kenne die Seite und damit gestern schon probiert. Es klappt trotzdem nicht. Ich habe den exakten Pfadnamen eingegeben in img src. Jetzt erscheint nicht mal mehr das X, sondenr gar nichts. Auch verwirrt mich dass in selfhtml steht "alt" wäre Pflichtangabe ... alt hab ich noch nie gesehen und gebraucht bisher (ich benutze html seit wochen auf myspace). Die Erläuterungen unterscheiden sich von Seite zu Seite und keine scheint zu stimmen.

http://de.selfhtml.org/html/grafiken/einbinden.htm hilft mir absolut nicht. Ich kapier das nicht. Oben steht noch was Umständliches mit Pfadnamen etc, und weiter unten dann nichts mehr mit Pfaden in den Codes.

 

HTML:

<img src="../bild.JPG" width="..." height="..." border="0" alt="Bildbezeichnung"> 

Damit das Bild erscheint, darf der Pfad nicht auf deine Festplatte verweisen, sondern muss den Ordner auf deinem Webspace angeben.

Die Dateinamen sollten ebenso kleingeschrieben sein sowie keine Umlaute und Sonderzeichen enthalten.

Das "alt" hat den Sinn, dass man sich durch die textliche Bildbzeichnung ein Bild machen kann, um welches Bild es sich handeln könnte, wenn es das Bild auf der HP gäbe aber es dennoch nicht erscheint.

 

Hmm "Ordner auf Webspace"? Wie geht das? Welcher Ordner?

 

Hallo,

alles was du wissen musst ist ausführlich hier auf der Website beschrieben, das musst du einfach verstehen sonst kannst du keine Webseiten programmieren oder du musst Frontpage oder ähnlich Programme verwenden:

http://de.selfhtml.org/html/grafiken/einbinden.htm

Wenn deine Grafik im selben Verzeichnis liegt wie die "test.html" dann brauchst du keine Pfadangabe:
Beispiel:
<img src="tanzmaus.png">

Code:

Pfadangaben:
<img src="verzeichnis/datei.gif" alt="Grafik">
<img src="verzeichnis/unterverz/datei.gif" alt="Grafik">
<img src="../datei.gif" alt="Grafik">
<img src="../../../datei.gif" alt="Grafik">
<img src="../woanders/datei.gif" alt="Grafik">
Auch das Referenzieren von einem vollständigen URI ist möglich, z.B.:
<img src="http://www.example.org/grafiken/taggi01.gif" alt="Taggi">

Was verstehst du da nicht ?
Das Verzeichnis in dem deine "index.html" liegt ist dein Rootverzeichnis auf das du referenzierst.

 

Wie kommst du auf "test.html". Meine heisst so. Bin irrititiert. Kann man das irgendwo sehen?

Ich hab die html-Datei nicht auf meinem PC, mache alles online per 2ftp. Muss ich die erst auf den PC speichern? Wieso das?
Ich bearbiete die Datei online in 2ftp. Ich wüsste gar nicht wie ich die auf meinem PC speichern könnte.

 

Hi,
auf test.html ist er sicherlich aus Zufall gekommen, brauchst keine Angst haben, dass man das sieht ;-)

Wobei ich für Tests immer eine index.html schreib, weil ich zu faul bin im Explorer auch noch den dateinamen einzutippen...

Mal zum Verständnis: HTML-Dateien kannst du beruhigt lokal auf deiner Festplatte speichern, bearbeiten und ansehen, da ausser Javascripten keine serverseitigen skripte verarbeitet werden müssen ist das einzige Hilfsmittel der IE (oder Firefox, Netscape...). Wenn du deine Dateien erst mal auf deinem pc nur speicherst, spart dir das auch gleich Traffic ein.

Am Besten wäre es für dich, einen HTML-Editor mit Syntax-Highlighting zu beschaffen. Davon gibt es viele Freeware- und Open-Source-Projekte wobei mit Phase5 am meisten zusagt (einfach mal googlen).

Da du offensichtlich ja noch Einsteiger bist in Dingen wie HTML ist es meiner Meinung nach nicht dumm, auch mal was in Frontpage zu schreiben! Es produziert zwar nicht den saubersten Code, aber wenn du dort mal was eingibst und dir danach den Quellcode anschaust, kann dir dieser eine gute Starthilfe sein HTML zu verstehen.

Zu deiner Frage ganz am Ende:
Wie du das auf deinem PC speichern kannst ist sehr einfach. Nimm dir einen normalen Editor, oder einen mit Syntax-Highlighting und geh einfach auf Speichern unter... (wobei du bei Notepad unter Dateityp "Alle Dateien" und unter Dateiname "irgend_ein_dateiname.html" tippen musst)

mfg Tenschman

 

hi, danke.
frontpage wollte ich vermeiden. Ich traue mir zu das alleine zu schaffen. habe bereits auf myspage eine stylishe Seite allein erstellt. Ich verstehe bloß nicht, wie man nun Bilder vom PC einbindet. Das scheint weitaus schwieriger zu sein als bei Online-Pics. Mittlerweile hab ich die html-datei auf meinem PC gespeichert in einem Extra-Ordner, das Pic gleichfalls. Daher müsste ja img src=bildname.gif ausreichen im Code. Trotzdem zeigt die Webseite nur das Wort "Grafik" an. Bin verzweifelt.

 

ich hab die datei und das bild in einem ordner. der code für das bild img src="bildname.gif" mit tags ist angegeben. wenn ich jetzt die testdatei seperat öffne ist das Bild zu sehen! wow. bloß nicht wenn die datei per ftp hochlade - da steht auf der homepage weiterhin nur "Grafik".

 

Du musst natürlich das Bild hochladen und die geänderte "test.html"
Und der Webserver unterscheidet zwischen Groß/Kleinschreibung, bachte das.. Windows auf deinem Rechner macht das nicht.
beispiel.gif ist eine andere Datei als Beispiel.gif.

Zusätzlich solltes du nach einer Änderung den Browser-Cache überschreiben, Website neu laden mit "Strg-F5".
Wenn es dann nicht geht poste einmal den Link zu deiner Website oder den Code der "test.html" .. hier bitte über "Code einfügen" psoten.

 

ich hab echt alles probiert. kleinschreibung beachtet, das bild in verschiedene Unter- und Überordner verschoben und die jeweiligen Codes probiert. natürlich immer wieder die testdatei neu per ftp hochgeladen und die webseite refresht. hilft nix! das bild ist separat zu sehen wenn ich die datei auf dem PC öffne, aber auf der HP erscheint nur das X. ich weiß nicht weiter. woran kann es liegen, dass das Bild auf dem PC erscheint aber nicht auf der HP???

den link möchte ich nicht posten, sorry. wie kann ich code einfügen hier? sehe nix.

 

Was ist nur los mit dir..

Wenn du hier anwortest dann schaue dir doch einmal den Editor an der da erscheint, da gibt es ein ganze Menge Schaltflächen, Farbe Schriftart und auch Code einfügen.

Wenn du das Bild richtig hochgeladen hast, Einstellung des FTP-prog. beachten (Erkennung automatisch, binär oder nur Textdatei) *.gif ist eine Binärdatei.
Dann kannst du das testweise einmal direkt aufrufen.. also nach dem Muster:
www.meinehompage.de/grafik/beispiel.gif
Den Pfad natürlich entsprechend anpassen, der Browser sollte das Bild dann auf einer weissen Fläche zeigen.

 

Du tust es dir viel leichter, wenn du Selfhtml mal richtig durcharbeitest. z.B. mit einer der Touren (hab sie zwar selber nie ausprobiert, aber glaub kaum, dass sie schlecht sind)
http://de.selfhtml.org/navigation/anfang/index.htm#reihenfolge

 

Bei der Bild-URL auf der Webseite erscheint das:
<b>Not Found
The requested URL /ausschnitt.jpg was not found on this server.</b>

Während auf dme PC das Bild folgende URL hat:
file:///C:/Dokumente%20und%20Einstellungen/HP_Besitzer/Eigene%20Dateien/html/ausschnitt.jpg

Das Bild und die Datei sind im selben Ordner:

HTML:

<head>
<title>teeeeeeeeeeeeeeesstt</title>
</head>
<html><style type="text/css">


body{background-image:url("http://i73.photobucket.com/blaaaaaa.jpg");
background-attachment:fixed;}

</style>

<body>

<img src="ausschnitt.jpg">

<div id="rahmen">
<div id="header">
<div id="logo">
<h1>Meine erste Homepage</h1></div>
<div id="navigation">

<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="gaestebuch.html">G&auml;stebuch</a></li>
<li><a href="impressum.html">Impressum und Kontakt </a></li>
</ul></div></div>

<div id="inhalt">
<h2> Nachfolgend ein Blindtext</h2>
<p>blaaaaaaaaaaaaaaaa</p></div>

<div id="footer">
<p>Diese Homepage wurde erstellt von Hans Mustermann am 01.01.2000</p>
</div>
</div>

</body></html>

 

Mittlerweile hab ich es geschafft ein Pic tatsächlich in die HP reinzuladen. Wie auch immer, ich hatte das Pic erst separat auf die HP geladen, dann das Pic wiedermal in ein Unterverzeichnis geschoben und auf einmal hats geklappt. Entgegen! der Anleitung und dem Code in http://www.homepage-total.de/html/referenz.php : img src="unterverzeichnis.bild.jpg" funktioniert es also mit img src="bild.jpg" obwohl und wahrscheinlich nur weil das Bild in einem Unterverzeichnis ist! Ob ich diese Lösung in selfhtml hätte erkennen können, bezweifle ich! Selfhtml ist absolut unverständlich für mich in diesem Punkt.

Mal sehen, ob das jetzt generell klappt.

Edit. Fehlanzeige. Auch das zweite Pic erscheint nur in der test.html-Seite auf der HP, nachdem ich es vorher separat als eigene URL www.domain.net/bild2.jpg auf die HP geladen hab. Wie ist das möglich?? Muss ich jetzt jedes Bild erst extra auf die HP laden?

 

Natürlich musst du alle Bilder hochladen.
Erst dadurch kommen sie "ins Web". Zu deinem PC, auf dem die Bilder ursprünglich gespeichert sind hat doch niemand außer dir Zugriff und er hat ebenso keine Verbindung zum www.

 

Hallo,

evtl. liegt es nur daran, das du den Namen des Bildes verschieden geschrieben hast (klein / Großschreibung). Angenommen deine Datei heißt BILD.JPG und du rufst diese mit

Code:

<img src="bild.jpg">

auf, wird die Datei nicht gefunden.
Ps.: alt ist keine Pflicht.

Siehe auch www.html-kursus.de.ki in Kurs 5 nach

MfG
Frank

 

Das ist mir kurz danach auch bewusst geworden. Peinlich. Sowas muss einem aber auch mal gesagt werden. Das wird vorausgesetzt, kann man aber nicht wissen.
Wenn von Verzeichnissen die Rede war, ging ich vom PC aus.

Wie dem auch sei, jetzt ist mein heutiges Problem wie man überhaupt Ordner/Verzeichnisse in diesem Root-Zeugs anlegt und Datei daraus löscht. Hab das probiert, aber klappt nicht.

 

Doch, alt IST Pflicht. Sonst kommt die Seite nicht durch den Homepage-TÜV (Validator).