Arbeiten mit Bildern

Arbeiten mit Bildern

Grafiken auf Web-Sites eine wichtige Rolle spielt. Brechen der Monotonie der langen Textseiten, kann er die Bedeutung des Kontextes zu übertragen, ein Element der Ästhetik Seiten oder Werbung (wichtig bei kommerziellen Aktivitäten) zu dienen. Wenn alle Bilder in der Sache sollte nicht missbraucht werden. Der Grund dafür ist, dass die Mehrheit der Internet-Nutzer haben noch nicht eine hohe Geschwindigkeit gewählt wegen seiner hohen Kosten und eine große Anzahl von Bildern, die sie erzeugen beim Laden zu lange Warte, die in einer "Grenze" Geduld gewickelt wird. Die optimale Balance von Bilddateien - 50-80 kb auf jeder Seite. Damit innerhalb dieser Grenzen Dateien im GIF- oder JPEG-Format komprimieren, optimieren Sie das fertige Bild in diesen Formaten (auf dem Prinzip der "Qualität-size").

Anreise zu den Beschreibungen von HTML-Tools entwickelt, um die Bilder auf der Web-Seite gerecht zu werden, die Bilder in einem Ordner sammeln. So können Sie eine Menge Zeit sparen.

Um die Bilddateien auf der Seite einzufügen ist ein einzelnes Tag <IMG>. Hier sind seine Attribute:

  • SRC - gibt die Adresse des Bildes. Immer gelten für einen Tag <IMG>
  • WIDTH - die Breite des Bildes. (Gemessen in Pixel (px))
  • Höhe - Höhe des Bildes (px)
  • ALIGN - eine Möglichkeit , das Bild auf der Seite ausrichten (die Werte links (links), rechts (rechts), top (oben), unten (unten), Mitte (Mitte))
  • VSPACE - Einzug von der Text vertikal (px)
  • HSPACE - Spiegelstrich aus dem Text horizontal (px)
  • ID oder der Name -prisvaivaet Namen (falls der interne Verweis auf das Bild gemacht wird)
  • BORDER - die Dicke des Rahmens (px)
  • USEMAP - Referenzkarte
  • ALT - Kommentare , die sichtbar wird , wenn Sie auf ein Bild schweben

Die Attribute der Tags <IMG> sind , mit Ausnahme des ersten bei Bedarf angewendet. Ein Code auf der Seite könnte wie folgt aussehen:

<IMG SRC = "img / tchk.gif " width = " 5" height = "5" HSPACE = "5" VSPACE = "5" border = "0" align = "left">

Bitte beachten Sie, dass es keinen End - Tag </ IMG>.

Abmessungen des Bildes sollte festgelegt werden - die reale, um eine falsche Anzeige der Bilder auf dem Bildschirm zu vermeiden.

Vor allem wollen wir wichtige Attribut ALIGN zu beachten. Damit wird das Bild auf dem Bildschirm positioniert:

  • auf den Text (Bildcode wird in den Behälter eingefügt <P> </ P> und <DIV> </ DIV>, positioniert sich zwischen ihnen). Beispiel: <p align = "left" > <IMG SRC = " Adresse" align = "right"> Text </ P>
  • in Bezug auf den Tisch (Bildcode wird in die Zelle der Tabelle eingefügt - der Behälter <TD> </ TD> und in Bezug auf die Zelle ausgerichtet)
  • in Bezug auf eine Leerseite

Hinweis: Das Bild kann nicht vertikal durch das übliche Verfahren ausgerichtet werden. Um dies zu tun, legen Sie sie in einen Behälter <P> </ P> oder <div> </ DIV>, wobei in den letzten Platz "ALIGN" mit den richtigen Werten.

Card ist ein Weg , um die Verwendung von Links zu verknüpfen , indem unter Verwendung eines Bildes , die üblicherweise in mehrere Teile unterteilt ist, wobei jeder Teil eine Referenz. Es beruht darauf, ein kartesisches Koordinatensystem zur Verwendung, wobei (0.0) - die linke obere Ecke des Bildes. solche Referenzen Kartencode ist recht zeitaufwendig, wenn die Verstärkung manuell. Deshalb haben wir Anfänger empfehlen Grafik HTML-Editor ansprechen, zeigt es der Code in einer HTML-Datei bereit.

Stattdessen VSPACE Attribute angenommen HSPASE, GRENZ und ALIGN über die Praktiken von Cascading Style Sheets zu verwenden.

Um den Prozess vollständig von einer Theorie begreifen nicht genug ist, damit an die praktischen Übungen auf Ihrem PC gehen.