ホームページの作り方

ホームページの作り方

ＩＴ用語はこちらで調べることができます	基本的なタグはこちらで調べつことができます
ホームページお役立ち小技集はこちら	ホームページ作成便利情報サイトはこちら
ホームページ作成リンク集はこちら	無料ホームページ制作講座はこちら

ますはホームページ作成ソフトを手に入れましょう

ホームページは、ＨＴＭＬ（ＨｙｐｅｒＴｅｘｔＭａｒｋｕｐＬａｎｇｕａｇｅ）という言語で書かれています。

つまりこのＨＴＭＬという言語をマスターすれば自由自在にホームページの作成ができます。

メモ帳だけでもホームページを作成できますが、作成補助ツールを使った方が効果的に作ることができま
す。

とにかく無料で作成したいというかたはベクターのＨＴＭＬ作成のカテゴリーでフリーウェアのＨＴＭＬエ
ディターを手に入れてください。

一番のオススメはへてむるクリエイターです。タグの編集機能が便利です。

また、初心者の方には市販のホームページ作成ソフトを使用するのがいいかと思います。

例えば、ホームページビルダやホームページＮｉｎｊａがオススメです。

参考：（ホームページビルダー・グレート初心者講座 ）

ＨＴＭＬとスタイルシートを覚える

作成ソフトを手に入れたらいよいよＨＴＭＬとスタイルシートを覚えていきましょう。

ホームページ入門サイトとほほＷＷＷ入門や１時間でつくるホームページがオススメです。

ある程度ＨＴＭＬに慣れてきたらごく簡単なＨＴＭＬの説明やスクリクトなＨＴＭＬの基礎講座でさらに知
識を深めていきましょう。

また、ホームページ作成に使う文章にはＨＴＭＬ以外にもスタイルシート（ＣＳＳ＝ＣａｓｃａｄｉｎｇＳｔｙｌｅＳｈｅ
ｅｔ）というページのデザインを得意とした文書があります。

ホームページの文章部分はＨＴＭＬで作り、見栄えをスタイルシートで作ることを初期から覚えておくと後
のホームページ作成作業の手間が大幅に削減できます。

例えば、100ページのデザインを変更したい時でも、ＨＴＭＬではページひとつひとつを変えなければいけ
ませんが、スタイルシートを使えば100のページの共通ファイルをひとつ変更すれば100ページ全てのデザ
インが変わります。とても便利なものですので覚えることをオススメします。

ホームページの構成

ホームページの作成にはＨＴＭＬ文章やスタイルシートを勉強する他に、もうひとつ構成という大切なポイ
ントがあります。

文章の書き方や要点の説明の仕方、人に気持ち良くみてもらえるホームページの作り方などです。

ズバリ！見てもらえるホームページの作り方はそのタイトル通り、人に見てもらえるホームページ作成
の勉強にとても役立ちます。

また、やってはいけない！！ホームページの掟はコミカルな説明と共に訪問者が嫌な思いをするホー
ムページの例を挙げて解説しています。

ホームページスペースをレンタルする

ＨＴＭＬでホームページを作成したら、それを世界中の人に見てもらえるようにインターネット上のホーム
ページスペースにファイルを置く必要があります。

大抵のプロバイダーはユーザー用にホームページスペースを用意しているので、それを使用したり、
無料ホームページスペースを利用しましょう。

ＣＧＩやＳＳＬなどの高度な機能付きのホームページを作成する場合は、
格安レンタルサーバーの ＦＣ２レンタルサーバーLite やロリポップをオススメします。

本格的にホームページを作成したい方は、高機能レンタルサーバーの ＦＣ２レンタルサーバー がオススメです。

ファイルをアップロードする

ホームページを作成してホームページスペースも確保できたなら、作成したＨＴＭＬファイルのアップロード
を行います。

アップロードとは自分のパソコンにあるファイルをホームページスペースに転送することを言います。

ファイルのアップロードにはＦＴＰという転送方法が使える専用のツールが必要ですが、無料で昨日も充実
しているＦＦＦＴＰがオススメです。他にも更新したページだけを自動的に検索し、アップロードしてくれる
Ａｕｔｏ　ＦＴＰがあると更新作業の手間が随分と省けます。

WordPress

http://ja.wordpress.org/

WordPress (ワードプレス) は、オープンソースのブログ／CMS プラットフォームです。セマンティック
Web、コードやデザインの美しさ、Web 標準、ユーザビリティなどを意識して開発されており、無料でダウン
ロードして使うことができます。

初めてWordPressを使ってみようという人の為の予備知識

参考）

SEO対策に強い無料WordPressテーマ「Stinger」

【HTML・タグ辞典】 1からはじめるWEB作成講座／文法チェック／ HTMLクイックリファレンス／ホームページマニア／タグ素材
【スタイルシート・ＣＳＳ】 CSSレイアウト実践講座／ CSSフリーライブラリー
【ホームページテンプレート】 Nikukyu-Punch ／ pondt ／decoweb ／Cool Web Window ／k2-s.com ／templatemonster
【MovableType】テンプレートキング／ MTモンスター／ Dr.blog
【製作Tips集】 ACCESS R ／ Web Frontier ／ Kei Laboratory
【Webデザインと色】２u WEBデザイン.com ／色とJavaScriptで遊ぶD. project ／ Mariのいろえんぴつ／色のみじん切り
【Web素材】ロゴ＆バナー無料自動作成 AUTO LOGO ／ＷＥＢ素材特急便／ Web素材屋サーチ」(写真素材・イラスト素材)
【JAVAスクリプト】 JavaScript小技集／２００選　超簡単Java Script ／ JavaScript basic samples ／ JavaScript講座
【CGI・PHP】 CGI-Search ／ ScriptSquare ／ Let's CGI PHP 検索エンジン／ CGI検索夢幻／ kent-web ／ CGI検索ナビ
【SEO対策関連】キーワードアドバイスツールプラス／順位チェック

ＷＥＢカラーコード一覧