ホームページ作成のキモ２
ディレクトリ　｜　イメージファイル　｜　色補正　｜　文字組版
ディレクトリ
まずディレクトリについてですが、要は項目ごとにフォルダに分けてそれぞれのフォルダ内で展開すると、ページ数が増えても管理が楽に行えます。（下図参照）
１
		これは当ホームページのディレクトリですが、sogo2000フォルダがホームページ全体のフォルダになっており、その中でインデックスページなど表紙部分を置き、コンテンツ部分（sogokikakuやeventsフォルダ）それぞれに分けてあります。 こうすることで、後の更新やページの増加、コンテンツの増設も簡単に行うことができます。 Tips htmlファイルやイメージファイルを番号（ただの数字）で管理しないこと。写真の内容を連想できるようなファイル名がベストです。

イメージファイル（画像）
ここでは、イメージファイルに使用されるＧＩＦ形式とＪＰＧ形式の違いについて、見比べていきたいと思います。（画像データはすべてフォトショップ5.0Ｊにて作成）
１
	JPG形式 アンチエイリアス-オン 圧縮度-無し サイズ-17,613バイト		これは当社ロゴの一部分ですが、ベクトルデータや色数の少ないものなどはＧＩＦ形式がシャープでファイルサイズも少なく圧倒的に有利です。 しかし、色数が増えたりグラデーションが掛かっている場合には、ＪＰＧ形式の方が軽くきれいに表現できます。
	JPG形式 アンチエイリアス-オン 圧縮度-5 サイズ-12,761バイト
	GIF形式 圧縮-減色無し(51色) サイズ-7,027バイト
	GIF形式 圧縮-減色あり(8色) サイズ-5,709バイト
	JPG形式 アンチエイリアス-オン 圧縮度-無し サイズ-15,652バイト		Tips ＧＩＦ形式のカラーパレットですが、ウィンドウズとマックでは同じ２５６色でも使用色が異なるために、見た目が違う可能性があります。このために「Ｗｅｂセーフカラー」と言われる２１６色パレットを使い、両機種とも同じように表示されるようになっております。
	JPG形式 アンチエイリアス-オン 圧縮度-5 サイズ-7,591バイト
	GIF形式 圧縮-減色無し(256色) サイズ-17,260バイト
	GIF形式 圧縮-減色あり(128色) サイズ-14,438バイト

次へ行く

ディレクトリ　｜　イメージファイル　｜　色補正　｜　文字組版