本文へスキップ

ページを増やす方法 / ホームページビルダー21フルcssテンプレート編集

ページを増やす方法 / ホームページビルダー21フルcssテンプレート編集

ページを増やす方法 / ホームページビルダー21フルcssテンプレート編集

ページを増やす方法

  • アート家電サービスのホームページに「エアコン」というページが必要になりました。
    このテンプレートで用意されたページには「エアコン」などという項目のページなどありません。
    私は、独自にページを増やす方法を考えでしました。


    【ページを増やす方法】
    @先ほど編集したTOPページをコピーしてページを増やします。

    Aドキュメントから「mysite1」のフォルダをクリックして開きます。
    私の場合はドキュメントから「アート家電サービス」のフォルダを開きます。
    ○○○○○○○○イメージ
  • 「index」のファイルの上で右クリックします。
    更に「コピー(C)」を選択します。
    ○○○○○○○○イメージ

  • 何もないところで(何もないところがわからない場合はかまわず)右クリックし、更に「貼り付け(P)」を選択します。
    ○○○○○○○○イメージ
  • その結果、「index」ファイルの脇に「index-コピー」ファイルが作成されたのが確認できます。
    「index-コピー」のファイルを右クリックし、「名前の変更(M)」を選択し更に名前を「aircon」に変更します。
    ○○○○○○○○イメージ

  • ドキュメントの中の「mysite」に「aircon」というファイルが作成されました。
    「aircon」のファイルの内容は「index」のファイルの内容其のままです。
    理解できない時は「aircon」のファイルをクリックして確認してみましょう。
    ここで「アート家電サービス」又は「mysite」のファイルの編集は一旦終了です。
    ○○○○○○○○イメージ
  • ホームページビルダーを起動し「ビジュアルサイトビュー」からTOP(index.html)ページを開きます。
    「ソース編集」からナビゲーションの位置が編集できるように表示します。
    ナビゲーションのソースで
    トップページ「index.html」のHTMLを先頭から最後までドラッグし、右クリックして「コピー(P)」を選択します。
    (画像の青い部分です。画像では見えない</a>の最後までドラッグしコピーします。)
    ○○○○○○○○イメージ
  • 「トップページ」のHTMLの最後に(●印を付けておきました)マウスインして「貼り付け(P)」を選択します。
    ○○○○○○○○イメージ
  • 貼り付けました。
    見た目なんとなく不揃いですがこのままでOKです。
    ○○○○○○○○イメージ
  • 増やしたページのHTMLを書き変えます。
    <a href=”index.html”>を
    <a href=”aircon.html”>と書き変えます。

    更に、
    ja”>トップページ</span を
    ja”>エアコン</span と書き変えます。

    書き換えが終了したら「ビジュアルサイトビュー」にいったん戻ってみましょう。
    ○○○○○○○○イメージ
  • 「aircon.html」のページが追加されリンクされているのがわかります。
    これで「aircon.html」のページをクリックして編集することができます。
    ○○○○○○○○イメージ
  • 質問やお問い合わせは、LINEでお願い致します。
    LINE ID