ホームページビルダには、使いやすい機能や付属ツールが準備されています。
HPBでは、本サイトでの説明を省略している、いろいろな機能が使えるようになっています。使い方は比較的簡単ですので、使ってみてください。
多くのものは、「動きをつけたページの作成」に向いています。
アニメーションや背景音楽などをつけたページが沢山ありますが、閲覧してみて、いかが感じられましたか?ページを開くと突然音楽が鳴り出す、表示が終わるまで時間がかかるなどの不都合が多々あります。
ページの目的が、「情報を伝えたい」場合には、アニメーションや音楽は不向きだと思います。特に団体のホームページの場合には、「背景音楽はつけない」「アニメーションなどの動きはできるだけ使わない」ようにしてください。
このページの外部リンクをクリックすると、開いているウィンドウに表示されます。
- 元に戻る場合には、ブラウザの戻るボタンをご利用ください。
- 新しいウィンドウやタブに表示したい場合には、shift＋クリック または 右クリックでメニューを選んでください。
サイト管理
HPBには「サイト」があります。「サイト」は、サーバー側のホームページを管理するための場所（フォルダ）で、このサイトは、プロバイダが管理しています。
HPBの「サイト」は、パソコン側に作られた「サイト」で、サーバのファイル管理が容易になるようになっています。
サイトの作成
作成するページ類がほぼ完成してから「サイト」を作成してください。
サイトのトップページのファイル名は、index.htmlです。
メニューバー → サイト → サイトの新規作成
分かりやすいサイト名を入れて［次へ］
既存ページをトップページとして利用をクリック → トップページを指定 ［次へ］
「転送時に転送設定をする」にチェックを入れて［完了］
ビジュアルビューサイト
サイトの作成が完了すると、「ビジュアルビューサイト」が表示されます。（メニューバー「サイト」 → 「サイトを開く」）
- リンクタブ
- トップページからリンクされたHTMLファイルが階層構造で、リンクエラーがあるファイルや、リンクされていないファイルが表示されます。
- フォルダタブ
- ファイル一覧や未使用ファイルなどが表示されます。
サイトビューに表示されるアイコンの説明 サイトビューのアイコン をご覧ください。
この例では、リンクエラーがあります。この修正には、リンクエラーを修正する をご覧ください。
サイトを転送する
ホームページがほぼ完成したら、サーバーに転送（アップロード）して、ブラウザで確認しましょう。
転送には、プロバイダから提供された、転送設定が必要になります。
転送設定
転送条件の設定を最初に行います。（1回設定すればOK）
メニューバー「サイト」 → 「転送設定」 → 「転送設定の新規作成」
「その他プロバイダを使用する」をon、わかりやすい名前（転送設定名）を付けて［次へ］
- プロバイダーの選択
- 契約しているプロバイダが、プルダウンメニュにあればクリック
なければ「その他」を選択 - FTPサーバー名
- プルダウンメニューから選択する
その他の場合には、プロバイダからのサーバー名を入力
「FTPホスト」と書かれている場合があります。 - FTPアカウント名
- プロバイダからのアカウント名を入力
「FTPユーザー」と書かれている場合があります。 - FTPパスワード
- プロバイダからのパスワードを入力
正しく入力したことを確認 → ［次へ］
フォらだー指定です。プロバイダの指示に従ってください。
［接続を確認する］をクリックすると、設定の確認を行います。（インターネットに接続してください）
このメッセージで転送設定ができました。
サイトを転送する（自動）
メニューバー「サイト」 → 「サイト転送」
転送設定を確認してください。
転送対象・・・「前回の転送以降に更新されたファイル」を選び、［転送］
転送が終わったら、必ずブラウザで確認してください。（ブラウザに以前のイメージが残っている場合がありますので、ブラウザの「最新の情報に更新する」をクリックしてください）
転送がエラーになる場合
タイムアウトの場合には、再度転送する。
その他エラーの場合、「編集」 → 「転送設定」 →「詳細設定」でパッシブモードを試してください。
サイトを転送する（手動）
リンクされていないファイルは、HPBでは特に指定しないと転送できません。また、HPBの「サイト転送」が正しく処理しない場合があります。（バグ？）
HPBのFTPツールを立ち上げてください。（メニュバーのツールまたはすべてのプログラムから）
転送設定名を確認してください。
左右にウィンドウが表示されます。右側にパソコン内のフォルダがあります。
ホームページのトップページが表示されるようにしてください。
をクリックすると、上位のフォルダに移動できます。
インターネットを接続して、
をクリック
右側に、サーバのサイトが表示されます。
パソコン内のファイルを選択 → 
で、転送されます。
なお、サーバにあるファイルをパソコンにコピー（ダウンロード）する場合には、サーバのサイトでファイルを選択 → 
をクリックしてください。
付属ツール
| 付属ツール | 機能概要 |
|---|---|
| ウェブ アート デザイナー | イラストの作成が簡単にできます。本サイトでは、利用方法の解説は省略します。ウェブアートデザイナーでウェブデザインをしよう をご覧ください。 |
| ウェブ アニメーター | アニメーションgifを作成します。本サイトでは、利用方法の解説は省略します。ウェブアニメータの使い方 をご覧ください。 |
| CSS エディタ | スタイルシートの編集ができます。本サイトでは、開設は省略します。CSSエディタを使ってみる をご覧ください。 本ソフトは、使い勝手がいいとは思いません。無料の編集用のソフト（エディタ）があります。 |
| FTP ツール | サーバへのファイル転送用のソフトです。パソコン側にサイトを作成しておくと簡単に転送できます。サイト管理で説明していますので、そちらをご覧ください。 |
| ウェブ ビデオ スタジオ | デジタルビデオカメラの映像を加工・編集するソフトです。詳しい利用方法は、ウェブビデオ スタジオを起動して、ヘルプをご覧ください。 |
| HotMedia クリエータ | ホットメディアと呼ばれるファイルを作ることができます。本サイトでは、解説を省略しています。ホームページビルダー作成報告/応用編/HotMedia/ をご覧ください。 |
| デジすたマーカ― 2 | 画像に透かしマークを入れることができます本サイトでの解説は省略します。 |
| aDesigner | 視覚の不自由な方などにも向いてるページのチェックができます。本サイトでの解説は省略します。 |
| 携帯サイト転送ツール | さまざまな携帯サイト向けに変換ができます。（有料のサービスです）本サイトでの解説は省略します。 |
SEO対策
ホームページは、GoogleやYahooなどの検索エンジンで検索することができます。検索エンジンは、世界にあるホームページを調べ、利用頻度などから優先順位をつけて、検索キーワードに対する検索結果に表示しています。
SOE対策は、検索の上位に表示されるようにする工夫です。
GoogleやYahooに簡単登録
メニューバー アクセス向上 → 検索サイトへの登録
サイト管理者向け・・・検索サイトにサイトマップを登録
HPBでは、SOE対策として、「XMLサイトマップ」と「robots.txt」が利用できます。
- XMLサイトマップ
- XMLサイトマップは、検索エンジンにサイトに関する情報（URIや更新頻度等）を登録するためのファイルです。
- robots.txt
- 検索ロボットを制御するためのテキストファイルです。ロボットに見てもらいたくないページなどが設定できますが、通常の使い方では利用しないほうがよさそうです。
作成したXMLサイトマップをサーバーに転送後、Googleに登録します。
IDを登録してから、サイトマップを登録します。具体的手順は、登録サイトのHelpをご覧ください。
なお、登録しなくとも検索されるようになりますので、ご安心ください。