グラフィックスと、サウンドとビデオのときに、ウェブサイトを作成する

この記事は、あなたのWebページへのビデオの要素、グラフィックス、サウンドを追加するためのテクニックを示します。どのように画像を追加するには下記のWebページは、リンクを埋め込む、サウンドやビデオファイルにイメージマップ、およびその再生、バックグラウンドサウンドを使用するときに、Webページが表示されます。

ファイル形式の画像、サウンド、およびビデオのための

画像、多くの異なるファイル形式から選択できます。サウンド、ビデオなど。幸いにも、ほとんどのWebページを私たちは、次のセクションで説明するだけの形式を使用して構築することができます。

画像ファイルフォーマット

  

ただし、別の画像ファイル形式の多数存在する場合、2つだけ広くWebページの画像が使用されます：GIFやJPEG。 GIFイメージ： のGIFは、グラフィックスインターチェンジ形式の略で、もともとはCompuServeオンラインネットワーク上で使用され、現在広くインターネットで使用されています。 GIF画像ファイルは以下の特徴があります：

- GIF画像256個の異なる色の極大を持つことができます。

- GIFファイルのサイズを縮小するために圧縮されます。を使用してのGIF圧縮方法は、画像の品質が低下していません。

- GIFイメージの場合、Webブラウザに表示される透明な色を、含めることができますを見るには、Webページの背景のことができます。

- GIF画像は、迅速にして、イメージの原油のバージョンを表示するためにイメージを徐々により良いバージョンを表示するWebブラウザを可能にレースすることができます。

-のGIFは、同じファイル内に複数の異なる画像の保存を可能にする簡単なアニメーション手法をサポートします。 Webブラウザは、シーケンス内の他の後の画像を一枚を表示してアニメーション表示されます。GIF形式は、図面やペイントプログラムで作成されたとは、異なる色の大規模な番号が含まれていない、ほとんどのWebグラフィックのための最良の選択です。これは、アイコン、ボタン、背景テクスチャ、箇条書き、規則、およびラインアートに最適です。形式はPNG（Portable Network Graphics）のと呼ばれる、1995年に開発されたものとしては、GIF形式の後継。 PNG形式（発音 pingを実行）、GIFのすべての機能を次にいくつかのサポート、およびGIFが色以上の色をサポートします。 PNG形式は本当に上なので、GIFは、最も広く使用されるイメージ形式のままキャッチしていません。

JPEG形式の画像： はJPEG、形式は、Joint Photographic専門家グループは、写真品質のイメージのために設計されて開発した。これは、次の特徴があります：

- JPEG形式の画像の色のいずれか16700000又は2000000000ことができます。ほとんどのJPEG形式の画像は、写真の画像の優れた表現を提供する約1,670万色を使用します。

-画像のサイズを縮小するには、JPEG形式は、若干のイメージの品質が大幅にサイズを小さくするに低減する特殊な圧縮技術を使用して、ほとんどの場合では、あなたは慎重に圧縮された画像は、元の非圧縮画像を比較することの違いを確認する。

-のJPEGは、インタレースGIF画像に似ている進歩的なイメージをサポートします。

-のJPEG GIFとして、透明な背景色をサポートしていませんありません。

- JPEGのアニメーションをサポートしていません。

他の画像ファイル形式： 他の多くの画像ファイルの形式が存在します。ほんのここです：

-BMPの： Windowsビットマップ

-PCXは： もう1つのビットマップ形式

-TIFを： タグイメージファイル

-PICを： Macintoshの画像ファイル

サウンドファイルのフォーマット

以下は、最もよく使用されるサウンドファイルのフォーマットがあります：

-WAVファイル： 録音のためのWindowsの標準。 WAVファイル波の略です。

-SND： 録音のためのMacintoshの標準。 SNDサウンドの略です。

-からAU： 録音のためのUnix標準です。からAUオーディオの略です。

-中旬： 実際に録音されていませんMIDIファイルは、。 MIDIファイルが音楽、サウンドカードのシンセサイザーで再生できる形式で格納されます。 MIDIはMusical Instrument Digital Interfaceの略です。とサウンドファイルを混同しないように健全な場合は、インターネットと呼ばれる上でリアルタイムで聴くことができます オーディオのストリーミング。 オーディオのストリーミングのための最も一般的なフォーマットはRealAudioです。する前に、それを聞くことができますはRealAudioとしてお使いのコンピュータにダウンロードされている場合音に耳を傾け、その場合は、ファイル全体を待つにダウンロードする必要はありませんが可能です。リアルオーディオのサウンドを聞くには、まずWebブラウザでリアルオーディオプレーヤーをインストールする必要があります。 （あなたwww.real.comからダウンロードできます。）

ビデオファイル形式

ビデオクリップの3つの一般的なフォーマットは、Web上で使用されます：

-AVIファイル： Windowsビデオ標準です。 AVIファイルオーディオビデオインターリーブの略です。

-QuickTimeの： Macintoshビデオ標準です。 QuickTimeのは、通常、拡張子をMOVファイルが。

-MPEGやMP3： 独立した規格です。のMPEG映画専門家のグループの略です。 MP3のMPEGレベル3の適応のためのネット上で音楽ファイルを送信するためのMPEGは短いです。AVIファイルは、WindowsのビデオフォーマットおよびQuickTimeは、Macintoshフォーマットの場合は、両方のフォーマットだけでなく、MPEGやMP3などのクロスになって知られているもののプラットフォーム規格。どちらも、Netscape NavigatorおよびMicrosoft Internet ExplorerでAVIファイルは、QuickTime、およびMPEGビデオを再生することができます。

グラフィックスと

グラフィックスは、Webページには含まれてので、次は何を決めたのだろうか？この項では、お使いのグラフィックファイルを挿入する方法についてのイメージマップを使用する方法を示しています。まず、ここに画像を使用していくつかのガイドラインがあります：

-非常に多くの画像やそのような大きな画像があなたのページもダウンロードに時間がかかり追加しないでください。

-とALT属性の使用タグは画像表示がオフになってあなたのページを表示するユーザー用のテキストを提供します。例えば：

"画像

-とHEIGHTとWIDTH属性を使用しタグは、正しい画像の寸法については、ページをあらかじめ設定する。

-使用して国境="0"にタグ（しなければ）表示するには国境場合は、このように、あなたのイメージの周囲に表示され、境界線を排除する：

-イメージを作成するための透明GIFを使用して、ページの背景とシームレスに融合。 （"この記事は、"後の透過GIF画像を使用して、サイドバーを参照）。 -もしあなたが大規模なイメージファイルをWebサイト上でダウンロードできる、小型を提供するようにしたい場合は、画像を決定する前には、人々が、プレビューのサムネイルのバージョンかどうかフルサイズのイメージをダウンロードする-念頭に置いておいては、Web上の表示を参照して画像の多くの材料を単純にコピーすることはできませんし、独自のWebサイト上の著作権者の許可なしに使用する著作権で保護されます。同様に、写真、アートワーク、そして雑誌などの書籍を著作権で保護される他の画像。あなたが合法的に著作権の画像をスキャンすることはできませんし、Webサイト上の著作権所有者の許可なしにポスト。

グラフィックを挿入する

Webページ上では、これらの手順に従ってイメージを挿入するには：

1。 は、あなたのページに含めるファイルのイメージを入手します。必要に応じて、次の形式を（おそらくGIFまたはJPEG）を使用する場合にファイルを変換するためのグラフィックスプログラムを使用します。 HTMLドキュメントが表示されるイメージと同じディレクトリ内のショップのイメージファイルです。代わりに、別々の画像のフォルダにWebサイトを一緒にすべての画像を保存することを好むことがあります。

2。 HTMLファイルでは、追加 ドキュメント内の時点ではタグ どこに表示する画像を選択します。を使用する 鉄骨 （ソース）属性イメージファイルの名前を提供します。例えば：

3。 （省略可能）イメージの周りには、追加の境界線を削除するには 国境属性は、次のとおり：

4。 （オプション）は、人を持つユーザーに対して表示されるテキストを提供するグラフィックスをオフにWebブラウザでは、電源を使用する Altキーを押し 属性：

"山"

5。 （省略可能）適切な大きさでWebページをあらかじめ設定するには イメージを使用する 身長 および 幅 属性は、次のとおり：

"山"

イメージマップを使用して

イメージマップ グラフィックはこれで、他のWebページへのリンクとして機能するグラフィックの特定の領域。たとえば、もしあなたがWebサイトを制作している オズの魔法使い これらの文字についてのページへのリンク文字を表示するイメージを使用することができます。イメージマップを作成するには、いくつかのHTMLタグを使用する必要があります： とその仲間 、 、および 、次の手順に従って、イメージマップを作成するには：

1。 検索またはグラフィックイメージマップなどを提供することができますを作成します。イメージマップのリンクとして機能する異なる領域が必要です。

2。 イメージを表示するグラフィックスプログラムを使用し、次に矩形を決定する 境界線。

3。 タイプセット および タグ。で タグを使用する 名前属性には、イメージマップでは、このような名前を提供する：

4。 間 および タグを入力します。 各長方形のタグ は、リンクとして使用されるイメージの領域。で タグは、次の属性が含まれます：

のSHAPE ="RECT"座標="、左に起動すると、トップエンドxから開始する左上部の"href ="URLをx"はたとえばから最後まで：

5。 タイプ タグです。を使用する 鉄骨 属性には、イメージファイルの名前に USEMAP 属性には、イメージマップに記載された名前を指定する このような属性：

型に番号記号確認してください（＃）で、イメージマップの名前の前にタグのUSEMAP属性。しかし、ときに名前を作成し、＃記号を使用しないでくださいタグのNAME属性をすべてまとめると、ここでイメージマップを設定する完全なHTML文書です：

に最初に来たの？

にはTITLE属性を使用しますタグは、ユーザーがイメージマップ領域の上にマウスポインタが一時停止表示されるツールヒントを作成します。例えば：

は、一部の人々の設定はブラウザのように、ディスプレイの画像をダウンロードしないでください。するたびに、イメージマップを使用するも、イメージマップに代替テキストとしてのリンクを提供してください。それ以外の場合、ユーザーは画像をあなたのページ訪問をあなたのサイトに移動することができなくなりますなった。

追加サウンド

場合は、埋め込まれたサウンド、またはページの背景の一部として（そのため、健全なときに自動的にページが表示されます）演奏されているリンクは、Webページ上のサウンドファイルを挿入することができます。次の節では、HTMLタグの各メソッドのために必要な使用する方法を示しています。

サウンドファイルへのリンクを挿入する

サウンドファイルにリンクして活用されるまでは、ユーザーがサウンドファイルのリンクをクリックして、サウンドファイルは、ユーザーのコンピュータにダウンロードされていません。サウンドは、これらの手順を実行ファイルにリンクを挿入するには：

1。 を取得するサウンドファイルをあなたのWebサイトの場所にリンクする HTML文書と同じディレクトリ内のサウンドファイルになります のリンクを含んでいます。また、独自のフォルダにWebサイトのすべてのサウンドファイルを格納することを好むことがあります。

2。 に追加 タグは、いくつかの説明テキスト、および HTMLへのタグ ファイルとして次のとおり：

ここをクリックしてサウンドを再生します。

タイプは、HREF属性には、サウンドファイルの名前を確認してください。

サウンドファイルの埋め込み

あなたがWebページ上で使用してサウンドを埋め込むことができますタグ：

SRC属性は、サウンドファイルの名前を提供します。 Webブラウザは、サウンドを再生するためにユーザを有効にするために必要なコントロールは、音が表示されます。

バックグラウンドサウンドを使用して

バックグラウンドサウンドのたびに自動的に、ユーザーがWebページを表示再生されます。ページには、これらの手順に従って、バックグラウンドサウンドを追加するには：

1。 を取得するサウンドファイルをバックグラウンドサウンドとして使用するようにしたい HTMLファイルと同じディレクトリ内のサウンドファイルを配置します。

2。 に追加 次の属性を タグです。を使用する 鉄骨 属性サウンドファイルを再生できるようにしたい名前：

3。 もし複数回繰り返す音を追加します ループ 属性このように：

することができますタイプは、LOOP内の任意の番号を繰り返す必要がありますが何回音を示すための属性です。のページが表示されているかのタイプループ="無限"を繰り返し限り、サウンドを再生することができます。一部の人々ではなく爪を黒板でドラッグするよりも迷惑な背景の繰り返しを果たす以上の音を聞くだろう。場合、1回以上、あなたのサイトを訪問=""無限ループを使用して回避します。

作業動画で

また、リンクまたは埋め込みオブジェクトとして、Webページ上のビデオファイルを挿入することができます。次の節では、それぞれの方法を示しています。

ビデオファイルへのリンクを挿入する

ビデオについては、次の手順に従ってファイルへのリンクを挿入するには：

1。 ビデオファイルは、あなたのWebページへのリンクを追加するには見つけます。

2。 に追加 タグは、いくつかの説明テキスト、および HTMLへのタグ ファイルとして次のとおり：

ここをクリックし 、 ムービーをダウンロードします。

タグのHREF属性には、ビデオファイルの名前を指定します。ときに 、 ユーザーがリンクを、ファイルおよびビデオの再生は、Webブラウザのダウンロードをクリックします。

ビデオの埋め込み

を使用するタグは、Webページ上のビデオを埋め込むこと。これらの手順を実行します：

1。 ビデオファイルは、Webページに埋め込む方法を見つけます。

2。 WebページのHTMLドキュメントでは、追加 タグを指定するは、ビデオファイルの名前を 鉄骨 このような属性：

3。 場合は、領域は、ビデオの表示に使用されるサイズを変更するには、に追加 身長 および 幅 このような属性：

4。 場合、それが完了次第自動的に再生する動画を選択 、追加のダウンロード とAUTOSTART =""TRUEに に タグ：

記事ジュスティーヌマケイン提出

免責事項：弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要： この記事は、"グラフィックスと、サウンドとビデオのときに、ウェブサイトの"自動ソフトウェアによって翻訳された作成します。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。


Online: 154 users browsing the articles directory   


  

|