Arbeiten mit Grafiken, Sounds, Videos und bei der Erstellung einer Website

Dieser Artikel stellt die Techniken für das Hinzufügen von Grafiken, Sounds und Video-Elemente auf Ihre Web-Seiten. Sie finden heraus, wie Sie Bilder und fügen Sie Image-Maps, um Ihre Web-Seiten, Link-und einbinden Ton-und Video-Dateien, und verwenden Sie eine Geräuschkulisse, die spielt, wenn Ihre Web-Seite zeigt.

Dateiformate für Bild, Ton und Video

Sie können aus vielen verschiedenen Dateiformaten für Bilder, Töne und Videos. Glücklicherweise können Sie bauen die meisten Web-Seiten, die nur die Formate, die wir beschreiben, in den folgenden Abschnitten.

Image-Dateiformate

Obwohl Dutzende von verschiedenen Bild-Datei-Formate gibt, sind nur zwei weit für Web-Seite verwendeten Bilder: GIF und JPEG. GIF-Bilder: GIF, die für Graphics Interchange Format steht, war ursprünglich auf dem CompuServe-Online-Netzwerk verwendet und ist heute weitgehend über das Internet verwendet. GIF-Bild-Dateien haben die folgenden Eigenschaften:

- GIF-Bilder können maximal 256 verschiedene Farben.

- GIF-Dateien werden komprimiert, um ihre Größe zu verringern. Die GIF-Komprimierung verwendet, verringert nicht die Bildqualität.

- Ein GIF-Bild kann eine transparente Farbe, die, wenn sie in einem Webbrowser angezeigt wird, ermöglicht auch den Hintergrund der Web-Seite zu zeigen, durch.

- GIF-Bilder können interlaced werden, die den Web-Browser, um schnell Display eine grobe Version des Bildes und zeigt dann immer besser Versionen des Bildes ermöglicht.

- GIF-Animation unterstützt eine einfache Technik, die Sie mehrere verschiedene Bilder in einer Datei speichern können. Der Web-Browser zeigt die Animation durch die Anzeige der Bilder eines nach dem anderen in Folge. Das GIF-Format ist die beste Wahl für die meisten Web-Grafiken, die mit dem Zeichnen oder malen Programmen erstellt wurden und dass nicht eine große Anzahl von verschiedenen Farben enthalten. Es ist für Symbole, Schaltflächen, Hintergrund Texturen, Kugeln, Regeln ideal, und Strichzeichnungen. A-Format als PNG (Portable Network Graphics) wurde im Jahre 1995 entwickelte sich als Nachfolger des GIF-Format. PNG (ausgesprochen ping) Unterstützt alle Funktionen von GIF-und dann etwas, und unterstützt mehr Farben als GIF. PNG hat sich nicht wirklich auf den Zug aufgesprungen, obwohl, so GIF das am weitesten verbreitete Bildformat bleibt.

JPEG-Bilder: JPEG, ein Format, das von der Joint Photographic Experts Group, ist für fotografische Bildqualität optimiert wurde. Es hat die folgenden Eigenschaften:

- JPEG-Bilder können entweder 16,7 Millionen oder 2 Milliarden Farben. Die meisten JPEG-Bilder verwenden 16,7 Millionen Farben, die hervorragende Darstellung der fotografischen Bilder liefern.

- Um die Bildgröße zu verringern, JPEG verwendet eine spezielle Technik, die Kompression reduziert leicht die Qualität des Bildes, während seiner Größe stark reduziert. In den meisten Fällen müssen Sie sorgfältig die ursprünglichen unkomprimierten Bild mit dem komprimierten Bild zu vergleichen, um den Unterschied zu sehen.

- JPEG unterstützt progressive Bilder, die GIF-Interlaced-Bilder ähnlich sind.

- JPEG nicht unterstützt transparente Hintergrundfarben als GIF tut.

- JPEG unterstützt keine Animation.

Andere Bildformate: Viele andere Image-Datei-Formate existieren. Hier sind nur ein paar davon:

--BMP: Windows-Bitmap

--PCX: Eine andere Bitmap-Format

--TIF: Tagged Image File

--PIC: Macintosh-Bild-Datei

Sound-Datei Formate

Im Folgenden sind die gängigsten Audio-Datei-Formate:

--WAV: Die Windows-Standard für Tonaufnahmen. WAV steht für Wave.

--SND: Die Macintosh-Standard für Tonaufnahmen. SND steht für Sound.

--AU: Die Unix-Standard für Tonaufnahmen. AU steht für Audio.

--MID: MIDI-Dateien, die nicht wirklich Tonaufnahmen. MIDI-Dateien sind gespeicherte Musik in einer Form, dass eine Soundkarte Synthesizer spielen kann. MIDI ist die Abkürzung für Musical Instrument Digital Interface. Verwechseln Sie Audio-Dateien mit Ton können in Echtzeit über das Internet, bekannt als hören Audio-Streaming. Das beliebteste Format für Audio-Streaming ist RealAudio. RealAudio können Sie einen Sound anhören, wie es auf Ihren Computer heruntergeladen wird, so dass Sie sich nicht für die gesamte Datei heruntergeladen werden, bevor Sie es hören kann. Um RealAudio Sound zu hören, müssen Sie zunächst RealAudio-Player in Ihrem Web-Browser. (Sie können es von www.real.com herunterladen.)

Video-Dateiformate

Drei beliebte Formate für Video-Clips werden auf der Web verwendet:

--AVI: Die Windows-Video-Standard. AVI steht für Audio Video Interleaved.

--QuickTime: Die Macintosh-Video-Standard. QuickTime-Dateien in der Regel haben die Endung MOV.

--MPEG-oder MP3: Ein Standard. MPEG steht für Motion Picture Experts Group. MP3 ist für MPEG-Ebene 3, eine Anpassung der kurzen verwendet MPEG, Musik-Dateien über das Netz senden. Obwohl AVI ist als Windows-Video-Format und QuickTime ist ein Macintosh-Format, beide Formate wie MPEG und MP3 bekannt geworden sind Cross-Plattform Standards. Sowohl der Netscape Navigator und Microsoft Internet Explorer kann AVI-, QuickTime und MPEG-Videos.

Arbeiten mit Grafiken

Sie haben sich entschieden, die Grafiken auf Ihrem Web-Seiten aufnehmen, so what's next? Dieser Abschnitt zeigt Ihnen, wie Sie Ihre Grafik-Dateien einfügen und wie Sie Image-Maps verwenden. Zunächst sind hier einige Richtlinien für die Verwendung von Bildern:

- Fügen Sie nicht so viele Bilder oder solche großen Bilder, die Ihre Seite zu lange dauert, zum Download bereit.

- Verwenden Sie die ALT-Attribut mit dem tag, um Text kann für Nutzer, die Ihre Seite mit Bildern deaktiviert anzuzeigen. Zum Beispiel:

- Verwenden Sie "border =" 0 "in der tag an der Grenze, die um Ihre Bilder angezeigt zu beseitigen (es sei denn, Sie wollen die Grenzen zu erscheinen), wie folgt aus:

- Verwenden Sie transparente GIF-Bilder erstellen, die nahtlos ineinander über Ihre Seite mit Hintergrund. (Siehe Kasten, "Verwendung von transparenten GIF-Bilder" später in diesem Artikel.) - Wenn Sie große Bilddateien zum Download zur Verfügung auf Ihrer Website, stellen kleinere machen wollen, verkleinerte Versionen der Bilder, dass die Menschen können eine Vorschau vor der Entscheidung, ob die Bild in voller Größe herunterladen. - Bedenken Sie, dass viele der Bilder sehen Sie auf der Web angezeigt, sind urheberrechtlich geschützte Materialien, die Sie sich nicht einfach kopieren und auf Ihrer eigenen Website ohne Erlaubnis des Copyright-Inhabers. Ebenso, Fotografien, Grafiken und andere Bilder, die in Zeitschriften und Bücher sind urheberrechtlich geschützt erscheinen. Sie können rechtlich nicht geschützte Bilder scannen und sie auf Ihrer Website ohne Erlaubnis des Copyright-Besitzers.

Einfügen einer Grafik

Um ein Bild auf einer Webseite einzufügen, gehen Sie folgendermaßen vor:

1. Erhalten Sie eine Image-Datei, die Sie auf Ihrer Seite einbinden.Falls erforderlich, verwenden Sie ein Grafikprogramm, um die Datei in das Format, die Sie verwenden (wahrscheinlich GIF-oder JPEG-Datei) konvertieren möchten. Speichern Sie die Image-Datei im gleichen Verzeichnis wie die HTML-Dokument, das Image der. Alternativ können Sie bei Bedarf alle Bilder für Ihre Web-Site in einem separaten Ordner Bilder zu speichern.

2. In der HTML-Datei, fügen Sie die tag an der Stelle im Dokument wo Sie das Bild angezeigt werden. Verwenden Sie die SRC (Quelle) Attributgeben Sie den Namen der Bilddatei. Zum Beispiel:

3. (Optional) Um den Rahmen um das Bild zu entfernen, fügen Sie einen BORDERAttribut, wie folgt:

4. (Optional) Um bieten Text, für Benutzer, die angezeigt werdenaus Grafiken, die in ihren Web-Browser aktiviert, verwenden Sie ein ALT Attribut:

5. (Optional) Um die Web-Seite vorformatieren mit den richtigen Dimensionen das Bild, verwenden Sie die GROSSE und WIDTH Attribute wie folgt:

Mit Image-Maps

Ein Bild anzeigen ist eine Grafik, die in bestimmten Regionen der Grafik dienen als Links zu anderen Webseiten. Zum Beispiel, wenn Sie eine Website zu erstellen sind The Wizard of Oz, Sie können ein Bild auswählen zeigt den Zeichen, die zu Seiten über diese Zeichen zu verknüpfen. Um eine Image-Map zu erstellen, müssen Sie mehrere HTML-Tags verwenden: , Und . Um ein Bild Karte zu erstellen, gehen Sie folgendermaßen vor:

1. Suchen oder erstellen Sie eine Grafik, die dazu dienen kann, wie ein Bild anzeigen.Das Bild sollte bestimmten Regionen, die als Links die Karte zu dienen wird.

2. Verwenden Sie ein grafisches Programm, um das Bild anzuzeigen, dann bestimmen die rechteckige Grenzen.

3. Geben Sie eine Reihe von und Tags. In der tag, verwenden Sie die NAME-Attribut auf einen Namen für die Image-Map bieten, wie folgt aus:

4. Zwischen den und Tags, geben Sie ein Tag für jeden rechteckigen Bereich des Bildes, das als Link gelangen. In der tag,die folgenden Eigenschaften aufweisen:

SHAPE = "rect" coords = "left startet, starten Sie oben, von links Ende x, x Ende von oben" HREF = "url" Zum Beispiel:  

5. Geben Sie einen tag. Verwenden Sie die SRC Attribut den Namen der Image-Datei und der Usemap Attribut geben Sie den Namen der Image-Map gelistet in der Attribut wie folgt aus:

Achten Sie darauf, ein Zeichen (#) vor dem Image-Map-Namen in der Tag-usemap Attribut. Aber nicht verwenden das Symbol # wenn Sie den Namen in der

 Was war zuerst da? 

Benutzen Sie den Titel-Attribut in der Tags zu erstellen, ToolTips, die angezeigt werden, wenn der Benutzer den Mauszeiger kurz über einem Bild Pausen Kartenausschnitt. Zum Beispiel:

Denken Sie daran, dass einige Leute ihre Browser konfigurieren, so dass sie nicht downloaden und Bilder anzeigen. Wenn Sie ein Bild anzeigen, verwenden, müssen Sie auch Text-Links als Alternative, um das Bild anzeigen können. Andernfalls Benutzer, die Ihre Seite mit Bildern finden Sie deaktiviert ist, werden nicht in der Lage, Ihre Website zu navigieren.

Hinzufügen von Sounds

Sie können eine Audio-Datei auf einer Web-Seite als Link einfügen, als eingebetteten Audio-oder als Teil der Hintergrund der Seite (so dass der Ton automatisch, wenn die Seite angezeigt wird gespielt). Die folgenden Abschnitte zeigen Ihnen, wie Sie die HTML-Tags, die für jede Methode zu verwenden.

Einfügen eines Link zu einer Audio-Datei

Der Vorteil der Verknüpfung zu einer Audio-Datei ist, dass die Audio-Datei nicht auf dem Computer des Benutzers heruntergeladen wird, bis der Benutzer die Audio-Datei Link klickt. So fügen Sie einen Link zu einer Audio-Datei, gehen Sie folgendermaßen vor:

1. Erhalten Sie eine Audio-Datei, die Sie auf Ihrer Website und Ort Link die Audio-Datei im gleichen Verzeichnis wie die HTML-Dokument, das enthalten den Link.Alternativ können Sie bei Bedarf alle Audio-Dateien für Ihre Website in ihrer eigenen Ordner zu speichern.

2. Fügen Sie ein tag, einige beschreibenden Text und eine Tag der HTML - Datei wie folgt:

Klicken Sie hier, um den Ton zu spielen.

Achten Sie darauf, den Namen der Audio-Datei in das HREF-Attribut.

Die Einbettung einer Audio-Datei

Sie können einen Sound auf einer Webseite einbinden, indem Sie ein tag:

Das SRC-Attribut gibt den Namen der Audio-Datei. Der Web-Browser zeigt die Sound-Kontrollen erforderlich sind, um dem Benutzer ermöglichen, den Ton zu spielen.

Verwendung von Hintergrund-Sounds

Ein Hintergrund-Sound wird automatisch abgespielt, sobald ein Benutzer Ihrer Webseite angezeigt. Um ein Hintergrund-Sound zu einer Seite hinzuzufügen, gehen Sie folgendermaßen vor:

1. Erhalten Sie eine Audio-Datei, die Sie als Hintergrund-Sound und die Verwendung Legen Sie die Audio-Datei in das gleiche Verzeichnis wie die HTML-Datei.

2. Fügen Sie ein Attribut nach dem tag. Verwenden Sie die SRC Attributauf den Namen des Sound-Datei, die Sie gespielt werden:

3. Wenn Sie den Sound mehrmals wiederholen, fügen Sie die LOOP Attributwie folgt aus:

Sie können beliebig viele in der LOOP-type-Attribut, wie oft der Sound wiederholt werden soll anzugeben. Oder Sie können LOOP = "unendlich", um den Ton zu spielen wiederholt, solange die Seite angezeigt wird. Manche Leute würden eher zu den Fingernägeln über eine Tafel gezogen zu hören, als störende Hintergrundgeräusche Geräusche, die spielen immer und immer wieder. Wenn Sie möchten, dass Ihre Website mehr als einmal zu besuchen, vermeiden Sie LOOP = "unendlich".

Arbeiten mit Videos

Sie können einen Video-Datei auf einer Web-Seite als Link versenden oder als ein eingebettetes Objekt. Die folgenden Abschnitte zeigen Ihnen, jede Methode.

Einfügen eines Link zu einer Video-Datei

So fügen Sie einen Link zu einer Video-Datei, gehen Sie folgendermaßen vor:

1. Suchen Sie eine Video-Datei, die Sie um einen Link auf Ihrer Webseite hinzufügen.

2. Fügen Sie ein tag, einige beschreibenden Text und eine Tag der HTML - Datei wie folgt:

Klicken Sie hier, um einen Film.

Geben Sie den Namen der Videodatei in HREF-Attribut des Tags. Wenn der Benutzer auf den Link klickt, der Web-Browser lädt die Datei und spielt das Video zu sehen.

Die Einbettung eines Videos

Verwenden Sie die tag, der ein Video einbinden auf einer Webseite. Gehen Sie folgendermaßen vor:

1. Suchen Sie eine Videodatei, die Sie einbetten möchten, auf einer Webseite.

2. Im HTML-Dokument für die Web-Seite, fügen Sie ein tag Angabeden Namen der Video-Datei in dem SRC Attribut wie folgt aus:

3. Wenn Sie die Größe der Fläche verwendet, um die Darstellung des Videos zu ändern,fügen Sie die GROSSE und WIDTH Attribute, wie folgt aus:

4. Wenn Sie das Video automatisch abgespielt, sobald sie beendet Download hinzufügen, Autostart = "true" der tag:

---

Disclaimer:Unsere Website ist nicht verantwortlich für den Inhalt dieses Artikels. Webarticles ist eine kostenlose Informationsquelle.
Wichtig: Dieser Artikel "Arbeiten mit Grafiken, Sounds, Videos und bei der Erstellung einer Website" wurde durch ein automatisches Software übersetzt. Wir fühlen uns leid für alle Rechtschreibfehler, die möglicherweise aufgetreten sind. Vielen Dank für Ihr Verständnis.

---