本文へスキップ

ホームページビルダー21・22のクラシック版でホームページ作成や編集の方法

ホームページビルダー21・22のクラシック版でホームページ作成や編集の方法

ホームページビルダー21・22のクラシック版でホームページ作成や編集の方法

ホームページビルダー21・22のクラシック版でホームページ作成や編集の方法

  • ホームページビルダー21・22のクラシック版でホームページ作成や編集の方法を説明致します。

    エディターズの画面が開かれています。
    ※エディターズが下の画像でない場合は、「トップページ」からお読みください。
    ホームページビルダーテンプレート編集
  • ホームページビルダー(21・22クラシック)でテンプレートを選択し、PC(パソコン)にホームページの基本となるテンプレートを取り込みます。
    メニューから「ファイル(F)」→「フルCSSテンプレートから新規作成(7)」でクリックします。
    ホームページビルダーテンプレート編集
  • 「フルCSSテンプレート」の選択画面が表示されました。
    テーマ(T)の中から自分で利用したいテンプレートを選択します。
    ▼テーマ(T)に分かれてテンプレートが容易されています。

    ※テンプレート選択の前にお読みください。
    ▼お気に入りのテンプレートのナビゲーションボタンの位置が選択できます。
    ▼お気に入りのテンプレートの全体的なイメージの配色を選択することができます。
    ▼テーマ(T)を超えてテンプレートを選択作成できます。(初めての方はやらないでください)
    ▼メインとなる写真は、自分の用意した画像と入れ替えることが設定後に変更が可能です。
    ※先ずは、いろいろクリックしてテンプレートを確認しましょう。
    ○○○○○○○○イメージ
  • 私は「テーマ(T)」「企業」から「企業[1001]-ブルー」を選択しました。
    ▼引き続き「カラーの選択」「レイアウトの選択」ができます。
    ▼「レイアウトの選択」では、ナビゲーションボタンの位置が決まります。
    ○○○○○○○○イメージ
  • 私は、初めに「レイアウトの選択」をクリックして、更に「2」を選択クリックしてました。
    ▼カテゴリーが7個以上の場合は「2」を選択してください。
    ▼「2」はカテゴリーに対応したページを増やす事ができます。

    ※「2」のようにナビゲーションボタンが左右に用意されているテンプレートは必要に応じてカテゴリーに対応したページを増やす事ができます。
    ○○○○○○○○イメージ
  • 次に私は、「カラーの選択」をクリックして、「企業[1001]-ブルー」を選択クリックしてました。
    ○○○○○○○○イメージ
  • 設定が終了すると設定前の画面に戻ります。
    ○○○○○○○○イメージ
  • 変更がなければ下方の「OK」ボタンをクリックします。
    ○○○○○○○○イメージ
  • 「フルCSSテンプレートの保存」画面に変わりました。
    ▼@「サイト名(N)」に(新しいサイト)を消して簡単な名前を付けます。
    ・私は「アート家電サービス」のホームページを作るので「アート家電サービス」と書きこみました。
    ※英数字大文字小文字なんでもいいようです。
    (アップロード,SEO,検索順位などには一切関係ありません。適当でね。)
    都合のいい名前(ホームページのタイトルではないので覚えやすい名前)を書き込みましょう。

    ▼A「保存場所(F)」を覚えておいてください。
    ・私の場合は、パソコンのハードディスク「C」のドキュメントの中に「mysite1」と言うフォルダーが作られ「アート家電サービス」用のテンプレートが作られる・・・と言うことです。(mysite=サイトが作成された。)

    ▼更に「基本情報の入力」でわかる限りの情報を入力します。
    ▼入力することによりテンプレートの各ページに基本情報に基づき情報が表示されます。
    ▼ここで入力しなくても各ページ編集の時に個々に入力することが可能です。
    ※良ければ「下方の「保存」ボタンをクリックします。
    ○○○○○○○○イメージ
  • 「保存」をクリックすると選択したテンプレートの編集画面が表示されます。
    ▼カテゴリーが7個以上の場合は「2」を選択してください。
    ▼「2」はカテゴリー(ページ)を増やす事ができます。
    ○○○○○○○○イメージ
  • ▼質問やお問い合わせは、LINEでお願い致します。(無料)
    ▼LINE登録は、QRコードをタップして下さい。
    フリーダム/QRコード
    フリーダム/QRコード

ナビゲーション

バナースペース