ホームページの作り方初心者講座

ホームページは自分で作れる!

ホームページを作ってる女性ちょっとしたホームページの作成を専門会社に依頼すると5万~10万円くらいかかります。さらに管理維持費で毎月数千円~数万円かかることも。自分で作成すればかかる費用はドメイン代とレンタルサーバー代の数千円だけ。しかも1年間でそれだけです。

自分で作れることができるということは、管理も自分でできるのでランニングコストはゼロです。多少の専門知識は必要ですが、学んでしまえば「ホームページの作り方」という技術は一生ものだと思いませんか?現役WEBデザイナーの私が必要な知識を解りやすく「ムぎゅ」っと詰め込んでみましたので是非ご購読下さい。もちろん閲覧は全て無料です。

ホームページの作り方は大きく分けて3つ

【1】オーサリングソフトを使って作成する方法

HTML+CSSを使ってページを作り、それらをまとめてサイトを作り、サーバーにアップして独自ドメインなどを設定する方法です。高いHTMLの知識とサイト構築スキルが必要ですが、オーサリングソフト(ホームページ作成支援ソフト)などを使えばそれほど難しくはありません。さらに、オーサリングソフトなどに用意されたテンプレートなどを使用すると、ゼロから作らないで済むので大幅な時間節約になります。作成環境に制約が無く、広告なども表示されないので中小企業の会社案内や、デザイン性の高いホームページを作りたい方に向いています。

【2】フリーブログで作成する方法

ブログ機能の提供会社が用意したツールを使って記事を書いていくホームページです。デザインにあまり差がつけられない、広告が表示され見づらいなどのデメリットはありますが、HTMLの知識は不要で、ランニングコストがかからないことがメリットです。独自ドメインが使えない場合がほとんどなので、一般的なホームページに比べて信用度が落ちますが、個人事業や私的なホームページなどに適しています。

ブログは新着情報を書くのに最適
カレンダーブログと普通のホームページの大きな違いは、ブログはカレンダー機能がメインなので、時間の経過と共に古い記事は探しにくくなってゆきます。よって、時事ネタ系コンテンツの配信に向いています。一方普通のホームページは恒久的な内容を残しておくことに適しています。時代と共に必要性が無くなってゆくようなコンテンツはブログ、ずっと必要なコンテンツを書くなら一般的なホームページで、といった感じで選ぶと良いでしょう。

WordPressって何ですか?

ワードプレスというのは自由にカスタマイズできるブログ機能のことです。ご自身でレンタルしたサーバーなどにワードプレスをインストールし、カスタマイズして使用します。「誰でも簡単に・・・」と言われていますが、カスタマイズにはそれなりの知識が必要ですので意外に難しいと感じる方も多いです。

【3】クラウドサービスを使って作る方法

テンプレートを選んで必要なコンテンツを書き込んでゆくとホームページが完成するWEBサービスです。機能やサーバー容量が制限されており、有料会員になると独自ドメインを設定できるなどのアップグレードが受けられます。長期的に考えると自作した方が断然安いですが、最新機能が揃っているということで、手っ取り早く最新のホームページを作ることができます。無料で試してみて、良ければ後からいくらでもコストがかかっても惜しまないという方にはお勧めです。

レスポンシブデザインとは?

昔はスマートフォンなどが無く、ホームページを見る=パソコンでしたので、パソコンできれいに表示されるホームページを1つ作ってあればOKでした。時代の流れと共にタブレットやスマートフォンが登場し、当初はそれぞれのデバイス(端末)用に専用ページを作成していましたが、次々にいろんなサイズのデバイスが登場したため作成が追いつかなくなってきました。そこで登場したのがレスポンシブデザインです。メディアクエリーというCSS技術を使い、ユーザーの画面サイズに合わせて最適なデザインを自動で提供します。

Step1 ホームページの基礎知識を学びましょう

ホームページはどうやってインターネット上に公開しているのか?どこで作って、どうやって公開するのか?作成に必要な道具や維持費はどれくらいかかるのか?など、ホームページを作成しようと考えている方が、最初に気づく素朴な疑問をザックリ解決しておきましょう。

詳細 >> ホームページの基礎知識

Step2 ホームページの作成手順を学びましょう

無料でダウンロードできるテンプレートセットを使って、具体的な作成手順を見ながら実際にホームページを作ってみましょう。スマートフォン対応のレスポンシブデザインです。シンプルな構造で作成してあります。ここまでできたらWEBデザイナーの卵です。

詳細 >> ホームページ作成の手順

Step3 一歩進んだ応用テクニックを学びましょう

404ページの設定や、CGIを使ったお問合せフォーム設置の方法、アクセス解析の設定方法、ページの一部分だけを変更できるCMS機能の追加方法などを具体的に解説します。

詳細 >> ホームページ作成の応用テクニック

Step4 ホームページの管理方法を学びましょう

ホームページをメンテナンスする理由解説からはじまって、自分で管理する簡単な方法。ドメインやサーバーの有効期限失効を防ぐ方法などを解説します。

詳細 >> ホームページ管理の方法

Step5 SEO対策の基本を学びましょう

ホームページは狙ったキーワードでトップ10入りしないと話になりません。昔は被リンクさえ多ければ上位表示されましたが今は通用しません。メジャーキーワードで不動の1位を維持する筆者がSEO対策の基本を教えます。SEO対策業者などに頼らずとも上位表示を達成できる秘訣を教えます。

詳細 >> SEO対策の基本