１．起動
　・スタートボタンから起動
　スタート　⇒すべてのプログラム　⇒ＩＢＭホームページ・ビルダー　⇒ホームページ・ビルダー

　・（または）ショートカットをデスクトップに作成して起動
　スタート　⇒すべてのプログラム　⇒ＩＢＭホームページ・ビルダー　⇒ホームページ・ビルダーを
　右クリック　⇒送る　⇒デスクトップ（ショートカットを作成）
　⇒（デスクトップに作成された）ショーﾄカットアイコンをクリックして起動

２．終了
　・タイトルバーの「×」（閉じるボタン）をクリック
　・（または）メニューバーのファイル　⇒終了（×）


最初の画面―ホームページ・ビルダーへようこそ―
次の三つの編集スタイルがありますが、ここではスタンダード（標準モード）を使います。
１．かんたん（どこでも配置モード）
　　操作方法は描画・作図ソフトに似ている。
　　特有の操作方法や制限事項がある。
２．スタンダード（標準モード）
　　ワープロ感覚で操作できる。カーソル位置に文章やイラストが挿入できます。
　　ページのレイアウトには通常「表」を使います。
　　名前のとおりホームページ・ビルダーで最も標準的な編集モード。
３．エディターズ
　　ひとつの画面に「ページ編集」と「HTMLソース」のウィンドウズが同時に表示されます。

スタンダード（標準モード）をクリック


画面構成
タイトルバー（一番上の青色のバー）
　・Webページのファイル名やタイトルが表示される
メニューバー（上から二番目のバー）
　・すべての機能を「メニュー」に分類し、まとめたもの
　・メニュー項目をクリックするとメニュー項目の一覧が表示され、項目を選択すると実行される。
　・項目の左に絵がついているものはツールバーに同じものがある。
かんたんナビバー（上から三番目、薄青色のバー）
　・Webページ作成の流れに沿った「ツールボタン」をまとめたもの
ツールバー（上から４〜６番目のバー）
　・よく使う機能を登録した「ツールボタン」をまとめたもの
　・このボタンをクリックすれば目的の操作を行える
　・ツールバーは左端をドラッグすれば移動できる
サイト/素材ビュー（画面左側のフレーム）
　・壁紙やイラスト、使用しているファイルなどが一覧で表示される
ページ編集領域（画面中央）
　・ページ編集ではWebページの編集ができる
　・プレビューではWebプラウザでどのように表示されるか確認できる
　・HTMLソースでは編集中のページのHTMLソースを確認、編集できる

ページ編集画面を広くする
画面の左側に「サイト/素材ビュー」、右側に「属性ビュー」などが表示されていたら「×」をクリックして閉じる。
再表示させるには
　・メニューバーの「表示」⇒「サイト/素材ビュー」　⇒「属性/・・・」　をクリック

・・・・＊＊＊＊・・・・

トップページは本であれば表紙や目次に相当します。
長寿パソコンクラブのトップページを作成例に説明します。

新規作成ページを開く
　・メニューバーのファイル　⇒標準モードで新規作成
　・（または）ツールバーの一番左の「白紙マーク」をクリック　⇒標準モード　

ページのタイトル、背景色、音楽を設定する
　・メニューバーの「編集」　⇒簡単ページ設定　⇒ページのタイトル「かがわ長寿大学パソコン
　　クラブ」などを入れる　⇒次へ　⇒「カラーギャラリーから」が選択されている　⇒次へ
　⇒色のカテゴリー（背景色の指定、現在の設定は白）　⇒背景と文字色の組み合わせ
　⇒「詳細」で変更可能（変更せずに）　⇒次へ　⇒ＢＧＭギャラリー（曲の選択ができる）
　⇒なし　⇒完了　　　　（これでページの基本設定が完了）

　　タイトルは本のタイトルに相当します。（再掲）
　　内容を表すもの、タイトルを見ただけで訪れたくなるようなものが良いでしょう。


・タイトル部分を作成する
　表（タイトル：画面に表示する表題の入れ物）を準備する
　　・メニューバーの「表」　⇒表の挿入
　　・（または）ツールバーの「表の挿入」をクリック
　　　　⇒行数「２」と列数「１」を指定　⇒ＯＫ

　表をページ左右の中央に移動する
　　・表を選択（表の外側で右クリック）し　⇒ツールバーの「中央揃え」をクリック

　表のレイアウト（枠線の表示・非表示と表の色など）を指定する
　　・表を右クリックし　⇒属性の変更　
　　　⇒レイアウト ⇒表の幅をピクセルで指定すると固定されます
　　　　　　　　　　　　同じ大きさの表が作れます。
　　　　　　　　　　　　「パソコンクラブ」の表の幅は 590 ピクセルです。
　　　　　　　　　　 ⇒枠表示「１」は１ピクセルの太さの枠が表示されます
　　　　　　　　　　　　　　　 　「０」にすると枠は表示されません
　　　⇒背景　⇒色　⇒▼で背景色を指定する　⇒ＯＫ
　　　　　　　　 ⇒画像　⇒参照から背景画像を指定することも可能　⇒OK

　タイトル「かがわ長寿大学パソコンクラブ」などを入れる
　　作成された表の中をクリック（カーソルが点滅しているところに入ります）
　　テキストで作成する場合（作成例はロゴです）
　　・タイトル「かがわ長寿大学パソコンクラブ」などの文字を入れる　⇒その文字列を選択
　　　⇒メニューバーの「書式」　⇒フォント　⇒フォント画面で色、サイズ、書体などを指定する

　タイトルロゴ（飾り文字）を作成する（使用中のものです）
　　・ロゴを入力するところ（表の中）をクリック（カーソルが点滅しているところに入ります）
　　・メニューバーの「挿入」　⇒ロゴ
　　　（または）ツールバーの「ロゴの挿入」をクリック　⇒ロゴの作成画面で
　　⇒文字欄にタイトル「かがわ長寿・・・」を入れる　⇒文字の大きさをスライドで変える
　　⇒デザインを選ぶ　⇒文字の詳細設定　⇒次へ　⇒色の選択　⇒次へ
　　⇒縁取りの選択　⇒文字効果の選択　⇒完了
　　⇒背景の設定　⇒選択　⇒完了
　　　作成されたロゴを選択し、枠（上下、左右、角）をドラッグすれば大きさが変えられます。
　　　表の枠をドラッグすれば表の大きさが変えられます。
　テキストはGoggleなどの検索対象となりますが、ロゴは画像なのでGoggleなどの検索対象
　にはなりません。

　タイトルを表の左右中央に配置する
　　⇒タイトルを選択　⇒ツールバーの「中央を揃え」をクリック

　プレビューで確認する
　　・プレビュータブをクリック　⇒タイトルの位置や大きさを確認する

・・・・　＊＊＊＊＊　・・・・・

　編集中のページを保存する　ここで一旦保存しましょう。
　　（初めて保存する場合）
　　前もってマイドキュメントに「homepage」などのフォルダを作っておいてください。
　　・メニューバーのファイル　⇒名前を付けて保存
　　　保存する場所の▼をクリックしてマイドキュメントなどを選択
　　　⇒「homepage」などのフォルダを選択
　　　⇒ファイル名を「index.html」または「Index.htm」（半角英数字）として　⇒保存

　　次回以降の保存はツールバーの「上書き保存」をクリック
　　　ときどき上書き保存をしましょう。

　ファイル名について（重要）　再掲
　　トップページのファイル名は「index.html」 または「index.htm」
　　ＨＴＭＬファイル（ＨＴＭＬ言語で書かれているファイル）の拡張子は「.hml」か「.htm」です。
　　契約プロバイダが指定して（勧めて）いる方にしてください。
　　トップページ以外のファイル名は「daredemo.html」「shashinｔ.html」などとします。
　　ファイル名は半角の英数字です。

　　使用する写真の名前は前もって半角英数字に変えてください。漢字名はエラーになります。


　ページを閉じる（ひと休み）
　　・メニューバーの「ファイル」　⇒閉じる
　保存したファイルを開いて編集を続けるには
　　・メニューバーの「ファイル」　 ⇒開く　⇒開くファイル名をクリック
　　　（または）ツールバーの「開く」　　　 ⇒開くファイル名をクリック

・・・・　＊＊＊＊＊　・・・・・

　サブタイトルを入れる　　文字の大きさと色を変える
　　「卒業生と在校生のホームページ」を入れる。
　　・「卒業生と在校生のホームページ」を選択し、メニューバー「書式」　⇒フォント
　　　⇒色とサイズを指定　⇒OK

　水平線を入れる
　　・Ｅｎｔｅｒ（改行）でカーソルを下へ移動（挿入位置を指定）
　　　メニューバー「挿入」　⇒水平線
　　　（または）ツールバーの「水平線の挿入」
　　　⇒挿入された水平線を右クリック　⇒属性の変更　⇒位置・太さ・幅を指定　⇒OK

　説明文を入れる
　　「かがわ長寿大学には香川県内に　・・・・・　」の文書を入れる
　　メニューバー「書式」　⇒フォント　⇒色とサイズを指定　⇒OK

　アニメ（動くパソコンなど）を挿入する
　　・メニューバーの挿入　⇒画像ファイル
　　　⇒素材集から　⇒画像・アニメーション　⇒アニメを選択　⇒開く
　　　（または）　⇒ファイルから　⇒マイドキュメントなどの自分のファイルから選ぶ
　　画像の大きさを変えるには画像の枠をドラッグする

　　アニメの間に空間を作るには「スペース」を挿入します。

　写真を挿入するには（アニメの代わりに写真を入れる場合）
　　・メニューバー「挿入」　⇒画像ファイル　⇒ファイルから　⇒ファイルの場所の▼をクリックして
　　　保存されている写真を選ぶ（写真のファイル名は半角英数字であること）

　　写真の大きさを変えるには
　　・挿入した写真を右クリック　⇒デジカメ写真の編集　⇒次へ　
　　　⇒サイズの指定（大・中・小）　⇒次へ　⇒画像の補正　⇒なし　⇒完了
　　　⇒画像の枠をドラッグして大きさを調整する

・・・・　＊＊＊＊　・・・・

　タイトルを入れた表の下に水平線を挿入
　　・カーソル↓を数回押すとカーソルが表の外に出て、赤枠で囲まれた段落が表示される
　　　メニューバー「挿入」　⇒水平線
　　　（または）ツールバー「水平線の挿入」
　　　挿入された水平線を右クリック　⇒属性の変更　⇒幅を「％」または「ピクセル」で指定　
　　　⇒ＯＫ

　段落とは、文章などのかたまりのこと。
　　新しい文章をいれるときは新しい段落を作る。「Ｓｈｉｆｔ ＋ Ｅｎｔｅｒ」で新しい段落ができる

　削除するには
　　・挿入した水平線、アニメ、写真を右クリック　⇒削除

・・・・　＊＊＊＊　・・・・

・会員のページ（サブページへの案内、目次に相当）を作る
　表を準備する
　　「トップページの作成」の「タイトル部分を作成する」の項を参照
　・表の挿入　⇒行数「３」と列数「４」を指定　⇒ＯＫ
　　　表を選択して　⇒属性の変更
　　　　レイアウト　⇒位置揃え　⇒中央揃え
　　　　　　　　　　　　 ⇒表の幅　⇒　590 ピクセルなど
　　　　　　　　　　　　 ⇒枠表示　　　⇒１（そのまま）　「０」にすると枠は表示されない
　　　　背景　⇒▼をクリックして色指定　⇒ＯＫ

　１行目をひとつの枠にする
　　・１行目の３枠を選択（選択部分が黒く反転）　⇒メニューバーの表　⇒選択セルの結合

　１行目にタイトル「会員のページ」を入れる
　　「会員のページ」を選択してフォントのサイズと色を指定（サブタイトルの項を参照）
　　セル内に　クラブ名、会員の氏名（サブページ名、目次に相当）を入力する

会員の表の下に水平線を挿入する

・・・・　＊＊＊＊　・・・・

・掲示板への案内
　水平線の下に表を２つ作成して次のサブページへのリンク元を作る。
　　「誰でも作れるホームページ」
　　「掲示板」

トップページの作成はここでひと休みします。
掲示板とアクセスカウンターの設置はページ公開後とします。

上書き保存を忘れないように！

掲示板は特定の事項に関することや、同じ趣味を持つ人たちがコメントなどを自由に書き込み、お互いの意見を交換しあうページです。
掲示板はトップページやサブページのように自分のパソコン内に作ってプロバイダのサーバに転送るのではなく、プロバイダなどが無料でサービスしているものを利用するものです。

・プロバイダがサービスしている掲示板を利用する
各プロバイダのホームページにアクセスし、掲示板設置の案内に従う。

・Tea Cup Communicationがサービスしている無料掲示板を利用する
　　　かがわ長寿大学パソコンクラブの掲示板はこれです。この掲示板にはCMが入ります
　掲示板を設置するページを開き「●掲示板」（リンク元）を選択（ここから掲示板にリンクします）
　⇒メニューバーの挿入　⇒コミュニケーション　⇒掲示板
　⇒新規に掲示板を作成するをクリック　⇒こだわり作成（またはかんたん作成）　⇒次へ
　⇒掲示板のタイトル・メッセージ（説明文）を入れ、タイトル文字の色を指定する
　⇒次へ　⇒背景色、書き込み文書のタイトルの色と文書の色を指定する
　⇒「ホームページへ」を押したときに表示させるページ（自分のホームページ）のURLを入れる
　⇒ユーザID、氏名、メールアドレスを入れる　⇒完了

・プロバイダがサービスしているカウンターを利用します
　アクセスカウンターを組み込みたいページを開き、アクセスカウンタを組み込みたい位置に
　カーソルを移動　⇒メニューバーの挿入　⇒コミュニケーション　⇒アクセスカウンタ
　⇒プロバイダの選択でプロバイダを選択し、「設定項目」の値を必要に応じて入力または変更
　⇒OK
　これでアクセスカウンタが組み込まれました。アクセスカウンタはホームページ・ビルダーで
　表示することはできませんので、画像ファイルがないことを示すチューリップのマークが表示さ
　れます。
　実際にアクセスカウンタを表示させるには、アクセスカウンタを組み込んだページをプロバイダ
　のサーバに転送する必要があります。転送後に「Ｉｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒ」などでそのページに
　アクセスすると、アクセスカウンタが表示されます。
　　　　　　　　.