|
■ 画像の加工に関して |
PowerPoint等で描いた図は、そのままでは、WebSiteに掲載できません。
そこで、その画像を加工する(jpg化 or gif化する)手法を学びます。
- 画面の写真を撮る
キーボードの「printscreen」ボタンを押す。
(現状の画面が、コンピュータの中に記憶されます。)
- Photoshop(写真加工ソフト)に貼付ける
Photoshopで新しいファイルを開き(「ファイル」→「新規」)、
ペースト(Ctrl + V)する。
- トリミング(必要な部分のみ切り出す)
Photoshopで範囲選択を行い、「イメージ」→「切り抜き」
- サイズ調整(100%表示で見てみましょう。)
Photoshopで「イメージ」→「画像解像度」で適切なサイズに調整
(開いたウインドウの下にある「画像の再サンプル」にチェックをいれ
上のピクセル数を調整する)
(事前に、HTMLファイル上でサイズの検討をしておく)
- Web用に保存する
Photoshopで「ファイル」→「Web用に保存」で
●写真系(色数が多いもの)は「jpg形式」
●イラスト系(色数が少ないもの)は「gif形式」で書き出す。
|
■ ソースを見てみよう |
ブラウザに表示されたウェブページが、どのようなタグを使って作られているのか見てみましょう。
- ブラウザのメニュー
- 「ソースを表示」
|