HTMLテンプレートを活用したホームページ作り
ではいったいどうしたらよいのか？
HTMLやCSSを学ぶ時間はない。出来上がりをイメージしようにもなかなか思いつかない。でも手元にホームページビルダーはある。
そんなときはテンプレートを活用してみよう
え？もう試してみたって？
どんなテンプレート？それで出来なかったの？
テンプレートを配布しているサイトはたくさんあります。無料のものも有料のものも様々です。無料のテンプレートでも素敵なテンプレートもあります。有料のものでもなんだこりゃ？というものだったり英語だったり。そして多くのテンプレートに言えるのがどうやって使うんじゃい？というもの。
以下の条件を満たすテンプレートはなかなか見かけません。
- レイアウトがすっきりしている。
- HTMLが簡単シンプルである。
- CSSでデザインされている。
- 文法の誤りが少ない。
- 日本語で使いやすい。
- マニュアルがわかりやすい。
もちろんテンプレートですからそのデザインなりレイアウトが自分の好みであるものを探すことにも時間がかかります。自分のイメージに合わない…といろんなサイトをうろうろ。なかなか思うようなテンプレートが見つからずもうあきらめようかと…
でもちょっと待ってください。
ホームページのレイアウトの基本は同じなんです。タイトルがあって、メニューがあって、本文があって…違いはそれぞれの色使いだったり各イメージファイルの違いだったり。ほとんどのホームページは上にタイトルがあって右または左側にメニューがあり、本文があります。
その基本さえしっかり出来ていれば、そしてHTMLが簡潔に記述されていれば、あとはそれほど難しいことではありません。ちょっと右のホームページをご覧ください。クリックすると拡大してご覧になれます。
非常に普通のホームページですね。メニューなどわかりやすい位置にあり、文章の行間など読みやすいホームページです。でも初心者の人がここまでレイアウトするのはちょっと大変かもしれません。ホームページビルダーで作成していくととても複雑なHTMLになってしまうでしょう。
このホームページのHTMLはどうなの？
このホームページのHTMLはどのようになっているでしょう。ちょっと見てみましょう。
左をご覧ください。クリックで拡大してご覧になれます。どうでしょうか？いたってシンプルです。右の青いスクロールバーを見るとわかると思いますがこの上も下もそれほど記述はありません。（上は<head></head>の部分がありますので）
もしあなたがこれまでにホームページビルダーなどでホームページを作成したことがあるのならそのときのHTMLソースと比較してみると良いでしょう。その違いは一目瞭然です。もっともっとわけのわからない記述がたくさんあったと思います。
こんなHTMLであれば初心者のあなたにもきっとHTMLを見ながら編集したりすることが出来るでしょう。HTMLソースを見ながら編集、更新していくことがHTMLを身につける近道でもあります。