ホームページの作成
[戻る] [MENU] [次へ]

(6)テンプレート利用の勧め

 前置き

私が初めてホームページを作成したのは今から15年以上も前の事になります。
パソコンも高価でNECのPC9801を使用しておりました。
私自身は、電子技術者でしたからマイコンのキットの時代からコンピュータには付き合っていて、NECのTK80と言うマイコンキットにも触っております。
テープレコーダに機械語を入れて遊んでいた頃の事が、今でも懐かしく思い出されます。
本当に驚異的なスピードで進化していると思います。
あの頃に比べると、今の若い人は知識を吸収するのが大変なのではないかと思います。

全てを理解するのは到底無理でしょうから、どうしても広く浅くなってしまうのは仕方がない事でしょう。
現在は、得意分野を1つ持てば何とかなるのでしょうか。
昔からパソコンに触ってきたからパソコンが得意かと言うとそうでもありません。
主にハードの勉強をやってきましたから、コンピュータの仕組みなどは理解できているのですが、それを動かすソフトの世界は全く別物です。
単純な事しか出来ないコンピュータをソフトの力でここまで高度な処理を出来るようにした人間の力はたいしたものだと思います。


 テンプレートとは

ここで言うテンプレート(ひな形)はホームページのテンプレートの事を言います。
ホームページを始めて作成する方は、2つのタイプに別れるような気がします。
1つは、何が何でも早く自分でホームページを作成したいと思われる方です。
もう1つは、多少時間が掛かっても、ホームページ作成の基礎を学んでからホームページを作成して見ようと思われる方です。

私のような技術者タイプの人間は必然的に後者のタイプになりますが、安直が最良だと思う人(一部の若い人や努力する事を嫌う人)は前者になると思います。
私のページは後者の方を対象にしておりますので、前者の方は居ないと思いますが、もし居られましたらIBMの「ホームページビルダー」をお買い求めいただだくのが最良です。

「ホームページビルダー」なら使い方が判らなかったら、サイトに質問すれば直ぐに教えて貰えます。
それに、ホームページビルダーで作成したからと言って、決して見劣りするようなサイトにはなりませんし、むしろ見栄えは良いかも知れません。
恐らく、ホームページの作成に関しては、何も判らないまま一生を過ごされるでしょうが、それも生き方の1つだと思います。
他人に迷惑さえ与えなければ、それはそれで良いのではないでしょうか。

つい話が逸れてしまいましたが、サイト上にはフリーのテンプレートが数多く掲載されております。
有料のテンプレートに比べれば、多少は見劣りはしますが、それを基に自分でデザインしたサイトを公開するのは楽しいものです。
ホームページの知識が多くなるにつれて、高度な機能を追加する事も出来ますから、飽きる事は決してないでしょう。
このページも、土台はフリーのテンプレートを使用しておりますし、気に入ったサイトの構成を真似て作成しております。
派手さはありませんが、私はシンプルな中に多くの機能を秘めているサイトが好きなので、そのようにしています。
一般的には、レベルの低いサイト程チカチカした装飾が多い込み入った画面造りをしておりますが、専門的な知識を持っておられる方が作成したサイト程、質素な造りですが落ち着いていて、長時間見ていても飽きないサイトが多いようです。


 テンプレート供給サイト

テンプレート利用を勧めると言っても、どこのテンプレートでも良いとは言っておりません。
試に、私のプロバイダであるヤフーのホームページ作成の中にあったテンプレートを見てみました。
9種類記載しておりましたが、どれもひどいものでした。(個人的な主観です)

雰囲気がどれも同じでしたから、同じ人が全て作成したのではないでしょうか。
ヤフーでは、同じページに有料のホームページ作成ソフトの宣伝を掲載しておりましたから、それを際立たせるために、わざと無料のテンプレートの質を落としているのではないかとさえ思ってしまいました。
あれと比較させれば、誰でも有料のホームページ作成ソフトを使いたくなります。
値段を見たら、3万円近い価格でしたから、あれを買うのなら「ホームページビルダー」の方がまだ増しだと思うのですが、どちらのソフトも使用した事はありませんし(ホームページビルダーは触った程度はあります)、商売の邪魔でしょうからこのぐらいにします。

私が初めてテンプレートに出会ったのは15年前の事で、ホームページに関しては全く無知な時でした。
0407 さんと言う方が、CSSを切り替えるだけで違った雰囲気になるホームページの作成方法を説明されていたのです。
その前に初心者向けのホームページ作成本を買って遊んではいたのですが、このサイトの説明は勉強になりました。
後でから知ったのですが、ワコさんと言う女性の方が運用されていました。
同じソースを使用して、CSSだけ10種類以上を掲載されていました。
その中の1つを利用させていただいたのですが、それを使って今でも運用しております。

推定なのですが内容に関してW3Cに準拠していないだとか中傷する人も居たみたいで、気にされて精神的にまいっていたようです。
私のサイトなどは、今でもフレームを使用しているページが数多くありますから、W3Cの指導から見れば時代遅れのサイト(レベルの低いサイト)と言う事になるのでしょうが、一般のサイトなら気にする必要は無いと思っています。
それどころか、このページも左側をフレームを使ってメニューを表示しようと真剣に考えております。

世界的に統一した規格を決めた方が良いのは確かですから、W3Cの存在は必要です。
しかし、それに沿っていないものは問題だと考える人が問題だと思います。
車でもソフトでも新しいものが常に良いとは限りません。
何でも新しい規格に沿ってやるべきだと思っている頭の固い連中が、自分だけでやれば良いだけの話でしょう。
やたら他人に口出しをして得意になっているのを見ると、むかついてきます。

0407さんのサイトが閉鎖されてから数年になりますが、最近調べてみましたら、希さんと言う方が、 CSS着せ替えテンプレートプロジェクト を引き継いで運営されているようです。
私は今は拝見する事はありませんが、その他にも初心者向けのすばらしいサイトはまだまだ多く存在していると思います。

日本のテンプレート供給サイトで困るのは、テンプレートを使用する場合は、リンクを張れとかテンプレートの自分のリンクを消してはいけないと規約に書いてある事です。
たいした出来栄えでもないテンプレート(失礼)に、訳の判らないサイトのリンクを記載するのは嫌なものです。
リンクさせたい気持ちは理解出来ますが、なぜそんな事をしなくても多くの人に知って貰えるようなテンプレート供給サイトを目指さないのでしょうか。
心の狭い日本人が多い事を残念に思います。

心の狭い人間の多い日本のテンプレート供給サイトを諦めて、海外のサイトをお勧めします。
数多くのフリーのテンプレート供給サイトがあるようですが、私は最近 templatesbox を利用しております。
このサイトには有料のテンプレートも一緒に置いてありますが、量も多いので無料で十分だと思います。
デザイン感覚は、ヤフーに掲載のテンプレートと比較すると問題にならないぐらい優れております。
唯一問題になりそうなのは、文字コードで日本語のような言語を想定して作成されておりませんので、そのままでは使えない(文字が小さ過ぎたりレイアウトが崩れる)でしょう。
CSSの知識があれば修正は造作もない事なのですが、初心者には難しいと思います。

初心者の方は、日本人が作成した日本語向けのテンプレートを使用するのが適切かも知れません。
やがては、自分で自由自在にレイアウトを組めるようになるのですから、一時我慢すれば良いだけの事です。
最後にテンプレートを利用する利点をまとめておきます。
(1)手間が省ける
(2)勉強になる
(3)クロスブラウザ対策が必要ない

ちなみに、このホームページ作成のテンプレートは、上部のタイトルとオレンジの配色と画像は外国サイトの画像ギャラリーのテンプレートを少し改造して使っております。
内部の配色は、日本のホームページを開設しているサイトの配色を参考にしました。
CSSの中身はかなりいじっておりますので、そのサイトの管理人が見ても気づかないと思います。
日本のテンプレート供給サイトのように、その程度でリンクを張る事を強制されるのでは、私の場合50や100はリンクを張らなければならないでしょう。(笑)


 日本のテンプレート供給サイト

初心者の方のために日本のホームページのテンプレートを供給しているサイトをリンクします。
御断りしておきますが、このリンクはかなり以前に私がリンクサイトとして使用していたものをコピーしたものです。
日本のテンプレート供給サイトは、テンプレートの供給目的よりも広告サイトのための餌としているサイトが多いのでお勧めしません。
中身も基本的な構造に色を付けただけのようなものが多く、画像もフリー画像をそのまま使っているサイトすらあるような有様です。
当然ながらデザイン的な配慮もしておりませんので、初心者以外の方はそのままでの御利用は止めた方が良いと思います。

尚、記載のサイトの解説は、私が確認したものではなく、紹介リンクサイトに記載の内容が多いです。
紹介内容は、ごますり型の解説が多いですから、私が内容を確認して徐々に変更しています。(表面上だけの確認ですが)

 CSS(スタイルシート) デザイン

CSS.DesignSample
テンプレート画面1 オーソドックスな画面構成のテンプレートで、どこでも見かける感じで印象には残りません。CSS(スタイルシート) デザインのホームページは、単調で似たような画面構成になってしまうのは、避けられないのでしょう。
テンプレートの種類は多く(60種類以上)掲載されておりますが、基本的な構造は同一ですからブスがどんな服を着ても、やはりブスなのと一緒です。
どのブラウザのどのバージョンで見ても、画面が大きく崩れるような事は無さそうですから、トラブルを避けるのが最優先と考える会社などには向いているかも知れません。

HPテンプレート素材処QPLO
テンプレート画面2 HPテンプレート素材の配布サイトにしては、掲載しているテンプレートの数が少ないですし、ベースCSSテンプレートなるものも配布しているのでホームページ作成の解説サイトなのかと言うと、これも中身が乏しいようです。
では、広告目的のサイトなのかと言うと、広告が極端に多い訳ではありませんし、私には訳が判らないサイトです。
テンプレート自体も素材サイトから集めた素材で組んでみただけの感じで、使って見ようと思う人は居ないような気がします。

TempNate
テンプレート画面3 派手さは無いですが、この程度の出来栄えならホームページとして公開しても恥ずかしくはないでしょう。
トップページの画面の長さが短いのも考えた結果ですし、他のページのサンプル画面もあって合格レベルです。
私が使いたいと思うかどうかは別の話ですが。

Nikukyu-Punch
テンプレート画面4 FLASH画面を使ったテンプレートもあって、力を入れて作成しているのは伝わってきます。
しかし、私から見ると何か物足りない感じがするのです。
なぜなのかと考えて見ましたが、画面のデザインセンスではないでしょうか。
配色も原色に近い色が多くて、日本人の好みにはマッチしないと思います。
ひょっとしたら、減色してロード時間を減らそうとしているのかも知れません。

CSS HappyLife
テンプレート画面5 日本では受け入れて貰えないデザインと配色のテンプレートばかりのようです。

スタイルシート(CSS)レイアウト
テンプレート画面6 見ての通りで、特に解説する内容はありません。

CSSデザインテンプレート
テンプレート画面7 良くまとまっているとは思いますが、どことなくデザインが安っぽい感じです。
一目見た感じでは、配置や配色が良くないと思います。

CSS Style
(サイト内容が不明のため保留)

LinkFly
テンプレート画面8 いくらなんでもシンプル過ぎるのではないでしょうか。
こんなものでリンクさせられるのでは堪りません。

ネットマニア
テンプレート画面9 最上部の雲の画像がFLASHになっていて常時右に流れるのが売りのようですが、私は最初気が付きませんでした。
ありふれた画面構成で、特に取り上げるものは無いと思います。

e-CSSテンプレート無料配布サイト
テンプレート画面10 どっかで見た事がるような、ありふれたデザインのテンプレートです。
特に注目する内容はありません。

Cool Liberty
テンプレート画面11 ありふれたデザインのテンプレートです。
特に注目する内容はありません。

デザインテンプレートKomachi
テンプレート画面12 ありふれたデザインのテンプレートです。

AGss
CSSデザインテンプレートを配布しているサイトです。CSSデザインの素晴らしさは目を見張るものがあり、しかも豊富に揃っています。いくつかtable+CSSのハイブリッド型のテンプレートもあるようです。

CSSレイアウト実践講座
テンプレートはパーツ的なものが多いのですが、それを補うかのようにCSSのイロハがとっても詳しく解説されています。つまりテンプレートを使いながら実践的にCSSを覚えていこうという感じのサイトですね。

季節の素材篭
とってもキレイでかわいいデザインてプレートが配布されています。特に女の子にオススメのテンプレートですね。また、テンプレートだけでなく素材も豊富に取り揃えておりますので、かなり使えるサイトですよ。

-es
テンプレート画面 テンプレートのプレビューの中にまで広告を掲載している随分とふざけたテンプレート供給サイトです。
本人は斬新的デザインと思っているのかも知れませんが、普通の人から見れば、これでホームページのテンプレートと呼べるのかと思うようなイメージです。

css:simple sample
XHTML1.1、CSS2に準拠して作成している、初心者向けスタイルシートのサンプルを公開しています。実用的にと考えて作られているので、かなり使いやすいですよ。

CoolWebWindow
xhtmlデザインテンプレートの配布やHP作成に役立つノウハウを出し惜しみなく公開しています。デザインはまさに圧巻!かなりクオリティが高いテンプレートが目白押しです!ここのテンプレートを使えば相当いい感じのサイトが出来上がること間違いなしです!

CoCo*
このサイトのテンプレートはかなりいい感じですよ♪デザインもモードな感じ(どんなやねん!)だし、オススメです。結構種類も豊富にありますので、きっとお気に入りのテンプレートが見つかると思いますよ!TOPページのデザインもGOOD!!


 TABLE+CSS デザインテンプレート

HP素材のおすそわけ。
テンプレート画面 コーナーの角を丸くして柔らかい感じにしようとか、工夫は感じられます。
ただ、何かワンポイント物足りない気がしてしまいます。それがデザインなのか配色なのかは判りませんが。
ちらっと見ただけの感じだけですが、写真の中のコーヒーカップの画像が大き過ぎてアンバランスです。

デザインテンプレートKomachi
テンプレート画面 特に変わり映えのしないテンプレートです。
配色も単調ですし、タイトル部分のバックに写真を使用しているのも見にくい感じで感心しません。

AGss
CSSデザインテンプレートを配布しているサイトです。CSSデザインの素晴らしさは目を見張るものがあり、しかも豊富に揃っています。いくつかtable+CSSのハイブリッド型のテンプレートもあるようです

WEB MAGIC
テンプレート画面 これと言った特徴のないテンプレートです。
画像が大き過ぎるような気がしますが、配色は悪くないので可も無し不可もなしと言った所でしょうか。

Nikukyu-Punch
テンプレート画面 CSSのページでも紹介していますが、こちらのテンプレートはバック画像を固定にしているのが売りなのでしょうか。
ただ、このテクニックは古いですし、配置がまとまっている割には大雑把です。
CSS記載のテンプレートと同様、何か今一つの感じがするのは私だけでしょうか。

スピカ
このサイトはなんと150種類以上のテンプレートが公開されています!WEBデザインテンプレートはもちろん、日記用テンプレートから、リンクテンプレートまで実に様々なテンプレートがあるんです。とにかくサイトデザインに迷ったら、このサイトを覚えておけばまず、デザインでの心配はなくなると思いますよ。

ホームページテンプレーターズ
シンプルなテンプテートを配布しているサイトです。基本的な形はテンプレートで補い、あとは自分でカスタマイズしたい!という方にはピッタリのテンプレートだと思います。


 TABLE(テーブル)レイアウト デザイン

HPテンプレート素材配布チュ〜!
ホームページのテンプレートを無料配布しています。シンプルなテンプレートからビジネス用まで使いやすそうなテンプレートが豊富ですので、特に初心者にオススメしたいテンプレートですね。デザインもコンパクトで○

canary
ここは絶対女の子にオススメのサイトですよ!とにかくデザインが可愛すぎ(^^自分のちょっとしたプライベートHPを作るときに重宝しそうです。こんな素敵なテンプレートを無料で配布してくれる管理人aiさんに感謝です!
テンプレート画面 上記のような紹介でしたので期待して見てみました。
開発者だけが自己満足しているようなデザインで、見るべきものはありません。
これが、なぜ女の子にオススメのサイトなのかさっぱり判りませんでした。

HTMLテンプレートとカレンダー無料配布 なんでも広場 J square
シンプルなホームページテンプレートと、無料カレンダーを配布しています。テンプレートはHTMLで作られており、出来るだけファイルサイズも軽く作られているのがとっても嬉しいですね(^^カスタマイズも比較的簡単に出来ると思いますので、初心者の方でも使いやすいと思います。

AKのFlash&素材付HTMLテンプレ
テンプレート画面 FLASHのテンプレートを供給しているサイトの特徴なのですが、FLASHにばかり目がいくのか、FLASHの開発で力を使い果たすのか、デザインがワンパターンです。
このテンプレートも四角い画像が回っているだけなのでで、FLASHも単調ですしメニューも変わり映えしません。
FLASHを使っているからと言って、注目された時代は終わっています。

皆来るウェブ
ここのテンプレートはHPで稼ぐのを目的に考えられて作られたテンプレートです。いわゆるSEO対策済みのテンプレートが配布されていますので、アフィリエイトサイトやネットショップを運営したいと思っている方には特にオススメのテンプレートです!

BLOOM
テンプレート画面 日本で、テンプレート供給サイトと呼べそうなのはこのサイトぐらいではないでしょうか。
何と言っても製作に時間を掛けているのが伝わってきますし、デザインにも気を使っているのが判ります。
ページに使用する素材も揃っておりますし、これなら外国のテンプレート供給サイトに近いです。

女性の方が作成しているようで、育児で忙しくて更新が止まっているようですが、男性も少しは見習うべきです。
欠点は、制作年代(2000〜2003年頃が中心)が古いために、そもままでは使えない事です。
(Table構成が中心なのとCSSを少ししか利用しておりません)
サンプルぺージ1

blue-green
テンプレート画面 掲載のテンプレートは、小学生程度の子供向けのデザインですから、子供用のサイトやかわいければ何でも良いと思う頭のいかれた女の子には好まれそうです。
このサイトのテンプレートにはデザインセンスを感じますので、探せば良いテンプレートはありそうです。
テンプレート供給サイトは、最低でもこの程度のデザインセンスは必要でしょう。

ホームページキッチン
ここは最近見つけたんですが、超オススメのサイトです!ホームページテンプレートを配布しているのは勿論なんですが、バナーやアイコンなどの素材、メモ帳でのHPの作り方など実に様々なコンテンツがあり、何度も訪れたくなるサイトです!わたしももちろんお気に入りに追加しました(^^

トップページギャラリー
テンプレート画面 才能はある方のように見えますので、1作品を半日ぐらいで作成しておられるのではないでしょうか。
ただ、その分手を抜いているのかデザインや配色が単調になってしまいます。
今の3倍ぐらいの時間を掛けて真面目に作成すれば、良い作品が出来ると思うのですが。

ホームページ素材とテンプレートのWeb Essence
テンプレート画面 デザインセンスのある方のようですが、いかんせんテンプレートはデザインが固過ぎます。
もう少し柔らか味のある配置や配色だと良いのが出来ると思うのですが。
それと、画面の中の画像を動かす事に興味があるようですが、見る人は疲れますのでほどほどにすべきでしょう。


 アフィリエイト用 デザイン

黄金のネット生活
テンプレート画面 このテンプレートは、改造して一部を使用しております。
アフィリエイトサイトにしようと思って、ピンク系の配色は女性好みではないかと思ったからですが、結局は中途半端の状態になっております。
配置のデザインは、特に変わり変わり映えのない標準的なものです。

てんぷれの天ぷら
テンプレート画面 基本的な配置を示しているだけで、デザインの要となる画像がありません。(サンプルとか言う小さい画像だけです)
これで使用する場合は、著作権の表示をしろと言うのですから、どこが著作権なんだと私は言いたいです。
基本配置のみですから、このままでは固い感じがしてとても使えません。(配色も変です)

ダブルバキバキ
ホームページデザインの着せ替えが簡単に出来ちゃう初心者向けホームページビルダー専用テンプレートが無料でダウンロードできます。ホームページビルダーを持っている人は絶対にダウンロードすべし!もちろんわたしもダウンロード済です(^^v

Template Shop
アフィリエイト用テンプレート無料配布とネットでお小遣い稼ぎを支援してくれるサイトです。アフィリエイトを始めてみたけどイマイチうまくいかない方はぜひテンプレートと一緒サイトをくまなく読みましょう。オークションテンプレートもあります!

キュートチョイス
主に楽天アフィリエイト用のパーツテンプレートを配布しているサイトです。圧巻なのはその数!とてもたくさんの種類のパーツテンプレートが用意されていますので、物販サイトを作るのに最適ですよ!

テンプレ素材 for アフィリ
シンプルで使いやすいテンプレートが配布されています。特に物販サイトを構築するのに最適なデザインかなといった感じです。

アフィリエイトテンプレート☆BEE BEE
ココはアフィリエイトサイトに使えるパーツテンプレートが豊富に揃っています。アフィリエイトの画像をキレイに見せるためのテンプレートがたくさんありますので、是非一度覗いてみてください。

mafmafnet
テンプレート画面 リンクシェアで銀賞を受賞したサイトだそうです。
特に目立つ訳ではありませんが、配置や配色に気を使っているのが感じられます

QuickTemplate
テンプレート画面 これが供給するテンプレートだそうです。

初心者でも簡単にカスタマイズ出来るアフィリエイト用テンプレート
テンプレート画面 これが供給するテンプレートだそうです。
製作者の部分は消してはいけないそうです。

tickle*tickle
テンプレート画面 これがテンプレートだそうです。

ゴーゴー!アフィリエイト
テンプレート画面 特にコメントはしません。
使って見たい人がおりましたら、ご自由にどうぞとしか言えません。
ただ、販売力のあるアフィリエイトサイトの画面構成と比較すれば、月とすっぽんでしょう。


[戻る] [MENU] [次へ]