デザインサンプル集
デザイン1
  • シンプルを重視して作成
  • シンプルなのでソース部分も軽い
  • 改造すれば自己紹介にも使える
デザイン2
  • インラインフレームを使用して作成
  • ウインドウのサイズが小さいと見た目が変になります
  • 背景画像は自作ですので、使用したい方は使用してください
デザイン3
  • 背景画像の効果を重視して作成
  • テーブルを薄くして、背景画像がうっすら見えるように工夫
  • 背景画像は自作ですので、使用したい方は使用してください
デザイン4
  • <TABLE>のタグをメインに作成
  • スタイルシートは、あまり使わないように工夫
  • ソースを極力少なくして、軽い仕上がりになった
デザイン5
  • YAHOOに似たようなデザインを使用
  • コンテンツの多いサイト向け
  • ランキングなどのスペースを確保
デザイン6
  • <MARQUEE>のタグを使用してみたくて使用
  • JavaScriptをメイン部分に使用
  • コンテンツの多いサイト向け
デザイン7
  • 動きのあるページを作成
  • デザインはデザイン4のデザインを少し加工
  • ソースは少ないが、改造は難しいと思います
デザイン8
  • 背景画像の変わりにテーブルを使用
  • スタイルシートでテーブルを飾り付け
  • シンプルな感じに仕上がった
デザイン9
  • シャッキリ!!（？）
  • フレームページとして組み合わせても使える
  • HTML小技集が以前、実際に使用していたデザインを少し改造
デザイン10
  • キュートな感じに仕上げてみた
  • 素材を5･6個使用したが、軽めの素材なので重さもそれほど重くない
  • なぜかフレームを3分割して作成してみました
デザイン11
  • シンプルで枠の色を青色に統一してみた
  • IE以外だと表示がおかしくなる可能性が高い
  • HTML小技集が使っているバージョンはこちら
デザイン12
  • クールかつキュート
  • テーマは海賊、軽めの素材のみ使用
  • 画像は自作ですので、使用したい方は使用してください
デザイン13
  • 空の背景画像を使用
  • さわやかなイメージ
  • 画像は自作ですので、使用したい方は使用してください
画像の使用
説明
  1. TOPページデザインサンプル集です。
  2. 自分のホームページに利用したい方は、是非利用してください。ただし、説明などはありません。
  3. 著作権を記入しているページがありますが、サンプル記入ですので、使用の際は書き換えても構いません。
  4. デザイン集に関しましての質問は｢デザイン集｣のスレッドにて質問してください。