Webサイト用ファイルの準備作業のポイント
Webサイトで扱うファイルの整理の仕方の基本ルール
- HTML文書のひな形と原稿は別々に用意する
- ページごとにフォルダ(ディレクトリ)にまとめて管理する
- 関連ファイルも種類ごとにフォルダで区分けして管理する
- ファイル名は半角英数でつけ、特殊な記号は使用しない
- HTMLファイルではなく、フォルダにコンテンツ名をつける(関連ページや画像などを格納できるため)
Webサイトで使われる3つの画像形式
Webサイトで利用される画像形式はJPEG(JPG)、GIF、PINGの3つが代表。それぞれは主な特徴は以下のとおり。
形式 | JPG | GIF | PNG-8 | PNG-24 |
---|---|---|---|---|
色数 | 約1670万色 | 256色 | 256色 | 約1670万色 |
透明 | 扱えない | 扱える | 扱える | 扱える |
適しているもの |
写真 |
ロゴマーク 色数の少ないイラスト |
ロゴマーク 色数の少ないイラスト |
複雑な透明・半透明画像 画質を優先するもの |
画像の作成や加工にはAdobeのPhotoshopとIllustratorがよく利用される。Photoshopはピクセル(pixel)*1ベースの素材を作成するのに適しているとされ、Illustratorはベクター(vector)形式*2の画像作成に利用される。