画像をはさみこむ方法

これからDreamweaverでホームページに画像をはさみこむ方法を書いていきますが、ホームページに画像をはさみこむというのはどのようなことなのでしょうか。

ホームページを構成するHTMLファイルはテキストファイルです。画像データをテキストファイルに貼り付けることはできません。ワープロソフトは画像を貼り付けるとデータファイルの中に格納されますが、それとは違うということはわかるかもしれません。

ホームページに画像を貼り付けるというのは、画像ファイルの場所へリンクを貼ることを意味しています。

それではそのコードの例を見てみましょう。

<img src=”sample.jpg” width=”400″ height=”300″ />

これが画像表示のタグです。sample.jpgという画像ファイルを幅400ドット高さ300ドットで表示することができます。

ファイル名の所には画像ファイルの場所を記入します。URLやフォルダ名を含むパスを記入するときもあります。

手動でパスを書き込んで大量に作っていくと、いつかはリンク切れにつながるミスをしがちです。Dreamweaverの便利なツールを使ってミスの少ない作業を楽に行っていくことにします。

Dreamweaverではイメージの挿入ボタン・ファイルパネル・アセットパネルなど画像をはさみこむための方法がいくつもあります。それでは、その時々に応じて使いやすい物を選んでいきましょう。