第５章　画像のデザイン

画像を利用することで、Ｗｅｂページがぱっと楽しい雰囲気になります。
画像の作成にはグラフィックソフトを使います。
ここではフリーソフトの【Ｐｉｘｉａ】を使った簡単な画像の作り方を紹介します。

デジタルカメラで撮った写真などの加工

デジタルカメラで撮った写真などをＷｅｂページに表示させますが、
レイアウトに合わせて、画像の一部を切り出したり、色を補正して画像の準備をします
画面にとけ込むように、画像を丸くしたりも出来ます。

文章の中にレイアウトします

文章と画像が分離しないようにレイアウトが出来ます。
イメージに合うレイアウトをスタイルの中で設定します。

グラフィックソフトで画像を作成

自分で画像を作成してＷｅｂページに表示させます。
始めは簡単な物からデザインしてみましょう。

Point of this Section <img> 画像を表示します float コンテンツの回り込みを指定します clear 回り込みの解除をします {margin}{padding} コンテンツまわりの余白の設定 vertical-aling 画像とテキストを揃える位置を指定します background-image 背景画像を設定します