• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellung von Bildern

Status
Für weitere Antworten geschlossen.
S

Seju

Neues Mitglied
Guten Tag,
Ich soll für die Schule (besser gesagt IT-Unterricht) eine Homepage bassteln über ein Thema meiner Wahl.
Ich hab Linux genommen weil mich das sehr intressiert und es ein Thema ist mit dem ich mich auskenne.Die Homepage sollen wir nur mit Notepad und hilfe des internets machen.Also keine Programme ala Dreamwaever,NVU oder sonstiges.
Ich weiß das jetzt einige sagen werden:,,Mach doch trozdem mit nem WYSIWYG-Editor.Fällt doch nicht auf."
Naja es fällt in meinen Augen schon auf das sich mein Lehrer den Quelltext anschaut und daran erkennt man in meinen Augen ob man es nur mit Notepad gemacht hat oder einen Editor benutzt hat (Ünötige Tags usw..).
Naja ich halt mich dran und werd die Page auch ohne Editor hinbekommen.
Deswegen werd ich eine nicht al zu gute Page auf die beine Stellen können(Tabelen anlegen usw.. ist mir etwas zu Kompliziert^^)

Naja jetzt zum Eigentlichen Thema:

Ein Bild fügt man ja über das Tag
Code: 
<img src="/Bilder/Bild.jpg">
ein.
Um die größe zu verändern schreibt man ja
Code: 
<img src="/Bilder/Bild.jpg" widht=700 height=500>
Nunja das ist jetzt nur so Grundlegend.
Jedoch wenn ich das so in meinen Quelltext einbau sieht die Seite am ende Komisch aus bzw. das Bild wird garnicht erst angezeigt.
Ich häng ma 2 Screens an wie die Startseite aussieht& wie die Screenshot seite aussieht.

Hier mal der Quelltext von der "Screenshot.html"

Code: 
<html>
<head>
<title>Linux Project @ School<title>
</head>
<body bgcolor=B2B2B2>
<center><img src="file:///D:/Dokumente/Homepage/home/Images/Banner.jpg" alt="Banner"></center>
<br>
<Center><a href="file:///D:/Dokumente/Homepage/home/Index.html">HOME</a> | <a href="file:///D:/Dokumente/Homepage/home/Screenshot.html">SCREENSHOTS</a> | <a href="file:///D:/Dokumente/Homepage/home/Links.html>LINKS</a>
</br>
<center>Willkommen auf der Screenshotseite</center>
<center>Hier findet ihr nun viele Schöne Screenshots von Linux Ubuntu mit dem zusatzprogramm Beryl</center>
<br>
</br>
<img src="file:///D:/Dokumente/Homepage/home/Images/Screenshots/Screenshot.jpg" width=700 height=500>
</body>

Hoffe mir kann wer helfen und findet den fehler (find ihn nicht..)

mfg Seju

P.S:Es kommt auf den Aufbau an bzw wie der HTML-Code verarbeitet ist, nicht auf den Content
 

Anhänge

  • Unbenannt12.jpg
    Unbenannt12.jpg
    51 KB · Aufrufe: 9
  • Unbenannt13.jpg
    Unbenannt13.jpg
    28,1 KB · Aufrufe: 6
also meine ersten hps sind auch komplett im notepad entstanden. Da können schon sehr gute hps raukommen!

1.) Gib bei deinen Pfaden relative Pfade an sonst tuts auf einem webserver bzw anderen pc net
Falsch:
Seju schrieb:
<img src="file:///D:/Dokumente/Homepage/home/Images/Banner.jpg" alt="Banner">
Zum Vergrößern anklicken....
Richtig:
Code: 
<img src="./Images/Banner.jpg" alt="Banner">

2.) wenn du schon center beutz dann reicht das einmal oben und nicht vor jeder zeile

3.) beachte das jedes öffnende tag <xxx> ein schließendes haben sollte </xxx> bzw eine beides in einem <yyy/>
 
Hallo...

Erst mal ein Tipp... Wenn du eine vernünftige HP bauen möchtest, empfehle ich dir schon sie mit Tabellen oder <div> 's zu erstellen... Es ist schlussendlich viel einfacher zu navigieren und zu positionieren...

Nun zu deiner Frage...

Erster Fehler:

Falscher Code: <img src="...." width=300 height=200>
Richtiger Code: <img src="...." width="300" height="200">

Dieser Fehler ist auch bei der Hintergrundangabe im <body>

Zweiter Fehler:

Dein <html> tag hat keinen Abschluss, ich weiss ez nicht, ob das wirklich der Originalcode ist, wenn ja, kann es gar nich funktionieren du musst alle Tags schlissen.
--> <html> </html>

Dritter Fehler:

Du hasst die Pfadangabe falsch angegeben. Bei einer Pfadangabe in HP's wird nicht vom Laufwerk / Festplatte gesehen, sonder von der Datei aus, in der die Datei ist...:mrgreen::mrgreen:

Beispiel:

Du hasst einen Ordner mit deinem --index.html-- und dinem Unterordner --Pics--, indem ist das Bild --bild.jpg--

index.html Datei
-------------------------------------------------------------

<html>
<head>
<title>Pfadangabe</title>
</head>

<body>

<img src="Pics/bild.jpg" width="..." height="...">

</body>

</html>

-------------------------------------------------------------

Hoffe es funktioniert jetzt, und sonst einfach nochmal schreiben

LG MasteR ChieF



 
Erstmal danke für die schnellen Antworten.

2.) wenn du schon center beutz dann reicht das einmal oben und nicht vor jeder zeile
Zum Vergrößern anklicken....
Naja habs grad ausprobiert und nur noch 1x <center></center> benutzt (anfang und ende) und der erste satzt war zentriert,und der Umbruch war auch nicht da.Deswegen lass ich es erstmal so...

beachte das jedes öffnende tag <xxx> ein schließendes haben sollte </xxx> bzw eine beides in einem <yyy/>
Zum Vergrößern anklicken....
Meintest du damit das </html>?
Weil ansonsten seh ich kein 2tes fehlendes </> Tag

Falscher Code: <img src="...." width=300 height=200>
Richtiger Code: <img src="...." width="300" height="200">
Zum Vergrößern anklicken....
Ok danke hab das erstmal berichtigt...

Dein <html> tag hat keinen Abschluss, ich weiss ez nicht, ob das wirklich der Originalcode ist, wenn ja, kann es gar nich funktionieren du musst alle Tags schlissen.
--> <html> </html>
Zum Vergrößern anklicken....
Hab das </html> ganz am Schluss geschrieben..dürft eigentlich jetzt stimmen.

Du hasst die Pfadangabe falsch angegeben. Bei einer Pfadangabe in HP's wird nicht vom Laufwerk / Festplatte gesehen, sonder von der Datei aus, in der die Datei ist...:mrgreen::mrgreen:
Zum Vergrößern anklicken....
Ja das weiß ich auch aber ich dachte das dies nur für Webserver gillt und nicht local wenn der Pfad so ist...

Naja das Bild wird immernoch nicht angezeigt trotz verändertem Pfades auf

Code: 
<img src="./Images/Screenshots/Screenshot.jpg" width="700" height="500">
Ist ja auch nicht der einzige Fehler auf der Seite "Screenshots"
Oben im Menü fehlt ja auch der dritte Link "Links" obwohl er im Quelltext drin ist.
Code: 
<Center><a href="file:///D:/Dokumente/Homepage/home/Index.html">HOME</a> | <a href="file:///D:/Dokumente/Homepage/home/Screenshot.html">SCREENSHOTS</a> | [COLOR=Red]<a href="file:///D:/Dokumente/Homepage/home/Links.html>LINKS</a>[/COLOR]
mfg seju

P.S: Wie änder ich den Pfad von Links die "Seitenintern" sind?Auch mit
Code: 
<a href="./home/Index.html">HOME</a>

EDIT:
Neuer Voller Quelltext

Code: 
<html>
<head>
<title>Linux Project @ School<title>
</head>
<body bgcolor="B2B2B2">
<center><img src="./Images/Banner.jpg" alt="Banner"></center>
<br>
<Center><a href="file:///D:/Dokumente/Homepage/home/Index.html">HOME</a> | <a href="file:///D:/Dokumente/Homepage/home/Screenshot.html">SCREENSHOTS</a> | <a href="file:///D:/Dokumente/Homepage/home/Links.html>LINKS</a>
</br>
<center>Willkommen auf der Screenshotseite</center>
<center>Hier findet ihr nun viele Schöne Screenshots von Linux Ubuntu mit dem zusatzprogramm Beryl</center>
<br>
</br>
<img src="./Images/Screenshots/Screenshot.jpg" width="700" height="500">
</body>
</html>
 
für links gilt das gleiche wie für images und für alles andere auch !!!relative pfade!!!
farben schreibt man mit # vorne ( #FF00FF )
dein <title> ist zweimal drin des letzte sollte wohl ein </title> sein ;)
dein <a href"...">LINKS</a> fehlt bei href="..." das zweite "
</br> gibts glaub ich gar net
und <br> solltest lieber <br/> benutzen
<img> immer mit so schreiben <img src="..." alt="..." border="..."/>
 
Big THX!!
Funktioniert jetzt wie es soll
Hab jetzt mal alle Fehler behoben die ihr gefunden habt und jetzt wird das Bild angezeigt :D

</br> gibts glaub ich gar net
Zum Vergrößern anklicken....
hmm unser lehrer sagte was von wegen:,, Ja wenn ihr platzt zwischen den Zeilen lassen wollt benutzt <br></br>
hmm kA^^
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben