HPB19 | HPB18 コンテンツ一覧
ホーム > ホームページビルダー19 使い方  | 主要コンテンツ一覧 | コンテンツ一覧
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

ホームページビルダー19 使い方


ホームページビルダー19 使い方



ワープロ並みに使用でき、ホームページ作成に最も適したホームページビルダー19 (HPB19) ですが、初めて使用する際は、何かと面食らうことも多いと思います
もしかしたら、手も足も出ない・・・という事態に陥るかもしれません

ここでは、そんな事にならないよう、画面のハードコピーを元に、インストールから順に、ホームページ(サイト)を作るための、ホームページビルダー19の使い方を説明します



本サイトでは、主に、「ホームページビルダー19 (HPB19)クラシック」の使い方について説明しています
ホームページビルダーは、バージョン 15以降、本体機能にはあまり変更がなく、バージョン 19以降では、「ホームページビルダー クラッシック」としてそのまま引き継がれています
「クラッシック」の機能をお使いの場合、ホームページビルダーの最新バージョンである「ホームページビルダー21 (HPB21)」や「ホームページビルダー20 (HPB20)」をお使いの方でも、本サイトの使い方が活用できると思います

カテゴリ一覧

準備作業
初期設定
ホームページ(サイト)の作成 削除方法
ホームページ編集の仕方
便利な HTML
HTML タグ辞典
便利な Java Script
スタイルシート( CSS ) 紹介
ブログ編
上級編
エラーチェック、エラー対応の仕方
製品バリエーションと書籍(本)
便利な フリーソフト ツール
ホームページを収益化する
特定のトピックだけ読んで戻ってきたいときは、そのタイトルをクリック、このページに戻りたい時は、ページ上下端の「目次」をクリックして下さい
順に見て行きたいときは、それぞれのジャンルの先頭、例えば、1. 「フォルダーの準備等をクリック後、ページ上下端にある、「次のページ」で進んで下さい

ページTOP

ホームページビルダー19 準備作業



  1. フォルダーの準備
  2. インストールのやり方 (新規インストール)
  3. インストールのやり方 (アップデートインストール)
  4. 新機能とSP について
  5. 起動時のアップデート
  6. SP の起動と終了
  7. クラシック の起動と終了

カテゴリ一覧へ

ホームページビルダー19 初期設定

 1. 自動的にサイトを開く 自動修正を行う
 2. 「ガイドメニュー」等のダイアログを表示させない
 3. 「XMLサイトマップの登録」を表示させない
 4. 表の枠を表示しない 空白を挿入しない
 5. 改行マークを表示させない
 6. Bakファイルを作らせない HTML4.0指定
 7. 全体図を非表示 サムネイル表示切替
 8. 編集スタイルとツールーバーの表示
 ※.ファイルタイプ別の保存場所
メニューバー
ツール タブ カテゴリ
オプション 一般
編集 ダイアログの表示
編集 XML サイトマップ
編集 表の属性
表示
ファイル
ビジュアルサイトビュー
表示


※.  ファイルタイプ別のファイル保存場所の設定につきましては、サイトの作成後のサイトに対して行う設定の為、
下記の「ホームページビルダー19 ホームページ(サイト)の作り方」配下の「ファイルタイプ別の保存場所」を参照しています


カテゴリ一覧へ


ホームページビルダー19 ホームページ(サイト)の作り方 新規作成 追加 削除



  1. サイト作成 (サイト転送設定、ホームページ作成)
  2. サイト転送 (サーバーへのFTP転送、アップロード)
  3. ファイルタイプ別の保存場所
  4. ページのSEO設定
  5. XMLサイトマップ作成
  6. 編集画面 「ページ編集」 「HTMLソース」 「ページ/ソース」
  7. サイトの追加方法 複数サイトの管理 (新規トップページ作成)
  8. サイトの追加方法 複数サイトの管理 (既存トップページ使用)
  9. サイトの切替方法 編集対象サイトの切替
 10. サイトの削除方法

カテゴリ一覧へ

ホームページビルダー19 ホームページ編集の仕方



  1. ページ追加のやり方 (新規ページ作成)
  2. ページ追加のやり方 (既存ページ利用)
  3. ページのレイアウトに表を活用しよう
  4. 枠線の引き方
  5. 罫線の引き方
  6. 行間の空け方
  7. インデントの設定方法
  8. 文字の大きさ 色の変え方 文字修飾の仕方
  9. ロゴ文字の書き方 編集の仕方
 10. 見出し文字 (h1、h2、h3タグ) の大きさ・色を変える
 11. 画像 写真 の貼り付け方
 12. ページ内の指定の場所に移動する
 13. 別ページの指定の場所に移動する
 14. 元いたページに戻る
 15. リンク先を別 ウインドウ タブ で開く
 16. リンクの下線を消す 色を変える
 17. インラインフレームの作り方
 18. フレームの作り方
 19. サイトマップの作り方
 20. 現在の日付と時刻を表示する
 21. ページの最終更新日を表示する
 22. 著作権表示(コピーライト)の書き方
 23. アフィリエイト広告の貼り方

カテゴリ一覧へ

ホームページビルダー19 で使える 便利な HTML 紹介



  1. コメントの書き方
  2. スタイルシートの活用
  3. 行間の空け方
  4. 表の中をインデントする ( padding )
  5. 強い強調 <strong> 強調 <em> 太字 <b> 斜字 <i> タグの使い方
  6. 見出しタグ文字( h1 h2 h3 )の大きさ・色・行間を変える
  7. 画像 バナーを横に並べて表示する 任意の位置に表示する
  8. HTML 回り込み文書 作成方法 画像と文書 横並び表示
  9. ページの先頭・末尾に移動する
 10. リンク先を別 ウインドウ タブ で開く
 11. リンクの下線を消す
 12. インラインフレーム <iframe> の使い方
 13. PDFファイルの貼付け方 インラインフレームの活用
 14. フレームについて
 15. ファイル名( URL )変更のやり方
 16. ページ間の関係を明確にする
 91. HTML4 と HTML5 の違い HTML5でパフォーマンスアップ
 92. 丸数字(〇付き数字)等 環境依存文字 特殊文字の書き方
 93. カラーパレット

HTML タグ辞典

カテゴリ一覧へ

ホームページビルダー19 で使える 便利な Java Script 紹介



  1. 便利な Java Script
  2. 文字の大きさ、色を指定する
  3. 日付・時刻をリアルタイム表示する 時計の作り方
  4. HTML 折りたたみ/展開表示 (折りたたみメニュー) の作り方

カテゴリ一覧へ

ホームページビルダー19 スタイルシート( CSS ) 書き方 作り方



  1. スタイルシート( CSS ) とは 書き方
  2. 見出しタグ文字( h1 h2 h3 ・・・ )の大きさ・色を変える

カテゴリ一覧へ

ホームページビルダー19 使い方 ブログ編



  1. 新規ブログの開設について
  2. さくらのブログ 使い方 設定
  3. さくらのブログ 使い方 記事の投稿

カテゴリ一覧へ

ホームページビルダー19 使い方 上級編



  1. robots.txt の作り方

カテゴリ一覧へ

ホームページビルダー19 エラーチェック、エラー対応の仕方



  1. まるごとチェック
  2. SEOチェック
  3. アクセシビリティチェック
  4. 半角カナチェック
  5. 構文チェック
  6. 外部リンクチェック
  7. ビジュアルサイトビュー(サイトの確認) 赤「×」表示
  8. ファイル名に日本語・記号・空白文字
  9. 動きが遅くなってきたなと感じた時は
 10. xxxx 個のファイルがサイト トップフォルダ xxxx に見つかりました
 11. ホームページビルダー19 が再起動できなくなった時の対処法

カテゴリ一覧へ

ホームページビルダー21 20 19 製品バリエーションと書籍(本)



ホームページビルダーって、学生から企業ユーザ、コンシューマユーザまで、ユーザ層が幅広いため、それに合わせて販売形態も多様になってて、ちょっと分かり辛いですよね
簡単にまとめてみました


  1. ホームページビルダー21 製品バリエーションと書籍(本)
  2. ホームページビルダー20 製品バリエーションと書籍(本)
  3. ホームページビルダー19 製品バリエーションと書籍(本)

カテゴリ一覧へ

ホームページビルダー と合わせて使うと便利な フリーソフト ツール



全ての処理をホームページビルダーで行うより、適宜、フリーソフトを使った方がはるかに便利なことがあります
ホームページビルダーと合わせて使うと便利なフリーソフトを紹介します


不要ファイル削除 ( FFFTPミラーリング )

不要ファイル 削除方法
( FFFTPミラーリング )
ホームページビルダーでは、不要になったファイルの削除は行ってくれません
パソコン上は、エクスプローラー等で、簡単に削除できますが、サーバー上に「サイト転送」したファイルについても削除する必要があります
そこで重宝するのが、この「FFFTP」のミラーリング機能で、1タッチで不要ファイルを削除してくれます

自動 バックアップ方法 ( BunBackup )

BunBackup
使い方
ホームページビルダー 標準のバックアップ機能はあまり親切でない為、おすすめできません
フリーソフトの 「 BunBackup  」 は、定時刻での自動バックアップ、差分バックアップ、世代管理、圧縮バックアップ機能等々を備えており、ホームページビルダー で併用すると、とても便利、かつ、安心です

HTML直接修正 (テキストエディタ)

サクラエディタ
使い方
ちょっとしたHTMLの修正には、この軽くて使い勝手の良いサクラエディタが便利ですが、ホームページの編集用として、ホームページビルダーと合わせて使うには、ちょっと初期設定が必要です

複数行複数ページ一括変換

Devas (ディーヴァス)
使い方
ホームページビルダーの一括変換機能は、単一行のページ内での一括変換には便利ですが、複数行に渡る修正を、複数ページにまたがって一括変換するには、この「Devas」 (ディーヴァス)が最適です

カテゴリ一覧へ

ホームページを収益化する



自分のホームページ、存在しているだけで、収入源になるって知ってますか
仕組みは簡単
ネットでいろいろなホームページ(ブログ)を見ていると、たいていのところは、何がしかの広告バナーが貼ってありますよね


こんな感じ




ホームページ閲覧者がその広告バナーをクリックして、何か商品を購入するとか、サービスに加入するとかしてくれると、ホームページの所有者が、広告主から報酬金がもらえます
この仕組みを、アフィリエイトといいます

これって、個人のホームページでもできるんですよ
やらなきゃ損 ・・・ もとい、貼らなきゃ損


  アフィリエイト ASP一覧

カテゴリ一覧へ
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > ホームページビルダー19 使い方  | 主要コンテンツ一覧 | コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP