イメージ①（黄色の枠の中の画像）の設定

目次

1.イメージ①（黄色の枠の中の画像）

黄色のボックスの中にイメージ①の画像があります。

※クリックすると画像が大きくなります。

2.画像（イメージ①）を表示するソースコード

index.phpをエディタで開くと、59行目あたりに「<div class=”fluid box_img”><img src=”img/photoimg1.png” alt=””/></div>」があります。
このコードがイメージ①のソースコードです。

※クリックすると画像が大きくなります。

3.イメージ①を別の画像ファイルに変える

「photoimg1.png」ではなく別の画像を設定してみましょう。
「image_1.jpg」を作ってその画像を指定してみます。

※クリックすると画像が大きくなります。

4.ワンポイントアドバイス

パソコン表示の時の画像の横幅は365pxになるように指定しています。それより大きなサイズの画像でも縮小されてきちんと表示されます。

※クリックすると画像が大きくなります。