1カラムのホームページテンプレート素材 +IFD+

[スポンサード リンク]

1カラムホームページテンプレートNO10〜12

XHTML1.0+CSS zipファイル

モノトーンベース

モノトーンでコントラストの強いドクロとギターの画像を使ったロック調の1カラムホームページテンプレートです。縦幅は固定で、CSSでスクロールバーを表示しています。少々不気味だったので、時間の経過とともに色が変わるハートのGIFアニメ素材を使って中和してあります。下のバリエーションは、文章が右に来るか左に来るかの違いです。

1カラム右サイドコンテンツのサンプル
1カラム右サイドコンテンツのダウンロード

1カラム左サイドコンテンツのサンプル
1カラム左サイドコンテンツのダウンロード

こちらは画像が上に来たカスタマイズバリエーションです。ギターの部分が丁度いいのでタイトルバナーにしてしまいました。縦幅は変動しますので、文字数を気にすることなく使うことが出来ます。十字架も縦幅に応じて自動的に繰り返してくれます。

サンプル  ダウンロード

1カラムテンプレート NO6〜7

XHTML1.0+CSS zipファイル

マルチカラー

ひたすら星を集めて星をかたちどった変わった1カラムテンプレートです。5つのメニューとタイトルで構成されています。1カラムらしくないですが、要素がメニューだけということで一応1カラムに分類させていただきました。というより、他に分類の選択肢が無かったというほうが正しいですが。

白サンプル  白ダウンロード

こちらは黒背景バージョンです。クリスマス風で、なんかツリーの飾りみたいな雰囲気です。

黒サンプル  黒ダウンロード

作業はシンプルなのですが、ひたすら画像の移動や色分けなどの繰り返しで、結構作成に時間がかかっています。手順が単調だからこそしんどいのかも。一応文字位置を左寄せ、右寄せ、中央寄せなどを使用してある程度メニューの文字数が変わってもレイアウトが崩れないように設定してあります。

1カラムホームページテンプレートNO4

XHTML1.0+CSS zipファイル

青と白ベース

淡く、綺麗な背景画像を使って作成した爽やかな1カラムテンプレート素材です。夏の季節とかにいいかもしれません。微妙に画像が海の中のような感じがします。なんか1カラムのテンプレートは縦サイズ固定幅が多いですね。フレームタグではなくCSSで実装しているので検索エンジンのクローラーの登録作業に支障は出ないと思いますが、読みやすいか読みにくいかはちょっとわかりませんね。


上には薄い色でメニュースペースを作成してあります。メインコンテンツ部分にもリンクが貼れるのであまり必要が無いような気もしますが・・。

サンプル  ダウンロード

1カラムテンプレートNO2

XHTML1.0+CSS zipファイル

白と赤と黒ベース 1カラム

とある広告から着想を得て作成した1カラムテンプレート素材です。昔の広告とかを参考にしてホームページテンプレートを作成することが意外とあります。バーコードのようなものをを使ったデザインもよくありますね。白、赤、黒ベースのデザインもよく見かけます。1カラムのホームページテンプレートですが、上にメニューが付いていて、4つメニューを作ることができます。他にもメニューを追加しなければならない場合は、メインテキスト部分に作成するなどの必要があると思います。どちらかというとエンターページなどに向いている気がします。文章を読ませたいページでも全てこのレイアウトにすると少々読みづらいかな・・?フレームタグなどは未使用です。CSSで実装しています。

サンプル  ダウンロード

ホームページ素材の検索&サイト作成役立ちサイト

1カラムホームページテンプレートNO13

XHTML1.0+CSS zipファイル

茶と白ベース

猫のイラストを使ったコルクボード風のユニークな1カラムテンプレートです。紙の部分にコンテンツが乗るように調整してあります。2カラム版とサムネイル画像を共有しているので画像が2カラムになっていますが、ここにあるものは1カラムのみとなっています。他のバリエーションが気になった方は番号順でいくとNO.0120あたりだったと思いますのでご参照ください。

サンプル  ダウンロード

1カラムテンプレートNO8〜9

XHTML1.0+CSS zipファイル

青と黒ベース ユニークレイアウト

青と黒を使った深いトーンで作成したなんかひんやりとする1カラムテンプレートです。コンテンツは3つのメニューとタイトルのみです。変わったレイアウトですが、こちらもコンテンツがメニューのみということで一応1カラムとしても分類させていただきます。夏向け?

青サンプル  青ダウンロード

こちらは春向け?な、爽やかなカラーバリエーションのホームページテンプレートです。緑基調。カラー以外は青のバージョンと同じです。

緑サンプル  緑ダウンロード

特にCSSをカスタマイズする必要もないようなホームページテンプレートですので、ダウンロード後はHTMLファイルで文字を変えるだけですぐに使えると思います。

1カラムテンプレートNO5

XHTML1.0+CSS zipファイル

青と白ベース

NO4の1カラムテンプレートのバリエーションみたいなホームページテンプレートです。背景素材の加工を減らしている点や、縦横の幅を大きくしてあります。少々大きすぎた気がします。ちょっと使いづらいかも。前作と同じように上にメニュー要素があります。横幅700とかの比較的小さめのモニタを使っている方だと横スクロールバーを使う必要が出てくるかもしれません。何かサムネイル画像に枠線が出てしまっている初歩的なミスを犯してしまっていますが実際にはありませんのでご安心を: )

1カラムサンプル 1カラムダウンロード

1カラムテンプレートNO3

XHTML1.0+CSS zipファイル

モノトーンベース

こちらも昔の広告から着想を得て作成したホームページテンプレートです。こういったタイポグラフィのデザインも奥が深いですね。まだまだそういったことには詳しくないのでこれからも勉強していきたいものです。こちらはある程度は文字が見やすくなっていますので、エンターページに使用しても、他のページでも程ほどに対応できると思います。・・タイトルが左に配置してあるからもしかしたら1カラムではなくて2カラムかもしれません。微妙に文字がギザギザしてるような・・もしかしてアンチエイリアスをかけ忘れた・・?

サンプル  ダウンロード

1カラムホームページテンプレートNO1

HTML4.01+CSS zipファイル
エアメールのようなホームページ素材を使って作成した1カラムテンプレートです。上の英語は雰囲気を出すためのもので特に意味などは考えていません。シンプルでな構成で、文章量によって縦に伸縮します。見出し語の部分を増減させたい場合はホームページテンプレート内のコードの記述を参考にしてカスタマイズしてください。見出し語のラインはCSSで実装しています。

サンプル  ダウンロード

ホームページ素材集のIFDのトップページへ