マイ Web サイトに .GIF ファイルを挿入する方法

Web サイトに画像を追加すると、訪問者にとっての魅力が大幅に向上します。 Web で最も一般的に使用される画像のファイル形式は、.jpg と .gif です。インディアナ大学によると、.gif ファイルは、色のグラデーションを抑えたシャープなエッジの画像に最適です。これらには、漫画、テキスト、線画が含まれます。 .gif ファイルのその他の利点は、背景を透明に設定し、アニメーションを追加できることです。 .gif ファイルを Web サイトに追加するのは、ファイルをアップロードして文章を書くのと同じくらい簡単です。

ステップ 1

Web サイトの管理パネルを開きます。これは、使用するホスト サーバーや、Dreamweaver などのプログラムを使用してサイトを管理するかどうかによって異なるため、個人ごとに異なります。基本的に、編集ソフトウェアには、html エディターと WYSIWYG の 2 つの主要なタイプがあります。 Smashing Magazine は、WYSIWYG の略を「What You See Is What You Get」と説明しています。これらのプログラムは、ページ構築をより直感的にするように設計されています。 HTML エディターを使用するには、HTML 言語の基本を理解する必要があります。

ステップ 2

.gif 画像ファイルを「images」または Web サイトの適切なフォルダーに保存します。コンピュータでプログラムを使用している場合は、ハード ドライブで適切なフォルダを見つけるだけで済みます。オンライン管理インターフェイスを使用している場合は、イメージをアップロードする必要があります。管理パネルの正しいフォルダーに移動し、指示に従ってファイルをアップロードします。ほとんどの場合、参照ボタンを使用してコンピュータ上の .gif ファイルを見つけ、[アップロード] をクリックします。

ステップ 3

.gif を Web ページに追加します。 WYSIWYG エディターでは、必要な場所に画像をドラッグ アンド ドロップするだけです。 Web サイトをプレビューして、ページが期待どおりに表示されることを確認し、必要に応じて調整します。

HTML テキスト エディターを使用している場合は、.gif を配置する HTML ページを開きます。 .gif を表示する HTML テキスト内のポイントまでスクロールします。次の行を追加して、「=」記号の後の情報を .gif に関する情報に置き換え、引用符を残します:

Cross Culture は、「img src」は「画像ソース」を意味すると説明しています。引用符の間の情報には、.gif が存在するフォルダーの名前と、.gif の名前がリストされている必要があります。 「alt」タグは、画像リンクが壊れている場合、訪問者が画像を無効にしている場合、またはテキスト リーダーがデコードする場合に表示されるテキストを参照します。 「幅」と「高さ」は、画像の表示サイズをピクセル単位で設定します。スペース タグは、周囲のコンテンツに対して画像の周囲に与えられる垂直方向または水平方向のスペースの量を定義します。ボーダー タグは画像の周りに線を追加し、引用符内の数字によって幅が決まります。

ヒント

.gif ファイルの一般的な用途の 1 つは、spacer.gif と呼ばれます。この画像は、1 ピクセル x 1 ピクセルの透明な正方形です。この .gif ファイルにより、ページ デザイナーは、レイアウトのさまざまな場所に予測可能なスペースを効率的に追加することができます。たとえば、テキスト ブロックの下にスペースを追加するには、spacer.gif を独自の段落に配置し、好みに合わせて高さと幅を調整できます。

警告

新しい .gif を追加する前に、変更する Web ページのコピーを保存し、満足のいく結果が得られるまで、可能であればオフラインで作業してみてください。これにより、練習ページが公開されるのを防ぎ、問題が発生した場合に最初からやり直すことができます。