サイトマップ


ホームページビルダーでホームページ作成入門1

ホームページビルダーでホームページ作成入門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のページが表示
(クリックで拡大)


このページは昔の koba8 のトップページです。
  これはシンプルで分かりやすいので、これを使います。

  C. 表示されたら、画面にマウスのポインタを当てて、右クリックして表示 されたメニューで「ソースの表示」をクリックしてください。



「ソースの表示」
「ソースの表示」
(クリックで拡大)


メモ帳が開きHTMLのソースが表示されます。



メモ帳が開きHTMLのソースが表示
メモ帳が開きHTMLのソースが表示
(クリックで拡大)

  D. [ファイル]メニューで「名前をつけて保存」で好きな場所に保存してくだ さい。私はマイドキュメントの中に'hpbd'というフォルダを作成し保存し ました。

9. では、保存したファイルをホームページ・ビルダーで開きましょう。

10. 「かんたん」を選択して[OK]をクリックします。

11. [スタート]画面が表示されるので、ここで「ページを開く」をクリックし ます。



「かんたん」を選択
「かんたん」を選択
(クリックで拡大)


12. [HTMLファイルを開く]画面で、[参照]を押して先ほど保存した場所を指定して 「開く」をクリックします。

13. HPBDの画面に表示されます。この画面からはワープロの感覚で、文字を入力し たり追加できます。



koba8のページが表示
koba8のページが表示
(クリックで拡大)


14. 文字を修正したい部分をマウスでクリックすれと、選択した部分に点線の枠が 表示されます。

koba8のページが表示
koba8のページが表示
(クリックで拡大)


その枠の中の文字を修正できます。

では説明文を変更してみましょう。「ホームページ・ビルダーでページを修正 する方法も解説しています。」 を追加しました。



追加しました
追加しました
(クリックで拡大)


15. 追加したページを保存しましょう。[ファイル]メニューから[上書き保存]を クリックすれば完了です。簡単にできたこととと思います。

16. [ファイル]メニューから[閉じる]を選択します。

■■最後に
 今回はホームページ・ビルダーのインストールから、既存のHTMLファイルの修正 まで行いました。次回は修正したファイルをWebサーバーに転送する作業を行います ので、プロバイダと契約したときに送付されてきた、Webサーバーに関する書類を 用意しておいてください。
知らないソフトを使い始めるのは、なかなか大変なものです。そんな時に、この 手順のようにすると出来るよ。というものがあると、非常に簡単にできます。今回 は『まだホームページを作成したことがないが、ぜひ作成したい』という方の参考に と思い掲載しました。

・Webサーバーにアップするための準備-->Webサーバーに転送
・新しいページの作成
この2つができると、もうホームページが作成できます。 その後に、バナーの作成ができて、リンクをHPに貼れれば1人前ですね。

では次回をお楽しみに。


メニュー
 簡単バックアップ入門  FFFTPの設定と使い方  Linux入門,マルチブート入門  VB入門,Java Scripts入門  Linux入門,マルチブート入門  VB入門,Java Scripts入門  CD-ROM、電子ブック辞典の活用  電子ブック、CD-ROM関係資料  英和、和英、その他の辞書  レコードからCD-Rに録音  辞書検索ソフトDDWIN32  MAGIX Music!で音楽作成  Cドライブの容量を増やす  簡単バナーでバナー作成  MAGIX MP3!でMP3作成  画像ファイルを一括縮小  +lhacaでファイルの圧縮/解凍  CD-R/DVD-Rを作成  FAXの同報送信で仕事の効率化  OCRで活字をテキストに変換  秀丸テキストエディタを使う  DriveClenserで企業情報を守る  ハードディスクを大容量のものに交換  TrueImageでバック簡単アップをとる  ディスクの断片化を連続化して高速化  GetHTMLWでWebをそのまま取得  検索エンジン登録ソフト 宣伝野郎Aチームで登録  同報@メールで名前を差込送信  PDFが開けないんです。AdbeReaderをインストール  名刺を作成する(ラベル屋さんHOME)  フリーソフトPrimoPDFでPDFを作成  フリーソフトcdexでCD-ROMからMP3データを作成

TOP

連絡フォーム