W3C準拠HTMLテンプレート(mono-a-5) « W3C勧告に準拠・Web標準ホームページテンプレート

ホームページを作ったことはありますか？
自分のお店や会社のホームページを何とかがんばって作ろうとしたことはありますか？
その時ホームページを何とか作ることが出来ましたか？
で、その出来栄えは満足のいく、納得のいくものでしたか？
そしてその出来上がったホームページは満足のいく効果をもたらしてくれましたか？

きっと、多くの方が首を横に振るのではないでしょうか？

そんなあなたが上の質問に対して首を縦に振ることが出来るようなホームページはいったいどのようなものなのでしょうか？

ホームページの良し悪しの判断基準とは？

ホームページの良し悪しの判断基準ははたいてい以下の2つのポイントに絞られるでしょう。

１．カッコいい!!またはキレイ!!
２．アクセスがある!!売り上げがある!!

ホームページを自分で作成したことのある人の多くは何らかのホームページ作成ソフトを購入し、マニュアルを一生懸命読んで作成したことと思います。そしておそらく購入したホームページ作成ソフトには「ワープロのようにホームページが…」とか「難しいHTMLなんか覚えなくても…」とか「初心者でもカンタン」といったキャッチコピーがついていたのではないかと思います。

そんなキャッチコピーのついたホームページ作成ソフトを購入し、はじめてホームページを作成した人の多くはこのように思います。

なんか納得いかない!!
なんか素人っぽい!!
ちょっとダサくない？
素敵なホームページって思えないっ!!

そう感じつつもやっと作ったはじめてのホームページ。とりあえず公開します。でも…大して効果がない…なんていう結果が待ち受けていたりします。

自分でホームページを作成しようとするワケ

もしあなたの作成したホームページが趣味のホームページであるならそれでも良いでしょう。しかしながら多くの人はお店や会社のホームページを作成しようと考えています。自営業の方などは忙しい仕事の合間に頑張って作成しようとしていることでしょう。

しかしそうまでして自分でホームページを作ろうとする理由は何でしょう？

• ホームページ制作業者に頼んだら高そう…
• 制作業者に依頼したくてもどこがいいかわからない…
• ワードやエクセルをそれなりに使えるからホームページ作成ソフトくらい…
• ソフトの値段も手ごろだし…
• マニュアル本もいろいろ販売されてるし…

だいたいこんな理由でホームページ作成ソフトを購入し、マニュアル本も購入し、頑張るのです。それだけ頑張って、時間もかけてやっと出来上がったホームページですが…

なんか納得いかない!!
なんか素人っぽい!!
ちょっとダサくない？
素敵なホームページって思えないっ!!

多くの方がここで挫折したり、あるいは妥協してちょっとダサくてあまり効果のないホームページを公開したままにしてしまいます。また、中には「めんどくせえ!!!」とタウンページで見つけた適当なホームページ制作業者に依頼してしまう方もいるでしょう。

それでは何のためにホームページ作成ソフトを購入し、時間をかけて頑張ったのかわかりません。

ホームページ作成ソフトで作ったホームページはなぜダサいのか？

先にも書きましたが、多くのホームページ作成ソフトには「ワープロのように…」とか「難しいHTMLなんか覚えなくても…」とか「初心者でもカンタン」なんてキャッチコピーがついています。それらのホームページ作成ソフトの編集画面は確かにワープロのようです。でも、ワープロで作成する文書とは明らかに違うものがあります。

それはメニュー（リンク）です。

ワープロの文書は何ページ作成しても1つのファイルです。見た目だけで好きなようにレイアウトしていっても最終的には主に印刷して利用します。

しかしホームページの場合はメニューの部分が必要です。ページのレイアウトを考えるときメニュの部分をどのようにレイアウトするか？どんなボタンにするかでホームページ全体の雰囲気は大きく変わります。

配色のバランスやボタンの大きさ、配置はホームページの作成において重要なポイントです。メニュー以外の内容の部分は文章を書いたり写真を貼ったり時には表を入れたりとワープロの作業とそれほど変わりません。

つまり全体のレイアウト、メニューの配置さえしっかりと出来ていればあとはワープロの作業のようにホームページを作ることが出来るわけです。逆を言えばメニューの配置やレイアウトがうまくいかないことがホームページをダサくしてしまう原因となるわけです。

難しいHTMLは覚えなくても本当に良いのか？

ホームページ作成ソフトには「難しいHTMLなんて覚えなくても…」なんて書いてあったりしますが、そんなことはありません。ある程度のレベル以上のホームページを作成しようとするのなら最低限のHTMLの知識はやはり必要です。とくにSEO（検索エンジン最適化）のことを考えるのであればHTMLを覚えることから逃げるわけにはいきません。

ところでHTMLはどんなものなのか見たことはありますか？もしあなたがホームページ作成ソフトを使ってホームページを作成したことがあるのならそのHTMLを見てみましょう。作ったことが無い人はどこかのホームページのHTMLソースを見てみると良いでしょう。

こんなのわからん!!

というのが最初の感想でしょう。なぞのアルファベットの記述がずらずらと…<td>だの<font-color=…>だの<span class=”…>などの記述にあふれているでしょう。

では上のホームページのHTMLを見てみましょう。ここで販売するテンプレートのHTMLです。いかがでしょうか？あなたが作成したホームページと比較してシンプルだと思いませんか？

そうかそうか…こんなHTMLでカッコいいホームページが出来るんだ…コピーしてペーストしてハイ出来上がり!!

どんな出来栄えですか？見てみましょう。

だめです!!こんなのダサすぎます!!

そうですね。これではだめですね。なぜなのでしょう？HTMLソースの13行目あたりを注目しましょう。以下のような記述が見つかるでしょう。

<link href=”style/main.css” rel=”stylesheet” type=”text/css” />

この記述によると「style」というフォルダの中にある「main.css」とリンクするように書かれています。しかしそこには「main.css」がありません。もしそこに「main.css」と「main.css」に書かれている内容に必要な画像ファイルがすべてそろっていると上のページのように表示されます。

「main.css」が何かというと、それがスタイルシートのファイルです。このホームページのデザインは全てこのスタイルシートのファイルで行っているのです。ですからそのファイルとのリンクが切れている先程コピー＆ペーストで作ったページは何もデザインされていないページになってしまうわけです。

つまりカンタンなHTMLでホームページを作ることは出来ますが、カッコいいデザインにするためにはスタイルシートでレイアウトすることが必要というわけです。逆を言えばスタイルシートのファイルでデザインが出来ていればカンタンなHTMLでホームページを作ることが出来るというわけです。

すなわちシンプルでカッコいいホームページを作成するには、ホームページの内容はHTMLにレイアウトやデザインはスタイルシートに書いていくことが大切なのです。

内容はHTMLで、デザインはスタイルシートで行うワケ

さて、ここまでの説明でホームページの内容はHTMLに書いていき、デザインはスタイルシートに書いていくことがカンタンなHTMLでホームページを作成するための方法であることはわかっていただけたと思います。そして、スタイルシートでデザインしたカンタンなHTMLによるホームページには以下のようなメリットがあります。

SEO（検索エンジン最適化）に効果的

検索エンジンはHTMLの記述を元に検索対象の内容を読み込みます。そのとき当然HTMLの文法に沿ってそのページに書かれている内容、重要なことなどを理解します。余計なHTMLがあればあるほど嫌われやすく、また文法的に誤りがあれば正当な評価さえしてくれない可能性があります。

ホームページの更新を簡素化

以前まではテーブルレイアウトが主流であり、HTMLソースには複雑な<trや><td>が多数存在し、HTMLを見ただけではどのようにレイアウトしているかがわかりづらかったものです。
しかしながら現在の主流はHTML自体にはそのページの中身を記述するのみにし、レイアウトは全てスタイルシートで行うようになってきました。デザインと内容を分けることで複雑なHTMLを簡潔に出来るようになり、サイトの運営、更新作業がスムーズに、簡素化することが可能になりました。

閲覧者にも優しい

テーブルレイアウトで複雑な記述の多いHTMLファイルとスタイルシートでレイアウトしたHTMLファイルではそのファイルサイズは当然大きな差があります。通信回線の高速化が進んだとはいえ少しでもその負担を軽減することは大切なことといえるでしょう。

HTML記述ミスが発見しやすい

ホームページ作成ソフトでホームページを作成しているとうっかりしているとそのソフトウェアの書き出すHTMLは数百行にもなってしまいます。そのとき何らかのミスがあり表示がおかしいとしてもどこがおかしいのか探すのは至難の業です。
スタイルシートでデザインしていれば単純なHTMLからミスを見つけるのはたやすく、ミスも大抵単純なタグの閉じ忘れといったものが多いでしょう。

スタイルシートでデザインされたホームページを見てみよう

さて、こんなスタイルシートでデザインしたホームページがどんなものかもう少し見てみましょう。各スクリーンショットをクリックすると拡大してご覧いただくことが出来ます。

いかがでしょうか？よくご覧になるとわかりますが、HTMLの記述方法が詳しく書かれていますね。この記述方法に基づいていけば上のようなレイアウトのホームページが出来上がります。どのページもきちんとレイアウトされていますがかかれているHTMLだけで見るとすべてこんな感じのページです。それを全てスタイルシートでレイアウトしているだけなのです。

このホームページテンプレートの特徴

アクセスアップ・売り上げアップにつながるテンプレート

W3C勧告に準拠したWeb標準ホームページテンプレートです。適切で正しいHTMLであることはウェブサイト構築には不可欠の要素です。アクセシビリティの向上、サーチエンジン対策、サイトのメンテナンス性の向上等、サイトのアクセスアップ、顧客獲得が期待できます。

SEOの効果のある適切なHTML記述

hタグをはじめとするHTMLの効果的な記述によりSEOに効果を期待できます。ホームページ運営の成功の秘訣はなんといっても検索エンジン上位表示です。そしてその基本は適切なHTMLの記述にあるといえます。

フルCSSデザインのシンプルなHTML

デザインはすべてスタイルシートに記述しました。これによりHTMLはとてもシンプルでホームページ作成初心者でも取り組めるテンプレートです。また、スタイルシートを書き換えることでサイト全体のデザインをカスタマイズでき、メンテナンス性が大幅に向上しました。

落ち着いた赤を基調としたオーソドックスなデザイン

スタイリッシュな雰囲気は飲食店をはじめとする各種ショップのサイト、旅館、ホテルなどのホームページ制作に活用できます。和食店、居酒屋、日本料理店、カフェ、バー、和風旅館、温泉旅館、などのホームページにオススメ!!サイトを訪れてくれた人に好印象を与えるのはとても大切なことです。

サイト規模数ページから100ページ程度のサイト向け

ほとんどの中小企業や個人事業主の方のホームページの規模にぴったりです。2階層までのリンク構造を考慮していますので中小規模ショッピングサイトにも使えるテンプレートです。

ひとつのスタイルシートファイルがサイト全体をデザイン

ここまでの説明でHTMLファイルとスタイルシートのファイルについては理解できましたね。ホームページの内容はHTMLファイルに記述し、デザインはスタイルシートファイルに記述するんでしたね。

ここでひとつとても大切なことです。スタイルシートのファイルは基本的に1つのデザインに対してひとつあればよいのです。大抵のサイトの場合、デザインのパターンは1つでしょうから、スタイルシートのファイルはひとつあればよいのです。

もう少しわかりやすく言うとHTMLの記述ではデザインについては何も書かれていませんね。デザインやレイアウトについては全てスタイルシートのファイルに書かれています。そこでHTMLにそのスタイルシートのファイルにリンクするように記述しています。ほとんどの場合サイトのデザインは統一させますね？ですから全てのHTMLファイルはひとつの同じスタイルシートファイルにリンクするように記述していくのです。

例えば上のテンプレートでは「main.css」というスタイルシートのファイルを「style」フォルダに入れています。そうすると各HTMLファイルには以下のように書かれていきます。

<link href=”style/main.css” rel=”stylesheet” type=”text/css” />
って書いたり（一番上の階層）

<link href=”../style/main.css” rel=”stylesheet” type=”text/css” />
って書いたり（2番目の階層）

<link href=”../../style/main.css” rel=”stylesheet” type=”text/css” />
って書いたり…（3番目の階層）

フォルダの階層に注意してよくご覧ください。赤い文字の部分です。このように1つのスタイルシートのファイルでサイト全体のデザインを管理しています。

スタイルシートのファイルに書かれていること

さて、ホームページのレイアウトやデザインについて記述されているスタイルシートのファイルにはいったいどんなことが書かれているのでしょうか？一部分を抜粋してみてみましょう。

/*ここからタイトル画像右側のリンク*/
div#header ul {
margin: 0px;
float: right;
width: 360px;
padding-top: 20px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
text-align: right;
}
div#header ul li {
display: inline;
list-style-type: none;
padding-left: 10px;
}
div#header ul li a {
color: #333333;/*リンクの文字の色*/
text-decoration: none;
background-image: url(image/arrow1.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 12px;
}
div#header ul li a:hover {
background-position: 0px -17px;
color: #CC0000;/*リンクの文字の色・マウスが乗ったとき*/
}
/*ここまでタイトル画像右側のリンク*/

こんなことが数百行にわたって書かれています。何のことやらわからないかもしれません。これまでホームページ作成ソフトに頼ってきた人にとってはチンプンカンプンでしょう。でもご安心ください。こちらで販売するホームページテンプレートを使ってホームページを作成する場合、このファイルを編集することはありません。

ダサいホームページはさようなら

さて、いかがですか？これまでホームページ作成ソフトに頼り切って作成してきたホームページとはおさらばしますか？スタイルシートでレイアウトしたホームページで検索エンジンにやさしく、閲覧者にやさしく、そしてあなた自身にもやさしいホームページ運営にチャレンジしてみませんか？

これまでHTMLソースから極力目を背けてきた人にとっては少々抵抗があるかもしれません。しかしながら自分でホームページを作成し、運営しようと思ったら最低限のHTMLの知識は必要です。そこを避けていては右のようなワンランク上のホームページ運営は出来ません。

上のような30ページほどのHTML記述マニュアルで、必要な記述方法は全て解説しています。あなたはそれに基づいて書いていくだけです。また。ミスが少なく効率的なホームページ作成手順もPDF形式で添付していますから、じっくりと取り組めるでしょう。

これでもうあなたはダサいホームページとはおさらば出来るでしょう。

HTMLを理解することにまだ抵抗ありますか？

もしあなたが、HTMLを理解することを、シンプルなHTMLでホームページを作成することをためらうのならそれは仕方ありません。ホームページの作成、運営には様々な手段があります。ソフトウェアと「あーでもない、こーでもない」と格闘しながら作成してもよいでしょう。制作会社にまる投げもよいでしょう。

このテンプレートはこれまでソフトウェアを利用したりしてホームページを作成、運営してきた方、

しかあし!!
なんか納得いかない!!
なんか素人っぽい!!
ちょっとダサい!!
素敵なホームページって思えない!!

という方のために考え、作成しています。そしてそういう経験をした方が、少しHTMLを覚えておいた方がいいのかな？とか、何とか自分ですっきりしたホームページを作ってやろうと思ったときに手助けになるであろうテンプレートです。

絶対HTMLなんかこれっぽっちも覚えてやるもんか!!

と、考えておられる方には不向きなテンプレートです。

本当にカンタンなHTMLなの？

ソフトウェアでホームページを作成していてもHTMLをまったく見ないことは無かったでしょう。表は<table>とか<p>は段落とか、リンクは<a href=”…とか何となく目にはしていることでしょう。
ただソフトウェアの書き出すHTMLの複雑さに辟易しているだけなのではないでしょうか？

右のホームページのHTMLはたったこれだけでしたね。

難しそうですか？

よく見るとほとんどがメニュー部分のリンクの記述です。「<a href=”…」という記述ですね。あとは画像の貼り付けの記述「<img src=”…」といった記述。そのほかは「<div>」や「<li>」や「<p>」の記述ばかりです。

だってスタイルシートが無ければこんなダサいホームページなんですから。

カンタンか難しいかの判断は個々で異なります。その人その人で難しいと感じたりカンタンと感じたりしますので、なんともいえませんが、ようするにあなたがこのHTMLを理解することにハードルが高いと感じるかどうかです。難しそう…と感じるかカンタンそう…と感じるかです。

カンタンそう…と感じた方、もう少し話を進めましょうか。

難しそう…と感じた方、申し訳ないです…このテンプレートでは解決しません。ソフトウェアと格闘するか、制作業者に丸投げしてください。あ、私に依頼していただいてもいいですけど…

自分にHTMLを身につけることは可能だろうか？

これまでソフトウェアに頼ってホームページを作成してきた方には、こう思われる方も多いでしょう。しかしながらHTMLをある程度身につけると逆にソフトウェアの使い方を身につけることの方が難しく感じます。

私がはじめてホームページを作成したのはもうかれこれ10年以上前のことです。当時私はパソコンは嫌いでした。Windowsが出たばかりの頃です。大学では情報処理の単位を落とし、ある職場ではすぐ動かなくなるマッキントッシュに近づかないようし、パソコンなんて全然必要ないと思っていました。

当時私は飲食店を経営しておりました。観光地でもあったので広告の媒体としてホームページがイイなんていう話がちらほらではじめたころです。私のお店にも営業マンが来ました。「ホームページはいかが？」まったくの素人の私は「これからは必要だろうなぁ」と漠然と思いましたが制作費、運営費が100万円という。すぐには契約なんて出来る金額ではありません。

そのセールスマンには後日また、ということで私は知人のコンピューターにちょっと詳しい奴にその話をしました。彼曰く

「100万円払うならパソコン買って自分で作ってみたら？Windowsはカンタンだよぉ。」

次の休日私は生まれてはじめてパソコンを買いに行きました。正直、無謀だとは思いました。電源も入れたことがありません。ダブルクリックって何？マウスって何？フォルダって何？ドラッグって何？とにかく説明書の単語が何もわかりません。

ホームページを作るどころではありません。

それでも毎日仕事の合間を見つけながら少しずつ前に進みました。観光地、すなわち田舎です。ホームページ作成ソフトなんてどこにも売っていません。調べてみるとホームページはHTMLというもので書いていくらしい。

他に方法も無いのでHTMLを一文字ずつ入力しながらはじめてのホームページを作りました。ま、はじめて作ったホームページですからこんな感じのとてもダサいやつでしたが…

それでもダブルクリックすら知らなかった私が、ファイルって何？と思っていた私がパソコンを購入して三ヶ月程度ではじめてのホームページを作ることが出来たのです。それもHTMLを1つずつ入力してです。

こんな私でもHTMLを入力してホームページを作ることが出来たのです。
あなたにそれが出来ない理由がありません。

ホームページ作成ソフトについて

このときソフトウェアに頼らずホームページを作成したことがその後のホームページ作成にもプラスに働いています。HTMLの書き方は基本的には変わりません。それなのにソフトウェアは次から次へとバージョンアップしていきます。

正直、ホームページ作成ソフトの種類やバージョンはホームページのできばえとは関係ありません。大手企業のように色々な仕掛けをサイトに盛り込むのであれば別ですが、中小企業や個人事業主にはそんなもの必要ありません。

数千円のホームページ作成ソフトでホームページを作ったらダサかった。
だから数万円以上もする高価な作成ソフトを購入する。
使いこなせない。
出来たとしてもやっぱりダサい。
なんていう人をよく見ます。

ホームページのできばえはソフトウエアによるものではありません。数万円以上の高機能ソフトを使ってもダサいホームページを作ってしまう人もいれば、メモ帳を使って素敵なホームページを作る人もいます。

くどいですが、ホームページはHTMLで書かれています。ホームページ作成ソフトはその手助けをしてくれるだけです。ダサいホームページを作ってしまう人はHTMLを上手に使いこなしていないのです。

普通の人が「吾輩は猫である」のような小説を書けるワケがありません。どんなに高機能なワープロがあっても書けません。でも、「吾輩は猫である」という小説を参考にしながら「我輩は犬である」という小説なら書けるでしょう。それと同じようなことです。

もちろん小説でそんなことをしてはいけませんが、このテンプレートを入手すれば、これまでホームページ作成ソフトのみに頼ってホームページを作成してきた方にもシンプルなHTMLのホームページを作成することが可能になります。

質の良いホームページテンプレートを見極めよう

インターネット上には様々なホームページテンプレートがあります。無料のものも…有料のものも…HTMLなんか覚えなくても…素人でもカンタン…暗号みたいなHTMLは知らなくてイイ。

そんな文句があふれています。

10年以上にわたってホームページ作成にかかわってきた私に言わせてもらえば、HTMLを覚えなくてもホームページは作れます。でも出来るだけです。ワンランク上のサイトは出来ません。とある有料テンプレートで作成したというホームページの文法をチェックしてみました。

マイナス53点でした!!

ある意味これだけ低い点数を取るほうが難しいです。
そういうサイトのHTMLはこんな感じに書かれていたりします。

<table width=”100%” height=”36″ cellspacing=”0″ cellpadding=”0″ bgcolor=”white” align=”center”>
<tr valign=”middle” align=”center”>
<td width=”150″ background=”bar2.gif”><span style=”font-size:11pt;”><a href=”page1.html”><font color=blue><strong>サービス</strong></font></a>& lt;/span></td>
<td width=”150″ background=”bar2.gif”><span style=”font-size:11pt;”><a href=”page2.html”><font color=blue><strong>インフォメーション</strong></font></a& gt;</span></td>
<td width=”150″ background=”bar2.gif”><span style=”font-size:11pt;”><a href=”page3.html”><font color=blue><strong>製品情報</strong></font></a>& lt;/span></td>
<td width=”150″ background=”bar2.gif”><span style=”font-size:11pt;”><a href=”page4.html”><font color=blue><strong>お問い合わせ</strong></font></a& gt;</span></td>
</tr>
</table>

上部のメニュー部分だけでこんなにHTMLが書かれています。これを理解するのは大変です。間違えずに書く事は不可能に近いです。
このテンプレートだと同じようなメニューでしたら以下のようになるでしょう。

<ul>
<li><a href=”page1.html” id=”h_service”>サービス</a></li>
<li><a href=”page2.html” id=”h_information”>インフォメーション</a></li>
<li><a href=”page3.html” id=”h_products”>製品情報</a></li>
<li><a href=”page4.html” id=”h_contact”>お問い合わせ</a></li>
</ul>

また、このテンプレートはHTML文法チェック済みです。文法に誤りが多ければ検索エンジンにおいても不利です。また各種ブラウザでの動作チェック済みです。漠然とホームページ作成ソフトで作ったホームページはあなたのパソコンではきちんと表示されていても他の人のパソコンではレイアウトが大きく崩れることもあります。

「HTMLを覚えなくていい」「タグなんか知らなくても」という方がはるかに魅力的でカンタンそうに見えることはわかっています。でもあえて言わせていただきます。

最低限のHTMLの知識は必要です。だって、ホームページはHTMLで書かれてるんだもん…

で、最低限のHTMLの知識ってどの程度なの？
ま、本屋さんで売っている最も薄いHTML辞典の内の一部程度でしょう。だってページのHTMLはこんな感じなんですから…

いや、別にHTML辞典をあわてて購入する必要はありません。その程度の情報はネット上にいくらでもありますし、このテンプレートで必要なHTMLの記述方法は全てマニュアルページで解説していますから。

ワンランク上のホームページのためのHTMLテンプレート

さて、いかがでしょうか?

もし、あなたがHTMLを覚えるのを面倒に感じたり、いやだなぁと思うのならこのテンプレートはやめておいたほうが良いでしょう。イヤなのに無理に勧めることはありません。これまでどおりホームページ作成ソフトと格闘してホームページを作成してください。

また、ホームページビルダーをはじめとするホームページ作成のソフトウェアにはスタイルシートに十分対応していないものがあります。もしもそのようなソフトウェアを使う場合は次のことにご注意ください。
編集画面ではレイアウトが崩れてしまったり、ソフトウェアによっては自分の都合のいいようにHTMLを書き換えてしまったりします。そうなるとせっかく文法チェックまでし、ブラウザの表示チェックまで行っているHTMLなのに…余計なことをしてくれます。

ですからこのテンプレートを使ってのホームページ作成はメモ帳などのテキストエディタ、HTMLを編集するタイプのホームページ作成ソフトの利用が望ましいでしょう。

さてこのテンプレートセットに含まれているものは以下のとおりです。

ホームページ制作マニュアル

こちらのテンプレートを利用してホームページを作成する場合の作業の流れと注意点などをまとめました。はじめにこちらをお読みください。

HTML記述マニュアル

上のスクリーンショットのようなページでHTMLの記述方法を解説しています。実際のテンプレートを利用してマニュアルページを作成していますのでホームページ作成の参考になるでしょう。

基本テンプレート

基本構造のみのテンプレートです。ここから作業を始めるとよいでしょう。

サンプルサイト

何ページかページをリンクで結んだサンプルサイトです。ホームページ作成の参考に。

高品質ホームページテンプレートをお求め安い価格で提供!!

ホームページ制作業者に依頼すれば数十万円以上は覚悟しなくてはならないホームページの作成です。残念ながらホームページ制作業者の中にはHTMLの文法をまったく無視したサイトを提供している会社もあります。さらに月々数万円のの運営費、更新費も必要となります。

景気の先行きの見えないこのご時世です。仕事が無い…お客がいない…と嘆いてばかりいても仕方ありません。いまこそ次のステップへ向けての準備を…あなたもこちらのホームページテンプレートでワンランク上のウェブサイト運営を目指しませんか？

W3C準拠ホームページテンプレート（mono-A-5）

W3C準拠ホームページテンプレート（mono-A-5）を購入する

ホームページ作成に自信の無い方は…

ホームページ作成の経験がそれほど無いためホームページ制作に不安のある方は「1ヵ月間メールサポート付」のパックが安心です。ホームページを作成する上での疑問、質問に1ヵ月間ご質問の回数の制限無くメールでお答えいたします。
ご質問には土、日、祝日を除き概ね24時間以内にお答えしています。ご質問の際には必ず制作途中のページをサーバーに仮アップするなどしてうまくいかない点が明確になるようお願いいたします。

W3C準拠ホームページテンプレート（mono-A-5M）

W3C準拠ホームページテンプレート1ヵ月間メールサポート付きパック（mono-A-5M）を購入する

この商品はダウンロード版です。商品の「購入する」をクリックするとインフォカートの決済画面にジャンプします。決済完了後に商品をダウンロードできるようになります。

まだ自分でホームページの作成が出来るか不安のある方へ

本当に自分でテンプレートからホームページを制作できるのか？メールサポート言っても本当に大丈夫なのだろうか？と思われる方もいらっしゃることで しょう。私自身10年以上にわたってホームページ制作にかかわってきましたし、これまで多くの企業、個人事業主様のサイトの制作を手がけてきました。ま た、その企業における更新や管理のアドバイスなどを行ってきました。

多くの方は最初は何も知らない初心者です。しかし何とか自分でやってやろうという気持ちがあれば必ず出来る様になります。「出来るかなぁ？」と不安 ばかりの方はそんなことを考えてばかりいて結局出来ません。そのような方は制作会社に依頼した方がよさそうです。もちろん私も制作にかかわっていますので 私にご依頼いただいてもけっこうですし…

諦めない・継続する

ホームページ制作でうまくいかない人は大抵諦めてしまったことによるもの、または飽きてしまったことによるものです。実際インターネット上には多 くの作りかけのサイトやもう1年以上更新されていないサイト等が多く見受けられます。「諦めない・継続する」ということはホームページ制作、運営でとても 大切なことです。

自分で学ぼうとする姿勢

どんなことにおいてもそうですが、自分で何とかしようという強い気持ちがなければうまくいきません。わからないことをすぐに誰かに聞いたりしてもなかなか身に付きません。基本はまず自分で調べ、考え、やってみることです。

マニュアルをしっかり読む

メールサポート付きでお申し込みの方のホームページ制作過程における質問の多くはマニュアルに書かれていることです。一つ一つ理解しながら進める ことが時間がかかるようですがワンランク上のホームページ制作への一番の近道です。うまくいかない原因の多くはわかっているつもりで制作作業をしてしまう ことにあります。

自分でホームページを作成する決心はつきましたか？

さてこのテンプレートセットに含まれているものは以下のとおりです。

ホームページ制作マニュアル

こちらのテンプレートを利用してホームページを作成する場合の作業の流れと注意点などをまとめました。はじめにこちらをお読みください。

HTML記述マニュアル

上のスクリーンショットのようなページでHTMLの記述方法を解説しています。実際のテンプレートを利用してマニュアルページを作成していますのでホームページ作成の参考になるでしょう。

基本テンプレート

基本構造のみのテンプレートです。ここから作業を始めるとよいでしょう。

サンプルサイト

何ページかページをリンクで結んだサンプルサイトです。ホームページ作成の参考に。

W3C準拠ホームページテンプレート（mono-A-5）

W3C準拠ホームページテンプレート（mono-A-5）を購入する

ホームページ作成に自信の無い方は…

ホームページ作成の経験がそれほど無いためホームページ制作に不安のある方は「1ヵ月間メールサポート付」のパックが安心です。ホームページを作成する上での疑問、質問に1ヵ月間ご質問の回数の制限無くメールでお答えいたします。
ご質問には土、日、祝日を除き概ね24時間以内にお答えしています。ご質問の際には必ず制作途中のページをサーバーに仮アップするなどしてうまくいかない点が明確になるようお願いいたします。

W3C準拠ホームページテンプレート（mono-A-5M）

W3C準拠ホームページテンプレート1ヵ月間メールサポート付きパック（mono-A-5M）を購入する

この商品はダウンロード版です。商品の「購入する」をクリックするとインフォカートの決済画面にジャンプします。決済完了後に商品をダウンロードできるようになります。

やっぱり不安だ…本当に自分で出来るかなぁ…

そう思われるのも仕方ありません。でも、パソコンから逃げてばかりいた私でも必死になって覚えてホームページを作成できるようになりました。さらに人様のホームページを作成したり、このようにテンプレートを販売したり…パソコンを購入する前の私からは考えられないことです。（実際、学生時代の友人も驚きます）

ですから悩んでばかりいないでまずは一歩踏み出すことが大切だと思います。それでも決心できない方、なんと言うかここまで読んでいただき本当にありがとうございました。よろしかったらブラウザのお気に入りにでも登録しておいていただければ…また思い出したときにでもお立ち寄りください。

またこちらのテンプレートではいまいち気に入らないという方、この下のメニューから別のタイプのテンプレートもご覧いただくことが出来ます。