Als Anfänger versuche ich im Moment mit Hilfe von "self.html und einem *.html Handbuch eine Homepage zu basteln, obwohl dies mit fertigen Programmen wahrscheinlich viel einfacher und schneller geht. Ich nehme einen einfachen Text Editor, und arbeite mit Windows XP.
Bei den ersten Versuchen habe ich nun erfahren, dass der einfache Seitenaufbau, der recht ordentlich aussieht, im Internet Explorer (6.0) mit allen Graphiken und Fotos und Sounds angezeigt wird, bei Mozilla Firefox (Version 2.0.0.16) wird jedoch nur der Text angezeigt, keine Bilder. Die "Bilder" werden auf der Seite nur als Text wiedergegeben. Arbeiten die beiden Browser so different, oder habe ich irgendetwas übersehen ??
Und macht eine selbsterstellte Homepage überhaupt Sinn, insbesondere, wenn man viele Bilder einfügen will ??
Faste alle *.jpg Bilder sind kleingeschrieben. Ich habe auch keine Leerzeichen drin. Ein paar wenige sind großgeschrieben.
Während bei IE (6.0) alle Bilder angezeigt werden, sind bei Mozilla nur die Bilder im Text zu sehen. Keine einzige Graphik ist bei Mozilla zu sehen.
Grundsätzlich sollte man Dateinamen in HTML-Dokumenten klein schreiben
und Umlaute sowie Leerzeichen vermeiden (anstelle Leerzeichen Unterstrich verwenden). Weiterhin dürfen die Link-Verweise (z.B. auf die Bilder) nicht absolut, sondern müssen relativ angegeben werden.
Faste alle Dateinamen im *.jpg Format sind kleingeschrieben und ohne Leerzeichen. Ein paar wenige sind großgeschrieben.
Angezeigt wird von Mozilla jedoch keine einzige Graphik.
Allerdings sind im Pfad, bei den Unterverzeichnissen, "Leerstellen" drin.
Könnte es daran liegen ??
Mit welcher Software hast Du die Bilddatein erstellen? Probier das ganze mal testweise mit einer JPG-Datei die mit einer anderen Software erstellt wurde? Damit wäre zumindest das als Fehlerquelle ausgeschlossen.
Folgende Zeichen kannst Du bedenkenlos für Dateinamen und Verzeichnisnamen verwenden: A-Z a-z 0-9 "_" (Unterstrich) "-" (Bindestrich/Minus) "." (Punkt)
Von alle anderen Zeichen - insbesondere Leerzeichen - würde ich Abstand nehmen.
Weiterhin dürfen die Link-Verweise (z.B. auf die Bilder) nicht absolut, sondern müssen relativ angegeben werden.
Es ist absolut erlaubt Verweise absolut anzugeben. Speziell für Graphiken ist das oft sogar ganz sinnvoll um diese in ein eigenes Verzeichnis zu legen. Standardbilder kann man dann dann unabhängig vom Pfad der Webseite z.B. mit "/img/logo.png" angeben.
Die Bilder sind meist mit Photo Plus bearbeitet oder sie sind nur verkleinert worden, mit einer andern Software. Bis jetzt hat es nicht geklappt.
Ich verstehe nur eins nicht:
Wenn ich die *html Seite auf meinem, oder einem andern PC testweise mit dem Internet Explorer 6.0 aufrufe, werden alle Graphiken und Links angezeigt, bei Mozilla Version 2.0.0.14 eben nicht.
Könte es sein, dass Du AdBlock installiert hast, oder einen anderen Werbeblocker? Wenn ja, dann schalte den mal testweise aus und prüfe die Seite noch einmal.
Danke für die Antwort.
AdBlock habe ich nicht installiert,oder meinst Du mit "Werbeblocker", bei Mozilla die Einstellung,
unter Sicherheit "warnen, wenn websites versuchen Add-ons zu installieren" ??, wenn ja, dann ist es das auch nicht. Habe ich ausprobiert.
Weiterhin keine Graphiken bei Mozilla.
Ja, bei Inhalt sind alle Häkchen gesetzt.
Da dies meine erste Homepage ist, die ich versuche, und noch nicht so perfekt bin, kann ich wahrscheinlich ewig weitersuchen.
Was meinst Du nochmal genau, mit den Link Verweisen, "nicht absolut sondern relativ".
Ich freue mich über jeden Hinweis, der mir weiterhelfen könnte.
oder meinst Du mit "Werbeblocker", bei Mozilla die Einstellung,
unter Sicherheit "warnen, wenn websites versuchen Add-ons zu installieren" ??
Nein, das meinte ich nicht und das hat auch nichts mit dem Problem zu tun. Ist die Seite denn schon irgendwo im Internet verfügbar, dass man sich einmal das ganze live ansehen könnte?
Nein, die Seite ist noch nicht komplett, ist noch in der Versuchsphase.
Aber auch bei anderen "html.Testseiten" ist es ähnlich, auch mit wenigen Bildern. Beim Internet Explorer funkioniert es, bei Mozilla nicht. Ich probier nochmal weiter.
Funktionieren denn eigentlich die Beispiele aus SelfHTML bei Dir?
Wenn ja, dann vereinfache und reduziere Deine Seite doch einfach mal schrittweise in Richtung des Beispiels. Irgendwann muß es dann zwangsläufig funktionieren...
Es klappt leider immer noch nicht mit der Ansicht der Graphiken bei Mozilla.
Ich habe jetzt eine "mini html Datei mit nur 2 Fotos und einem kleinen Sound, die im Interner Explorer 6.0 einwandfrei angezeigt und abgespielt werden.
Ein Script mit wenigen Zeilen, könnte ich jemanden per mail zukommen lassen, der sich mit "html" besser auskennt, als ich. Vielleicht kann man da als erstes den Fehler entdecken, wenn überhaupt einer vorhanden ist.
Falls sich jemand meldet: Soll ich auch die beiden Graphiken (*.jpg) und den Sound (*mp3) mitsenden ??
und einem kleinen Sound,
Sound ist die beste Möglichkeit um 99% der User von einem zweiten Besuch der Webseite abzuhalten.
Ein Script mit wenigen Zeilen, könnte ich jemanden per mail zukommen lassen, der sich mit "html" besser auskennt, als ich.
Du könntest einfach mal den Quelltext der Seite hier posten. Einfach hier einfügen und im Posting-Editor dann auf Sonderzeichen ersetzen klicken, anschließend Übernehmen.
Alles klar.
In der Vorschau wurde die Seite schon so angezeigt, wie sie eigentlich aussehen sollte, mit Bilder. Ich war echt überrascht und es bedeutet doch, dass alles O.K. ist. Frage ist bloß, warum klappt es bei Mozilla nicht. Auf Sonderzeichen ersetzen habe ich geklickt, wie von Dir beschrieben. Ich hoffe, Du kannst damit was anfangen. Der Sound ist eigentlich nur Nebensache.
Das Problem wird wahrscheinlich bis ziemlich sicher an Deinen Pfadangaben liegen. Auch bei lokalen Pfaden mußt Du unabhängig vom eingesetzten OS den Schrägstrich "/" als Trennzeichen für Pfade verwenden. Außerdem müsste absoluten Pfaden die aufs lokale Dateisystem verweisen noch file:/// vorangestellt werden. Das steht wenn ich mich recht erinnere aber auch alles in SelfHTML mit drin. In Deinem Fall wären relative Pfadangaben aber definitiv ratsam. Also wenn die Seite in c:\aktuell\homepage\ liegt: fotos/sunset/punta_sunset.jpg
Vielen Dank für die schnelle Antwort.
Hat aber vorerst noch nicht geklappt, durch das Ändern des Schrägstriches.
Hinzuzufügen wäre vielleicht noch, dass bei Mozilla das große Foto einen leeren Rahmen hat, oben links im Fenster ein gebrochenes Symbol, das kleine Foto, nebendran hat nur den Text "Baum". Ist mir schon ein Rätsel.
Wenn ich mit der rechten Maustaste auf die große Graphik klicke, und "Graphik laden" anklicke, wird das Foto in einem seperaten Fenster, ohne die gelbe Hintergrundfarbe geöffnet.
Vielleicht kommen wir doch langsam zum Ziel.
Du solltest Dir auch unbedingt nochmal http://de.selfhtml.org/html/allgemein/referenzieren.htm#relativ durchlesen. Nicht nur den verlinkten Abschnitt, sondern die komplette Seite. Lokale pfadangaben sind nur in ausnahmefällen sinnvoll. Im Internet sind Bilder damit dann definitiv nicht sichtbar (außer villeicht auf Deinem Computer).
Bei Mozilla kann zwar von der Seite, die geöffnet ist, der Quelltext gelesen, aber nicht editiert werden. Ist das richtig so ??
Ja. Beim IE geht das nur weil der den Windowseigenen Editor Notepad zur Quelltextdarstellung verwendet. Lokale Dateien werden dort dann direkt geöffnet, Webseiten werden ins Temp-Verzeichnis kopiert und dann geöffnet...
Scheinbar ist das "html" vom Handbuch zum "selfhtml" sehr groß, da es doch weiterhin Unterschiede zwischen IE und Mozilla gibt.
Mit den Bildern hat es wohl erstmal funktioniert, allerdings wird Sound und Text für die Bilder bei Mozilla nicht angezeigt, siehe Beispiel: (alt=Baum)
<img src="file://localhost/c:/aktuell/homepage/fotos/herbst/baum.jpg" width=140 height=180 alt="Baum">
Das Script wurde nach Anweisung des Handbuchs "Die eigene Homepage" von Rabbisoft erstellt.
Kann ich das nun alles vergessen ??, oder wird eventuell die Seite, wenn sie online ist, auch bei Mozilla richtig dargestellt ??
Scheinbar ist das "html" vom Handbuch zum "selfhtml" sehr groß, da es doch weiterhin Unterschiede zwischen IE und Mozilla gibt.
Häh?
file://localhost/c:/aktuell/homepage/fotos/herbst/baum.jpg
Ich wiederhole mich nur ungerne, aber verweise auf lokale Datenträger sind wirklich keine gute Idee. Wenn Du die Seite ins Internet hoch lädst siehst Du dann mit keinem Browser mehr was. Setze hier relative Pfadangaben ein!
Die Lösungen zum Einbinden von Hintergrundmusik sind für IE und Mozilla unterschiedlich. Wenn Du in beiden Browsern den Krach hören willst, mußt Du also auch beide Codes einbauen. Beide Lösungen sind proprietär (hersteller-bezogen) und gehören nicht zum HTML-Standard. Weitere Einzelheiten wie immer in der Bibel: http://de.selfhtml.org/html/dateiweit/hintergrundmusik.htm .
Nebenbei: Dein HTML-Code enthält 2 öffnende body-tags, der schließende body-tag fehlt, und der schließende form-tag ist ohne einen öffnenden form-tag fehl am Platz.
Der Sound ist eigentlich nur ein Experiment.
Ich habe hier nochmal das original Soundscript aus "selfhtml" gepostet.
Explorer erkennt den Sound, Mozilla nicht.
Wenn das alles so unterschiedlich ist, es gibt ja noch mehr Browser, die vielleicht so ihre Eigenart haben, wie kann man da alles unter einen Hut bringen ???
Wenn das alles so unterschiedlich ist, es gibt ja noch mehr Browser, die vielleicht so ihre Eigenart haben, wie kann man da alles unter einen Hut bringen ???
Indem Du auf solche browserspezifischen Altlasten verzichtest. Die aus aus gutem Grund nicht mehr Teil der aktuellen Standards, oder zumindest wird von deren Verwendung ausdrücklich abgeraten. SelfHTML weißt auch recht deutlich darauf hin wenn bestimmte Konstrukte heute nicht mehr verwendet werden sollen. Ich rate ausdrücklich davon ab heute noch Tags zu Verwenden die als Deprecated gekennzeichet sind. Bei neuen Webseiten sollte man konsequent auf XHTML Strict setzen, die Transitional-Version ist eigentlich nur dann sinnvoll wenn man bestehende Inhalt einbinden muß.
Zaphod
donrono
ArminH
Borlander
xafford
