今年こそホームページ作成に独学で挑戦したい初心者にはHTMLテンプレートがおすすめ

• 
• Tweet

ヨソ様が作成したHTMLテンプレートをいじくるのは勉強になりますね。

「こんなデザインにするには、これが必要なのか」と実践的に技術を学べます。それに、手を動かした結果がすぐにデザインに反映されるので、何よりやってて楽しい。今まで何度もホームページ作りを断念してきたヒトにおすすめしたい独学の方法です。

そもそも、自分で全部やろうとすると、ホームページ作成に必要なスキルは、「HTML／CSS」「JavaScript」「画像編集・処理」「コピーライティング」「ライティング」など、あげだすと切りがないです。

まじめに意気込んでいるヒトほど、分厚い参考書を買ってきて、これらのスキルを順番に１つずつ勉強しようとします。でも、それだと身につけた技術を目に見える形として実感できるまで、ものすごく時間がかかってしまいます。

普段から色々なホームページを見ているので、目だけは肥えてしまっています。いつまで経ってもその目を満足させられない、自分の技術の未熟さに嫌気がさし、「もうやめた！」、なんてことも起こり得ます。

そうならないためには、できるだけ早いうちに「ホームページ作りって楽しいな」を実感することが大切です。

そこで「HTMLテンプレート」なのです！

HTMLテンプレートは、HTMLのソースファイルと一緒に、ホームページのデザインや機能に関わる画像やプログラムファイルなどがセットになったものです。

頭の中の完成図に近い雰囲気のHTMLテンプレートを見つけられれば、文字や写真を差し替えながら自分好みのデザインへと変えていけます。

サンプルとして今回こんなページを作ってみました。

• サンプルページ

利用したのはこのテンプレートです。

• LINK – Agency Theme

テンプレートと改造後のページを並べてみるとこんな感じ。

デザインエージェンシーのページを、レストランのページにリデザイン。

といっても、文字や画像を差し替えて背景色を変えただけです。慣れた人なら小一時間でできる作業で、センスあるプロのデザイナーによるデザインを利用できるのは嬉しいです。

初心者さんは、オリジナルのデザインに近づける途中、色々と調べたりしなければならないこともあるでしょうが、その途中で学べることは多いはずです。

それに、分厚い参考書とにらめっこしながら学習を進める成功法と比較して、少しの作業が美しいデザインへと変わるので、ホームページ作成の楽しさを実感しやすいです。

ネットを検索すれば、いくらでも無料でダウンロードできるHTMLテンプレートを見つけられます。

初心者さんの場合、最初に選んだ方が良いのは、シングルページと呼ばれるHTMLテンプレートです。一枚のHTMLファイルでできているので、ファイルの構成を把握しやすく、編集の方向性もシンプルに保てます。過去にこのブログでもダウンロードできるサイトをまとめているので、ぜひ覗いてみてください。

• 無料で30枚！スマホ対応HTMLテンプレート 初心者に優しいシングルページばかりを集めました

HTMLテンプレートを編集するのは「html エディタ」というソフトが必要です。

Mac、Windows、両方とも標準にインストールされてるソフトで代用もできますが、できればプレビュー機能が付いてるHTMLを編集する用のエディタがあると便利です。

ボクが愛用しているのは「Coda2」です。初心者さんには、多機能すぎるかもしれません。プレビュー機能ももちろん付いてます。

• Coda

プレビュー機能によって、左側で編集し、右側で編集結果を目で確認しながら進められます。間違いに気づきやすく、「ここをいじくれば、こういう結果になる」というのがわかりやすいです。

HTMLテンプレートでホームページを作成したあとは、できればレンタルサーバーを借りて、ネット上で公開してみるのがいいでしょう。

ドメインの取得やサーバーへのアップロードの方法など、作成以外の技術も身に付き、ホームページを公開するまでに必要な一連の作業を把握できます。

友だちに「これオレが作ったんだよ」と見せれば、「すげー」という声が返ってくるはずです。他人からの評価ほどヤル気を駆り立てるものはありません。

とにかく、重要なのは最初のうちに楽しさを実感すること。専門書に目を通すのは、そのあとでも遅くないです。なんとなくこなしていた作業も、「ああこういうことだったのか」と辻褄が合い、理解が深まります。

ぜひ、HTMLテンプレートでホームページを作成してみてください。

楽しく勉強できますよ！

シェアしてくれると嬉しいです！（コメントも喜ぶよ）