Microsoft風テンプレートとは?
某Microsoft風のデザインを施した、3カラムテンプレートです。
3カラムといえば、一般的には「色々と配置出来るから便利」というイメージがあるかと思います。
ところが実際は、一番使い方が難しいです。。
なぜなら、サイト内にあれこれと配置すればするほどに、視点が分散してしまうからです。
例えば、目に入るポイントが1カ所しかなければ、全ての視線はそこに行きますよね?
ところが、目に入るポイントがいくつもあったらどうでしょう?
そうです。。
1カ所1カ所に対する「注意力」みたいなものが低くなる訳です。
そのため、アフィリエイトサイトなどで目立たせたい商品が明確に決まっている場合は、
このテンプレートの使用は控えた方が良いかもしれません。。。
僕が3カラムを使うとすれば、まずはサイト全体の構造を書き出して、
かなり気を遣ってコンテンツを配置したり、導線を組んだりするでしょう。。
テンプレートの使用方法
テンプレートをダウンロードして解凍して出来上がった「DLフォルダ」内に、
「index.htmlファイル | cssフォルダ | imgフォルダ | バナー台.jpg」というファイルやフォルダがあることを確認してください。
バナー台.jpgは「バナー用の画像」となっていますので、
お好きな画像編集ソフトで開いて、サイト名などを入れて「header.png」として保存します。
(サンプルとしてheader.pngがimgフォルダにあらかじめ入っていますので、これに上書きしてください。)
後は、DLフォルダ内をそのままアップロードすることで使用可能です。
Microsoft風テンプレート一覧
Microsoft風テンプレートVer1[15色]
Microsoft風のデザインを施した、3カラムテンプレートの第一号!
全15種類のカラーバリエーションがあります。
デザイン的には、ヘッダー画像までもCSSで出力しているので、
CSSに慣れていない方や、画像加工が出来ない方には不向きかもです。
以下のサムネイル画像をクリックすると、新しいウィンドウで各カラーのサンプルサイトが開きます。
(開きすぎにご注意を・・・・)
テンプレートのダウンロードは、各配色パターンの「サンプルページ」から行うことができます。
(サンプルページは、上記画像をクリックすると新しいウィンドウで開きます。)
Microsoft風テンプレートVer2[15色]
スタイルシートにもあまり対応していないソフトでも、簡単に扱えるように!をテーマに、
ver1をカスタマイズしました。
主な変更点は、使用しているタグです。
ver1では、XHTML1.0規格で<div>レイヤーを使っていましたが、
今回はHTML4.01規格で<table>タグを使ってレイアウトを組んでいます。
以下のサムネイル画像をクリックすると、新しいウィンドウで各カラーのサンプルサイトが開きます。
テンプレートのダウンロードは、各配色パターンの「サンプルページ」から行うことができます。
(サンプルページは、上記画像をクリックすると新しいウィンドウで開きます。)
Microsoft風テンプレートVer3[15色]
ヘッダー画像作るの面倒臭い!
そんな方のために?ヘッダー画像を自分で作る必要のない第3弾を作成しました☆
これで、余計な手間を省くことができますね(?)
以下のサムネイル画像をクリックすると、新しいウィンドウで各カラーのサンプルサイトが開きます。
テンプレートのダウンロードは、各配色パターンの「サンプルページ」から行うことができます。
(サンプルページは、上記画像をクリックすると新しいウィンドウで開きます。)
Microsoft風テンプレートVer4[15色]
Microsoft風味テンプレートの最終版です。
このシリーズは、初公開シリーズなのでバージョンが多い(汗)
ちなみに、このver4はver3のテーブルレイアウト版です。
テーブルレイアウトが登場するのは、
Microsoft風味が最初で最後(笑)
以下のサムネイル画像をクリックすると、新しいウィンドウで各カラーのサンプルサイトが開きます。
テンプレートのダウンロードは、各配色パターンの「サンプルページ」から行うことができます。
(サンプルページは、上記画像をクリックすると新しいウィンドウで開きます。)