TOP 基本タグ 小技タグ サンプル リンク
サンプルTOPページ

サンプルで作成してみたTOPページです。
お気に召しましたらご自由に改良してお使いください。
※レイアウトの都合上最低限のCSS（スタイルシート）を使用しています。

〜サンプルページにもスポンサーの広告が表示されレイアウト上見にくくなっておりますがご了承ください。〜

サンプルNo.1

メインとなる画像を貼り付けるスペースがあります。
私も画像を自分で作る事ができたらこういう風なTOPページにしたいと考えていました。
※このページはCSSを少し使用しています。ソース上部の <STYLE> タグは <HEAD> タグ内に記述してください。


[ソース]

サンプルNo.2

とにかくテーブルを多数使い、白黒をサイコロみたいにちりばめました。
中心もテーブルでスペースをいくつか空けていますので、コメントを書いたりするのに使用してください。


[ソース]

サンプルNo.3

黒の背景に線のみでレイアウトをしました。
いくつかリンクを貼る場所を設けているので、コンテンツが多い場合などに利用してください。
※このページはCSSを少し使用しています。ソース上部の <STYLE> タグは <HEAD> タグ内に記述してください。


[ソース]

サンプルNo.4

インラインフレームを使用したページです。
上に配置したボタンをクリックしたら、中間のフレームのみが変わっていくような雰囲気のページをイメージしました。
枠組みだけなのであまり見栄えはよくありませんが、実際中身を入れたらカッコいいと思います。
インラインフレームについての説明は こちら


[ソース]

※サンプルとしてインラインフレーム内に表示しているページは
sample4_iframetop.html と sample4_iframemenu.html です。