ページデザインの基本
有名企業のデザインを参考にすると良いかもしれません。
きっと中身が大切なのは、「外見 vs 中身」でわかっていただけたと思います。 しかし、ホームページを作る以上デザインにも気を配りたいですよね。ここではデザインに関する基礎知識を解説していきます。
実はホームページの基本スタイルは多くはありません。
なんといっても二次元の世界で、しかも、基本的には横幅は800ピクセル以下なのですから！ （横スクロールさせないホームページ作りのためです。できれば750ピクセル以下に抑えたいところです。）
また、多くの人が見慣れたスタイルを利用することで、見てくれる人に余計なストレスを与えないという利点もあります。
基本的なページデザイン
（デザインをしない文章だけのページもありますが、それについては省略します。）
常に最小のサイズ（640×480）のモニターを意識するとクールに仕上がります。
1.トップバーを入れたデザイン
ページの上部にバーを入れたデザインです。当サイトの両側のメニューリストがない状態がこのデザインです。
| トップバー |
|
メインコンテンツ |
美しいまでにシンプルなスタイルですが、バランスも取りやすく、しかも、メイン部分を広く使えるため、人気のあるスタイルです。
このデザインでホームページを作成する場合、文章が横幅いっぱいに広がって間延びしないように気をつける必要があります。
2.サイドバーを入れたデザイン
ページを横に分割するスタイルです。通常どちらかをメニューにします。
|
サ イ ド バ ー |
メインコンテンツ |
縦方向にレイアウトすることが出来るのでメニューの項目が非常に多い場合でも、すっきりとデザインすることが可能です。
3.トップバーとサイドバーを入れたデザイン
ページを縦と横で分割するスタイルです。通常、上部にはサイト名やコンテンツのタイトルを入れ、サイドバーにはメニューを入れます。 現在、当サイトではこのデザインを採用しています。
| トップバー | |
|
サ イ ド バ ー |
メインコンテンツ |
メニュー部分を十分確保できるため、多くの情報を扱うことが出来ます。それと同時にごちゃごちゃしすぎないように注意を払う必要があります。
4.トップバーとサイドバーを２つ入れたデザイン（３段組）
ページを横に３分割するのが特徴的なスタイルです。 通常、サイドバーの片方にはメインメニューをもう片方には補助的なメニューや広告を入れることが多いです。
| トップバー | ||
|
サ イ ド バ ー |
メインコンテンツ |
サ イ ド バ ー |
横に３分割するため、横幅に注意が必要です。
非常に多くの情報を扱う事が出来ます。いかにスッキリとしたサイト構成にするかがこのデザインの成功の鍵です。ごちゃごちゃしないセンスが要求されます。
5.ボックスデザイン
縦にも横にもスクロールさせずにホームページを見せることが出来る小さなボックスをつくり、その中にコンテンツを入れるデザインです。 トップページに多く使われるデザインです。見せ方によっては非常にクールなホームページが作れます。
また、ボックス内で上記１～４のデザインを表現することもあります。
さて、これでデザインについてなんとなく分かったと思います。一番大切なのは中身ですがデザインもやりがいがあって楽しいです。 （・・・が、稼ぐという点においては、ハマリ過ぎないようにしましょう！！当サイトの様にリニューアルを繰り返し、完成までに１年もかかるようでは 疲れちゃいます。）
アフィリエイトの基礎知識をあなたに。
アフィリエイト （基礎編）
- アフィリエイトの流れ
- ホームページビルダーの準備 （初めは、あると重宝します。）
- サーバー選びと独自ドメインの取得
- テーマの決定 （最重要かつ、最難関。）
- 広告会社と契約
- アクセスアップ
アフィリエイト （参考コラム）
- ウィルス対策
- 費用対効果 （初期投資の判断材料に！）
- インターネットのマナー
- ホームページビルダー入門 （ビルダーを使うならどうぞ。）
- 表示速度
- 外見 vs 中身
アフィリエイト （Webデザイン）
- htmlの全体構造
- 構造的なタグ付け（h1～h6やｐの使い方）
- ページデザインの基本
- 文字サイズと文字数の指定
- 行間の指定 （だいぶ見やすくなります。）
- IE6のwidth解釈のバグ対策 （2カラムや3カラムの崩れ防止。）