HTMLテンプレートとは、ホームページ制作に必要なHTMLとCSS、JavaScript、画像などがセットになったものです。
セットの中に予め入っている画像やコピーと、自分が使用したい画像やコピーを入れ替えればホームページ制作が完了するといった便利な代物です。
スマートフォンやタブレットなどの多デバイスに対応でき、最近のトレンドなデザインとしても使える、おしゃれな無料のテンプレートを集めてみました。
まずはテンプレートのメリット・デメリットを踏まえご説明します。
■HTMLテンプレートのメリット
HTMLテンプレートを使う一番のメリットは、何よりも時間がかからないことです。これだというテンプレートがあれば、レイアウト・デザイン時間の短縮、スマホ対応のホームページも作れるといったことが挙げられます。
■HTMLテンプレートのデメリット
すでに用意されたレイアウトなので、自由度は少ないです。またレンプレートなので他に使用している人がいるかもしれません。また画像やテキスト以外の部分を変更しようとすると、思った以上に時間がかかり更にレイアウトが崩れたりすることもあります。
■CSSフレームワークとHTMLテンプレートの違い
HTMLテンプレートという言葉をご存知でしたら、CSSフレームワークという言葉も聞いたことがあるかもしれません。
●HTMLテンプレート
ホームページ制作に必要なHTMLとCSS、JavaScript、画像などがセットになったものです。
●CSSフレームワーク
Bootstrapに代表される、プログラミングに必要な特定の機能を持たせようとする、ホームページ制作のための枠組み。全体のデザインが用意されているというよりは、パーツや機能など細々したものがセットになったものです。
すでにコーディングルールが決められているので、複数人が携わっていても、一貫性のあるコーディングができます。
Enzyme
http://ethemes.com/project/enzyme/
コンテンツの多い本格的なビジネス系サイトを作りたい方などにおすすめのテンプレートです。
stellar
https://html5up.net/stellar
固定ナビゲーションと、美しいグラデーションの背景が特徴の、ランディングページ向けテンプレートです。
Shield
https://templatemag.com/demo/Shield/
タイトルの背景に画像を配置できるテンプレートです。
Bow
https://freehtml5.co/bow-free-html5-bootstrap-template/
トップのグラデーションが非常に印象的なテンプレートです。Bootstrapテンプレート。
Stanley
https://templatemag.com/stanley-bootstrap-freelancer-template/
ファイルの構成もわかりやすいため、カスタマイズにも便利なテンプレートです。
Hold
https://freehtml5.co/hold-free-html5-bootstrap-template/
黒の背景に白の文字と非常にシンプルな印象を与えるテンプレートです。Bootstrapテンプレート。
多くあるテンプレートのうち一部の紹介となりましたが、無料とは思えないほどクオリティの高いテンプレートが増えてきました。ゼロからWEBサイトを作るのは大変だという人は、参考にしてみてください。