ホームページ作成ガイドはMacでもWindowsでも、ホームページを作成しようとしている人の応援サイトです。
ホーム  >  無料でホームページを作成しよう

無料でホームページを作成しよう

HTMLやスタイルシート（CSS）の事をちょっとだけ知っていれば、完全に無料でホームページを作成する事ができます。
HTMLやCSS作成に使うソフト（テキストエディタ）も無料で手に入りますし、サーバーにアップロードしてホームページを公開するソフトも無料で手に入ります。
もちろんホームページを公開するサーバーも無料で借りる事ができますので、必要なのはちょっとだけHTMLやCSSの勉強をする時間と、ホームページで公開するコンテンツ（情報）だけです。

ページの作成に慣れてきたら、ちょっとだけお金を使って独自ドメインの使えるサーバーに引っ越したり、ホームページでアフィリエイトをしたり、見に来てくれた読者とツイッターやフェイスブックで交流したりと、その可能性は無限に近いほど広がります。

ではさっそく無料でホームページを作成して公開する準備を始めましょう！

「KompoZer」を使って無料でホームページを作りましょう【実践編】

KompoZer（コンポーザー）は無料で利用できるホームページ作成ソフトです。ホームページビルダーなどの有償のソフトのように多機能という訳ではないですが、ホームページを作って公開するという機能に特化したシンプルなつくりで、プレビューを見ながらホームページを作成できるなどの必要な機能は十分にそろっています。
さぁ、さっそく始めてみましょう！
KompoZerの使い方はこちら

無料ホームページ作成【基本学習編】

まず基本学習編では、無料でホームページを作成する為のソフトをインストールして、簡単なHTMLの解説をします。
どんなソフトを使っていても、基本的なHTMLの構成などは馴染んでおいた方が良いです。
ビギナーの方でもすぐに制作に取りかかれるよう、ベースとなるHTMLはテンプレートを用意しています。
ぜひご利用ください。

  1. ホームページの作成・公開事前準備（Windows編）
    ホームページの作成・公開事前準備（Mac編）
    ・無料のテキストエディタ、FTPソフトをインストール！
  2. HTMLとCSSの基礎のキソ知識
    ・HTMLとCSSの関係
    ・CSSの仕組み
  3. 学習用ホームページテンプレートをダウンロード
  4. ヘッダ部分の作成
    ・<h1>の設置
    ・imgタグによるロゴ画像の設置（altテキストのスパム行為に注意）
  5. メインコンテンツ部分の作成
    ・ビルボード画像の設置
    ・中見出しタグの設置
    ・見出しタグの設置順序について
  6. サイドメニュー部分の作成
    ・サイドグローバルメニューの設置
    ・他のページへのリンクを設置（リンクの基礎）
  7. フッター部分の作成
    ・自分でHTMLとCSSを修正してみよう！
  8. ホームページを公開しよう
    ・完全無料のFC2ホームページを使って公開しよう！
最終更新日：2010/10/02
ページTOPへ