ジャニーズHP作成応援教室
(Windowsユーザー用)

一人一ホームページの時代はすぐそこに!

 

  INDEX

  • HP作成の流れ(このページ)

  • 具体的に作りましょう(このページ)

  • よくある質問
    HP作成についてよくある質問は
    こちらです。
    質問は
    メールでも受け付けています。

 


好きになったら百年目。
大好きなジャニーズのHPを個性豊かに作っちゃいましょう!

もう大好き好き〜!!の一色でもいいし、議論しちゃってもいいし、どんなHPにするかは自由自在。HPは難しいプログラム知識がなくてもHPソフト(Windowsにすでに付いてます)とオンラインダウンロードできる転送ファイルがあれば誰でも簡単にできちゃいます。
Kieko自身はプログラミングが好きなのでHTMLを使ってHP作成していますが、この応援教室ではどなたでも理解できてすぐHP製作に取りかかれるようHPソフトを使った方法で説明して行きます。

 


ホームページの作成の流れ

契約しているプロバイダーにHP掲載OKかを確認。これは契約プロバイダーのHPにいくと書いてあります。具体的な作り方も説明してくれてるとこもあります。

もし「NO」なら無料、有料のHPスペースのレンタルを利用します。

Yahooなどで「無料、有料、HP スペース レンタル」等のキーワードで検索するといっぱい出てきます。

スペースが確保できたら、あとはHPをFront page Expressやメモ帳で本体を作成するだけです。

作成したHPを転送ソフト(すぐダウンロード可能)で契約プロバイダーに転送したらもうOK !

これだけです。簡単でしょ?

 


では実際に始めましょう。

<用意するもの>

  1. HP作成ソフト
    Windows98にくっついてるFrontPageExpressが簡単便利。Windows98以降は標準で搭載されていませんが、FrontPage Expressはテキスト、画像をみたままに挿入、作成できるから初心者にはグッドです。もちろん市販ソフトもたくさん発売されています

  2. 転送ソフト
    FFFTP
    オンラインでダウンロードできます。

  3. 素材
    HP作成の楽しみの一つ。Kiekoはよく
    素材屋RINGさんのLINK集からいろんな素材屋サンを回りました。

    なつさんの素材屋さんにお世話になってから刺激を受けて自家製に切り替えました。現在はほとんどすべて自家製です。
    米花工房ではご注文も受けたまわります。自家製の素材はそれはそれは大変だけれど愛着たっぷりでHPが一層自作!って感じ濃厚になるから是非お勧めします。作成方法は素材作成教室にありますよ。でも最初は素材屋さんにから借りてくるのがもちろんお手軽。で、素材屋さんで気に入った素材が見つかれば使用規定にしたがってダウンロードしてください。ダウンロードはその素材のところにマウスを持って行って右マウスをクリックして自分のパソに保存しましょう。

 


<HP作成の実際>

FrontPage Express Windows98の場合

  1. まずHP用のフォルダーを自分のファイルとして作る。
    テキスト、画像を一緒にいれられるフォルダーを作ります。スタートからプログラムにいきエクスプローラーを開くとツリー状に現在あるフォルダーが出てきます。お好きなところにHP専用のフォルダーを作ってください。

    これは「ファイル新規作成」「フォルダー」とクリックしてお好きな名前を入れたらできあがり。どの場所にあるのかちゃんと把握しておくこともポイント!

  2. ではHP作成ソフト FrontPage Expressにいきましょう。
     Windowsスタートからプログラム  → InternetExplorer  →  
    FrontPage Express

  3. ページの背景
    FrontPage Expressを立ち上げるともうページが開いてます。まず背景から設定から。背景はあらかじめ素材屋サンからダウンロードしてきて先ほどのHP専用のフォルダーにコピーして入れておきます。

    背景のところで、このフォルダー名、ファイル名を指定します。
     ファイル  → ページのプロパティ   →
     ページの背景(壁紙)

  4. テキストの色、リンクの色も同じ所で設定します。

  5. テキスト作成
    さあ、いよいよ本番です。テキスト、つまりHPのページを作っていきます。

    1ページは2〜3スクロールに収まるくらいが適当といわれてます。LINKでどんどんページで繋いでいったほうが見易いと思います。

    書式からフォント(文字の大きさ、種類)を選びテキストを作成しましょう。基本的にMicrosoftWordと機能は同じです。
       
       では本文をお好きにどうぞ〜♪

  6. 画像
     あらかじめ素材屋サンからダウンロードしてきてある素材をさきほど作ったHP専用のフォルダーにコピーで放り込んでおきましょう。画像はたくさんいれすぎると重くてページを開くのに時間がかかりすぎますのでご注意を。

     画像を入れたい位置にカーソルをもってきて
      
    挿入 → 画像とクリック
     ここでファイル名を聞いてきますから先ほどの画像のはいってるHP専用フォルダー内の画像のファイル名を指定します。すると〜!!ほら! もう画像がテキスト内に!

  7. ハイパーリンク
      この機能で自作の2ページ目にも飛べるし、よそのHPにも飛べます。また自分のメルアドを入れたい時も使います。

      
    ・ 自分の他のページ飛ぶ
        飛びたい先方のページもファイルを開けときます。挿入→ハイパーリンクで開いてるページに飛ぶ前のページを選び、新しいページに行き先ページを入れます。ファイルが開いてるとすでにページ名を選ぶだけの状態になってるはずです。

      
    ・ 他のHPにジャンプ
        テキストに米花チケット倶楽部といれ、これをカーソルで反転させて(Shift+→/コピーや削除でするときみたく)その状態で挿入→ハイパーリンクとクリック。ハイパーリンクで真中のWWWを選んで米花チケット倶楽部のアドを入れば
    米花チケット倶楽部と色がかわって完了。

      ・ 画像をクリックしてジャンプさせたいときは

         挿入→画像でまず画像を取り込み、この画像にカーソルがある状態(画像の周りに点点が出てます)でさきほどの挿入→ハイパーリンクをする。LINK完了でも画像のいろは変わりませんがカーソルを近つけるとLINK先のアドが出ていればOKです。

  8. サーバーへの転送   FFFTPを開きます。
    左のページが自分のパソ、右がサーパーのスペースです。簡単に言うと左から右へ移せばいいわけです。左の自分のフォルダーから作成したファイルを指定しこれをマウスの左をクリックしたまま右に移してドロップすればあとは自動的にやってくれます。

    もうこれであなたの力作がWEBにのっかてますよ。さあInternet Explorerで開いて見てみましょう〜。


    よくある間違い


    1) サーバースペースも自分のパソのごとくそのスペースは貴方のものです。
      フォルダーは自分でつくれるサーバーと既成で指定されたフォルダーのみ使用できるサーバーがあるようです。HPアド、各ページアドがこんがらがらない様にテキスト作成時点から整然としたフォルダで見やすく整理して分かりやすいファイル名をつけたほうが混乱しません。
    2) FFFTPに接続するパスワードはサーバーから連絡があります。どの項目にどれを入れるか注意して入れてください。サーバーからもらう大事なものは「ホストのアド」「ホームディレクトリー名」「ログインID」「パスワード」の4項目です。FTPの種類でどこにドレを入力するかは違いますがこの4項目が必須です。また大文字一つ、小文字一つの違いでぜんぜん動きませんのでご注意を。
    3) 一度FFFTPに接続が完了していれば、あとはドンどこテキスト作成して放り込んで行けばイイだけのことで、なあんにも難しいことはありません。

  9. 宣伝

HPが出来たら皆に見てもらいたいですよね。米花倶楽部ではそんなフレッシュな出来たてほやほやのHPも大歓迎でLINKします。メールでKiekoまでお知らせ下さいね。また質問もOKです。分かる範囲でお答えしていきます。

ではGood Luck !