ホーム > ホームページ更新講座 > 画像の変更について
画像の変更について
どうしたら画像の変更が出来るの？
今回は、皆様からも良くご質問のある
【画像の変更について】です。
いざ画像を変更しようとしても、設計図の中には画像が入っていません。
ではどうやって画像を表示させているのかといえば、今回もタグを使います。
今回のタグは「一つだけで済むもの」の分類に入ります。
設計図の中を見ると、
＜img src="【画像が入っているフォルダ名/画像のファイル名】＞
という部分があります。
この部分が画像を表示させているタグになります。
差し替えをする場合は 【画像が入っているフォルダ名/画像のファイル名】
部分を変更します。
例えば、
＜img src="/image/topic_01.jpg"＞
この部分の画像を入れ替えるとします。
まずは、imageフォルダの中に変更したい画像を入れたあと、半角英数字で画像
の名前を任意のものに変更します。
この時に、元の画像と同じ大きさに新しい画像を合せておくと楽です。
ここでは新しい画像のファイル名を new_baby01.jpg だとします。
※画像のファイル名は必ず半角英数字を使用して下さい。
漢字や全角文字を使うと正しく表示されません。
現在の画像名が topic_01.jpg となっていますので、
この部分を baby_01.jpg に変更します。
＜img src="/image/topic_01.jpg"＞
↓
＜img src="/image/baby_01.jpg"＞
『実際ホームページで見た場合の見え方はこちら↓』
http://www.webpro.jp/2525/topic3.html
保存をして、変更したファイルをダブルクリックで開いてみて下さい。
変更したかった画像が上手く変わっていましたか？
では、次回は『ちょっと詳しい文字の装飾について』の説明になります。
