@PAGESご利用ガイド

フリーソフトで簡単ホームページ作り

ホームページを作成しよう!


1、@PAGESでユーザ登録をする


トップにアクセスし、ページ右側の新規登録欄に
ご希望のユーザIDとお使いのメールアドレスを入力します。
件名が"[@pages]新規登録のお知らせ"というメールが届きます。


2、ホームページを作成しよう!


ホームページを作成します。まずは、ホームページ作成ソフトを手に入れましょう。
この説明では、無料で使えるホームページ作成ソフト Kompozer(コンポーザー)で説明していきます。
(ウインドウズでもマックでもソフトがあります。)

2-1、 Kompozer (コンポーザー)を手に入れよう


ホームページ作成ソフトKompozer(コンポーザー)を手にいれます。
まずは、Kompozer(コンポーザー)がダウンロードできるページにいきましょう。

わかりやすいようにデスクトップに保存しよう。

2-2、ホームページ作成の準備!


 準備1

保存したファイルをダブルクリックして解凍しましょう。
 そして、フォルダを開いて、デスクトップにショートカット作成しましょう。


☆次回からデスクトップのアイコンをクリックするだけで Kompozer が起動できます。



 準備2
KompoZerのデフォルトの表示は英語となっています。
日本語化は→ここ←を参照してください。

(注)上からできないときは、→こちら←のページに
   から「kompozer-ja.xpi」のファイルを右クリックから「名前をつけてリンク先を保存」で kompozer
   のファイルに保存しましょう。

その後、→ここ←を参照して日本語化の設定を行ってください。


3、それでは実際つくってみよう!

   それでは実際にホームページをつくってみましょう。

1.まず、デスクトップに「homepage」というフォルダをつります。

2.次に「homepage」の中に「image」というフォルダをつくってください。

3.それではデスクトップの Kompzer を起動してください。

 ・まず、初めに見出しをつくります。書式ツールバー上にある「Body直下」のドロップメニューから「見出し1」を選択します。

  それから、テキスト画面に「はじめてのホームページづくり」と書いてみましょう。

  文字の色を変えたいときは「はじめてのホームページづくり」をマウスで選択して、ツールバー上の色を変更するアイコンから好きな色に変えましょう。

  ・ツールバー上の挿入→水平線をクリックしてしきりをつくりましょう。


4.次に背景に壁紙を貼りましょう。ここまではさびしいですよね。

  ・下の画像を右クリック→「名前をつけて画像を保存」をクリックして、初めに作った「homepage」の中の「image」フォルダの中に
  保存してみてください。名前は「back.gif」とつけておきましょう。
  ・次にツールバーの書式から「ページの配色と背景」を選択してください。下の背景画像のところを先ほど「back.gif」を選択しましょう。

  ・ついでにトップ、プロフィール、アルバムと書いておきましょう。水平線もつけておきましょうか。

下のようになりましたか?なかなかホームページらしくなったと思いませんか?


5.リンク

  5-1 プロフィールページの作成
  ・それではツールバーの「ファイル」から「名前をつけて保存」をして「homepage」に保存しましょう。ファイル名は「top」としておきましょうか。
  ・次にファイルから新規作成で新しいテキストを開きましょう。


  新しいテキストと先ほどつくったホームページは上のタブで切り替えることができます。

  ・それから、先ほどの「top」を開いて、マウスで全て選択してコピーします。
  ・そして、新規作成したページに貼り付けしましょう。ただ背景画像はコピーされないので上の4の方法でもう一度同じ画像を
   貼り付けてください。同じページがつくれましたか?
  ・できたら、こちらにもツールバーの「ファイル」から「名前をつけて保存」をして「homepage」に保存しましょう。
   ファイル名は「profile」としましょう。

  ・では「profile」に好きなことを書いてみましょう。


  5-2 アルバムページの作成

  ・同じようにアルバムページも作成してみよう。

  ・では下のサンプル画像を「右クリック」→「名前をつけて保存」してください。
   保存する場所は「homepage」→「image」にしてください。

   ・では画像を貼り付けて見ましょう。書式ツールの「画像」をクリックして先ほど「image」に保存した画像を指定しましょう。

   ・そして、「代替テキストなし」にチェックを入れてください。それではOKをクリックすると、、


   ・こんな感じになりましたか?

  5-2 リンクさせよう!
   では「top」を開いてプロフィールをマウスで選択してください。
   次に書式ツールバー上の「リンク」をクリックします。リンクの対象をさっき作った「profile」にしましょう。

  それでは一度、デスクトップ上の「homepage」を開き「top」をダブルクリックしてみましょう。


  そして、プロフィールをクリックしてください。ちゃんとプロフィールのページにアクセスできましたか?

  ではKompozerにもどって同じように「top」から「album」にリンクできるように・・
  「profile」から「album」にリンクできるように作成していきましょう。



4.サーバーにアップ


 これでホームページ自体は作成できました。しかし、これだけでは自分のパソコンにhtmlファイルがあるだけなので、インターネットで見ることはできません。つくったページをインターネットで公開するためには、


そうすると、
「はじめてのホームページのサンプル」
のようになったでしょうか?

これで「フリーソフトで簡単ホームページ作り」は、おしまいです。
あとは、今回作成したホームページを元にどんどん自分好みのホームページをつくっていって下さい!


もっとKompZerを使いこなそう!!
→ここ←の下のマニュアルをみてホームページをカスタマイズしていこう!!