ホームページ更新 その13(現状ホームページのお知らせ更新)

現状ホームページのお知らせを更新しました。

 

画像の加工

Photoshopで画像を正方形にトリミングしました。
Web用に保存でWeb用に保存します。
その時、サイズの調整もします。

 

HTMLの修正

保存した画像をindex.htmlへ反映させました。
imgタグを修正します。
altには画像の説明を記入します。

 

CSSの修正

画像の周囲に線をつけるため、style.cssを修正しました。
どの画像に線をつけるのかを指定するために、id名を使用します。
線を付けるにはborderを使います。

 

サーバにアップロード

加工した画像、index.html、style.cssをサーバにアップロードしました。

 


SAInoLESSON(サイのレッスン) Macの使い方講座、詳しい情報はこちら