ホームページビルダーでホームページ作成入門1 |
|
■ホームページビルダーでホームページ作成入門1 今回から数回にわたり、皆様の要望の多い、ホームページ作成の初めの 1歩の超入門をお送りします。 ホームページ作成ソフトを使用したほうが、断然入門しやすいので、ホームページ ビルダーを使用した場合の説明を行います。 ホームページビルダー(以下HBと略します)を使用されている方が多いこと。 ホームページの作成、作成したHPのプロバイダのWebサーバーへの転送、バナーの 作成機能が入っていますのでこれ1本で作成から、アップまで作業が出来るので お勧めします。私はVer7で説明しますが、Ver6や、Ver8でも基本的な機能と操作は 同じです。 |
|
スポンサードリンク 今回から数回にわたり、皆様の要望の多い、ホームページ作成の初めの 1歩の超入門をお送りします。 ホームページ作成ソフトを使用したほうが、断然入門しやすいので、ホームページ ビルダーを使用した場合の説明を行います。 ホームページビルダー(以下HBと略します)を使用されている方が多いこと。 ホームページの作成、作成したHPのプロバイダのWebサーバーへの転送、バナーの 作成機能が入っていますのでこれ1本で作成から、アップまで作業が出来るので お勧めします。私はVer7で説明しますが、Ver6や、Ver8でも基本的な機能と操作は 同じです。 ■ホームページビルダーのインストール 1. CDをCDドライブの挿入すると、インストールの画面が表示されます。 ![]() インストールの画面 (クリックで拡大) 2. この画面で「セットアップ」をクリックするとインストールが開始されます。 V7の標準では C:\Program Files\IBM Homepage Builder V7 にインストールされます。 表示されるメッセージに従い操作してください。 3. インストールの最後には、コンピュータが再起動されます。ので再起動して ください。 ■ホームページビルダーを起動 4. ホームページビルダーを起動するには[スタート]-[プログラム]-[IBMホーム ページビルダー V7]とたどり起動します。 「ホームページ・ビルダーへようこそ」画面が表示されます。 ![]() 「ホームページ・ビルダーへようこそ」画面 (クリックで拡大) 5. この画面では、初めて使うときは「ガイドマップを開く」を選択すると 「ユーザー登録」、「インターネットの仕組み」「ホームページのしくみ」 「ホームページを公開するまでの流れ」などが分かりやすく書かれているの でぜひお読みください。 ![]() 「ガイドマップを開く」を選択した (クリックで拡大) 6. 「編集スタイル」には次の3種類から選べます。「かんたん」これは初めて の方にお勧め。「スタンダード」はホームページビルダーを使ったことのあ る方向け。「エディターズ」はHTMLのソースを直接編集する場合。 ![]() スタート画面」でページを開くを選択 (クリックで拡大) 7. 今回ここでは、「かんたん」を選択して、既存のHTMLファイルの編集して、 修正をしてみます。 8. 説明をする都合で、皆様は私と同じページを開いて練習しましょう。 下記に私がサンプルを用意しましたので、御自分のPCに保存してください。 http://www.koba8.com/soft/hpbd/smp1.html A. このURLをコピーして、IEのアドレスバーに貼りつけてください。 B. koba8のページが表示されます。 ![]() koba8のページが表示 (クリックで拡大) このページは昔の koba8 のトップページです。 これはシンプルで分かりやすいので、これを使います。 C. 表示されたら、画面にマウスのポインタを当てて、右クリックして表示 されたメニューで「ソースの表示」をクリックしてください。 ![]() 「ソースの表示」 (クリックで拡大) メモ帳が開きHTMLのソースが表示されます。 ![]() メモ帳が開きHTMLのソースが表示 (クリックで拡大) D. [ファイル]メニューで「名前をつけて保存」で好きな場所に保存してくだ さい。私はマイドキュメントの中に'hpbd'というフォルダを作成し保存し ました。 9. では、保存したファイルをホームページ・ビルダーで開きましょう。 10. 「かんたん」を選択して[OK]をクリックします。 11. [スタート]画面が表示されるので、ここで「ページを開く」をクリックし ます。 ![]() 「かんたん」を選択 (クリックで拡大) 12. [HTMLファイルを開く]画面で、[参照]を押して先ほど保存した場所を指定して 「開く」をクリックします。 13. HPBDの画面に表示されます。この画面からはワープロの感覚で、文字を入力し たり追加できます。 ![]() koba8のページが表示 (クリックで拡大) 14. 文字を修正したい部分をマウスでクリックすれと、選択した部分に点線の枠が 表示されます。 ![]() koba8のページが表示 (クリックで拡大) その枠の中の文字を修正できます。 では説明文を変更してみましょう。「ホームページ・ビルダーでページを修正 する方法も解説しています。」 を追加しました。 ![]() 追加しました (クリックで拡大) 15. 追加したページを保存しましょう。[ファイル]メニューから[上書き保存]を クリックすれば完了です。簡単にできたこととと思います。 16. [ファイル]メニューから[閉じる]を選択します。 ■■最後に 今回はホームページ・ビルダーのインストールから、既存のHTMLファイルの修正 まで行いました。次回は修正したファイルをWebサーバーに転送する作業を行います ので、プロバイダと契約したときに送付されてきた、Webサーバーに関する書類を 用意しておいてください。 知らないソフトを使い始めるのは、なかなか大変なものです。そんな時に、この 手順のようにすると出来るよ。というものがあると、非常に簡単にできます。今回 は『まだホームページを作成したことがないが、ぜひ作成したい』という方の参考に と思い掲載しました。 ・Webサーバーにアップするための準備-->Webサーバーに転送 ・新しいページの作成 この2つができると、もうホームページが作成できます。 その後に、バナーの作成ができて、リンクをHPに貼れれば1人前ですね。 では次回をお楽しみに。 |