あなたがあなたのウェブサイトに.gif画像を追加したいと思うかもしれない多くの理由があります。
Webサイトに画像を追加すると、訪問者にとっての魅力を大幅に向上させることができます。 Web上の画像で最も一般的に使用されるファイル形式は、.jpgと.gifです。 インディアナ大学によると、.gifファイルは、色のグラデーションが少ないシャープなエッジの画像に最適です。 これらには、漫画、テキスト、線画が含まれます。 .gifファイルの他の利点は、背景を透明に設定し、アニメーションを追加できることです。 .gifファイルをWebサイトに追加するのは、ファイルをアップロードして文章を書くのと同じくらい簡単です。
ステップ1
Webサイトの管理パネルを開きます。 これは、使用するホストサーバーや、Dreamweaverなどのプログラムを使用してサイトを管理するかどうかによって異なるため、個人ごとに異なります。 基本的に、編集ソフトウェアには、htmlエディターとWYSIWYGの2つの主要なタイプがあります。 Smashing Magazineは、WYSIWYGは「あなたが見るものはあなたが得るもの」の略であると説明しています。 これらのプログラムは、ページ作成をより直感的にするように設計されています。 HTMLエディタでは、HTML言語の基本を理解する必要があります。
今日のビデオ
ステップ2
.gif画像ファイルをWebサイトの「画像」または適切なフォルダに保存します。 コンピュータでプログラムを使用している場合は、ハードドライブで適切なフォルダを見つける必要があります。 オンライン管理インターフェースを使用している場合は、画像をアップロードする必要があります。 管理パネルで正しいフォルダに移動し、指示に従ってファイルをアップロードします。 ほとんどの場合、参照ボタンを使用してコンピューター上の.gifファイルを見つけ、[アップロード]をクリックします。
ステップ3
.gifをWebページに追加します。 WYSIWYGエディターでは、必要な場所に画像をドラッグアンドドロップするだけです。 Webサイトをプレビューして、ページが期待どおりに表示されることを確認し、必要に応じて調整します。
HTMLテキストエディタを使用している場合は、.gifが配置されるHTMLページを開きます。 .gifを表示するHTMLテキスト内のポイントまでスクロールします。 次の行を追加し、「=」記号の後に情報を.gifに関する情報に置き換え、引用符をそのままにします。
Cross Cultureは、「imgsrc」は「画像ソース」を意味すると説明しています。 引用符の間の情報には、.gifが存在するフォルダーの名前をリストし、次に.gifの名前をリストする必要があります。 「alt」タグは、画像リンクが壊れている場合、訪問者が画像を無効にしている場合、またはテキストリーダーがデコードできる場合に表示されるテキストを指します。 「幅」と「高さ」は、画像の表示サイズをピクセル単位で設定します。 スペースタグは、周囲のコンテンツとの関係で画像の周囲に与えられる垂直方向または水平方向のスペースの量を定義します。 境界タグは画像の周りに線を追加し、引用符内の数字が画像の幅を決定します。
必要なもの
インターネットに接続されたコンピューター
ウェブサイトへの管理アクセス
保存した.gif画像を挿入します
ヒント
.gifファイルの一般的な使用法の1つは、spacer.gifと呼ばれます。 この画像は、1ピクセル×1ピクセルの透明な正方形です。 この.gifファイルは、ページデザイナーに、レイアウトのさまざまな場所に予測可能なスペースを効率的に追加するオプションを提供します。 たとえば、テキストのブロックの下にスペースを追加するには、spacer.gifを独自の段落に配置し、高さと幅を好みに合わせて調整します。
警告
新しい.gifを追加する前に、変更するWebページのコピーを保存し、結果に満足するまで、可能であればオフラインで作業してみてください。 これにより、練習ページが公開されるのを防ぎ、問題が発生した場合に最初からやり直すことができなくなります。
