Juniors WorkstationLidos BerlinComputer PassDies und Das
Nutzungsbedingungen    Datenschutz    Impressum       Kontakt        Registrieren       <== zurück zur Startseite    
 
  Lernen durch Lehren
 
  LDL - Wissenswertes
  LDL - Hardwaretests
  LDL - Softwaretests
  LDL - Tipps & Tricks
  LDL - Workshops
 


  Profan² Einsteiger FAQ 7.5
 
  Profan² Einsteiger FAQ 7.5
  Profan² an die Schulen
  Profan² Script - FAQ
  Profan² Erweiterungen
  Profan² Helferlein
  Profan² Quellcode
 


  HTML Einsteiger FAQ 4.07
 
  HTML Einsteiger FAQ 4.07
  HTML indirekte Fragen
  kleine JavaScript FAQ
 


250 MB mit PHP / MySQL
 
Sie suchen noch Webspace, der kosten- und werbefrei ist, PHP (5.x) und MySQL (3.x) unter- stützt ...

Sie haben Fragen und benötigen Antworten
 
Das verstehen wir - und genau aus diesem Grund haben wir versucht, auf Ihre (am häu- figsten) gestellten Fragen zu antworten.
 
Lern- und Lehrbereich: Juniors Workstation
 
   einen Beitrag auswählenzum Anfang eine Seite zurück  eine Seite vor zum Ende     
   Bereich Kennung Zuordnung Klick Titel 
1528  Workstation FAQ HTML HTML-FAQ49274  5 Tipps zum Umgang mit Grafiken HTML-FAQ - 5 Tipps zum Umgang mit Grafiken
1527  Workstation FAQ HTML HTML-FAQ35569  Abstand zweier Grafiken definieren HTML-FAQ - Abstand zweier Grafiken definieren
1526  Workstation FAQ HTML HTML-FAQ35628  Abstand zweier Grafiken definieren HTML-FAQ - Abstand zweier Grafiken definieren
1463  Workstation FAQ HTML HTML-FAQ32600  Auswahlmenüleisten definieren HTML-FAQ - Auswahlmenüleisten definieren
1531  Workstation FAQ HTML HTML-FAQ36776  automatische Weiterleitung HTML-FAQ - automatische Weiterleitung
148  Workstation FAQ HTML HTML-FAQ35000  Breite einer Spalte definieren HTML-FAQ - Breite einer Spalte definieren
1461  Workstation FAQ HTML HTML-FAQ33508  Buttons definieren HTML-FAQ - Buttons definieren
1460  Workstation FAQ HTML HTML-FAQ32907  Checkboxen definieren HTML-FAQ - Checkboxen definieren
1534  Workstation FAQ HTML HTML-FAQ59367  Der HTML-HEAD-Generator HTML-FAQ - Der HTML-HEAD-Generator
1541  Workstation FAQ HTML HTML-Frage41834  die Datei "favicon.ico" ... HTML-Frage - die Datei

102 registrierte Beiträge gefunden; davon werden aktuell 10 angezeigt. 

 
   5 Tipps zum Umgang mit Grafiken

Erstellen Sie HTML-Seiten, sollten Sie bei Grafiken so weit wie möglich Textalternativen zur Grafik mit definieren. Der Text wird immer dann angezeigt, wenn die Grafik aus irgendwelchen Gründen vom Browser nicht angezeigt werden kann.

1. Tip zu Grafiken:

Definiert wird diese Anweisung durch "alt=". Der anzuzeigende Text wird hinter dem Gleichheitszeichen in Anführungszeichen geschrieben.

Und hier fehlt die Grafik wirklich:

   <img src= "nicht_da.jpg" 
width=80 height=80> alt="diese Grafik gibt es nicht!"
diese Grafik gibt es nicht!


Der alternative Text wird bei größeren Grafiken auch angezeigt, bevor die Grafiken geladen sind.


2. Tip zu Grafiken:
Sie können festlegen, daß eine bestimmte Grafik einen Namen erhält. Mit "name=" innerhalb der Grafikdefinition "<img src= ...>" definieren Sie zusätzlich einen Namen für die Grafik. Der Name muß in Anführungszeichen stehen, sollte nicht zu lang sein und darf keine Leerzeichen, Sonderzeichen oder deutsche Umlaute enthalten.

Und so sieht es aus:

   <img src= "datei.jpg" name="MeinBild01"



3. Tip zu Grafiken:
Sie können auch absichtlich falsche Angaben zur Breite und / oder Höhe einer Grafik machen. Dadurch können Sie z.B. ganz interessante Effekte erzielen.

Und so siehts dann aus:

  <img src= "600.jpg" width=80  height=80>
<img src= "600.jpg" width=120 height=40>
Originalgrafik

verzerrte Darstellung


Neben falschen Pixelangaben sind bei "width=" und / oder "height=" auch Prozentangaben erlaubt. So gemachte Angaben tragen jedoch nicht zu einem schnelleren Seitenaufbau bei.


4. Tip zu Grafiken:
Es gibt weitere Befehle zur Platzierung von Grafikbeschriftungen. Obwohl diese Möglichkeiten nicht zum offiziellen HTML-Standard gehören, können Sie diese Varianten trotzdem nutzen:

  • mit "align=texttop" richten Sie den Folgetext obenbündig zur Grafik aus, und zwar genau an der Oberkante des kleinsten Folgetextes

  • mit "align=absbottom" richten Sie den Folgetext untenbündig zur Grafik aus, und zwar an der Unterkante des kleinsten Folgetextes

  • mit "align=absmiddle" richten Sie den Folgetext absolut zentriert zur Grafik aus, selbst bei unterschiedlichsten Textgrößen

5. Tip zu Grafiken:
Wollen Sie mehr als nur eine Zeile Grafikbeschriftung definieren, müssen Sie zunächst den Text um die Grafik fließen lassen und dann einen ganz speziellen Umbruch erzwingen, der den Textfluß neben der Grafik unterbricht.

Lassen Sie also mit "align=right" oder "align=left" Text um eine Grafik fließen, beenden Sie die Grafikbeschriftung mit "<br clear=all>". Die weitere Darstellung der Seite geht nun unterhalb der Grafik weiter. Neben "<br clear=all>" sind noch die Angaben "<br clear=left>" und "<br clear=right>" möglich.

Und so sieht es aus:

  <img src= "600.jpg" align=left>
das ist der Text,<br>
der um die Grafik fließt
<br clear=all>
und dieser Text steht unterhalb der Grafik
das ist der Text,
der um die Grafik flie?t
und dieser Text steht unterhalb der Grafik
©2012 Lidos Berlin - alle Rechte vorbehalten.