Die farbenfrohen Webseiten, die ich heute gesehen habe, sind alle aufgrund der Auswirkungen von Bildern. Denken Sie darüber nach, die Webseiten im Internet sind alle einfachen Text, was sehr langweilig ist, und Sie werden die Bedeutung von Bildern im Webdesign kennen. Bilder können in HTML -Seiten eingefügt werden. Die häufig verwendeten Bildformate für Webseiten sind JPEG und GIF:
JPEG (Joint Photography Experts Group) ist ein Dateiformat, das speziell für Fotobilder entwickelt wurde. JPEG unterstützt Millionen von Farben. JPEG ist ein hochwertiges verlustiges Format, was bedeutet, dass einige Bilddaten während der Komprimierung verloren gehen, was die Qualität der endgültigen Datei verringert. Die Bilddaten werden jedoch sehr wenig verworfen und es wird keinen sehr signifikanten Unterschied in der Qualität geben.
Das Grafik -Austauschformat GIF ist ein sehr beliebtes Format in Webbildern. Während es nur 256 Farben enthält, bietet das GIF einen ausgezeichneten, fast keine Bildkomprimierung. Und GIFs können transparente Bereiche und mehrere Animationen enthalten. Es komprimiert sich horizontal durch Scannen von Pixelreihen, um einen festen Farbbereich zu finden, und reduziert dann die Anzahl der Pixel im gleichen Bereich. Daher sind GIFs normalerweise für Cartoons, Grafiken, Logos, Grafiken mit transparenten Bereichen, Animationen usw. geeignet.
Das Einfügen von Bildern in die Seite kann sie verschönern. Es gibt nur ein Tag zum Einfügen des Bildes, das ist das <img> -Tag. Beim Einfügen eines Bildes reicht es nicht aus, nur das <MEG> -Tag zu verwenden, und es muss mit anderen Attributen abgeschlossen werden, wie in der folgenden Tabelle gezeigt.
Durch Angeben des Pfades der Bildquellendatei mit dem SRC -Attribut kann die Bildeinfügung abgeschlossen werden.
Geben Sie den Pfad durch das SRC -Attribut an. Datei_Name ist der Pfad zum Einfügen des Bildes.
Fügen Sie das Bild durch das mit <img> gekennzeichnete SRC -Attribut ein.
01 <!--------------------------------------------------------------------------------------------------------------------------------------
02 <!-Dateibeispiel: 9-1.htm->
03 <!-Datei Beschreibung: Bild einfügen->
04 <!--------------------------------------------------------------------------------------------------------------------------------------
05 <html>
06 <kopf>
07 <title> Bild </title>
08 </head>
09 <body>
10 <h1> Mainstream -Webdesign -Software </h1>
11 <img src = 9-1.jpg>
12 Derzeit hat die Webseiten -Technologie eine neue Bühne eingegeben. Jetzt sind Webseiten keine Bilder und langweiligen Text mehr aufgestockt. Die Menschen verfolgen jetzt die dynamischen Effekte und Interaktivität von Webseiten. Das Webdesign von Macromedia Three Musketeer Software Dreamweaver, Flash und Fireworks sind herausragende Vertreter des interaktiven Webdesigns. Die neueste Version MX 2004 erbt die Vorteile der vorherigen Version und integriert die Funktionen weiter, was für die Anforderungen des Webdesigns und der Website des Website sehr geeignet ist. <p>
13 </body>
14 </html>
Zeile 11 fügt die Bilddatei im JPEG -Format ein.