本文へスキップ

ホームページビルダー21フルcssテンプレート編集(スマートフォン・パソコン・タブレット対応)レスポンシブなホームページを作成(作り方)

ホームページビルダー21フルcssテンプレート編集(スマートフォン・パソコン・タブレット対応)レスポンシブなホームページを作成(作り方)

ホームページビルダー21フルcssテンプレート編集(スマートフォン・パソコン・タブレット対応)レスポンシブなホームページを作成(作り方)「テーマ企業の中から企業[1001]ブルー」

「ホームページビルダー21フルcssテンプレートで編集」にようこそ
youkosoついて

  • ホームページビルダー21を使って添付されているフルcssテンプレートを利用し「レスポンシブ(パソコン・スマートフォン・タブレット対応)」なホームページを編集・作成したいと思います。
    このホームページのURLは、
    http://www.freedom-clubtokyo.com/ です。


    ▼最初から覚えたい方(始めたい方)は、メニューの「@サイトを作る」からスタート

    既にサイトの作成ができている方は、メニューの>「CTOPページ「index」」

    又は、4-2編集方法-タブを選択から編集して下さい。

    ▼もう既にホームページを作成途中の方は、

     メニューから選択

    スマートフォンの方は上方の をクリックし、わからないところをメニューから選択してください。

テンプレート編集の最初です。 @サイトを作ります。

○○○○○○○○イメージ
  • ホームページビルダー21クラシックのアイコンをクリックします。
  • 利用するホームページビルダー21のフルcssテンプレートは、
    テーマ企業の中から「企業[1001]ブルー」を利用してこれからの説明をしていきます。

    ※このホームページ作成の説明は「アート家電サービス」様のホームページを作成していく過程を利用してホームページを作る方法の説明を致します。

  • エディターズの画面が開かれました。
    下の画像のようなエディターズでない場合は、下記の方法で手直しして下さい。
    ○○○○○○○○イメージ
  • 下のような画像のが表示されている場合、
    それは「スタンダード」という作成方法画面ですから「エディターズ」という作成方法に切り替えます。
    ○○○○○○○○イメージ
  • エディターズに切り替えます。
    メニュー→「表示(V)」→「編集スタイルの切り替え(O)」→「エディターズ(E)」とします。
    ○○○○○○○○イメージ
  • 次の「@サイトを作る」へ進んでください。
     クリックすると「@サイトを作る」へ進むことができます。
     このホームページのナビボタンからからも選択することもできます。

ホームページビルダー21フルcssテンプレートでホームページ編集について

  • ホームページビルダー21を使って添付されているフルcssテンプレートを利用し「レスポンシブ」なホームページを編集・作成したいと思います。
    このホームページのURLは、
    http://www.freedom-clubtokyo.com/ です。
  • 私は通称「freedom」と言います。
    小規模な事業者、個人事業主、個人商店向けホームページの構築をテーマにホームページビルダーのフルcssテンプレートを利用して製作できるホームページの製作方法を紹介しています。
    どうしてもホームページを持ちたい方に!・・・と考えています。

    ・ホームページをいくつか作ったことがありアップロードしてそのホームページで商売をしている個人事業主です。
    ・PC・とホームページ作成術は独学です。
    ・熟知したホームページ作成専門知識を持っているわけではありませんが作成したホームページからは仕事が舞い込みます。
    ※ホームページは、まず一つ作り上げることが大事です。
  • フルcssテンプレートの編集方法は、独特です。
    個人の責任でよかったらお付き合いください。

わかりやすく書いたつもりです。

  • 今までにホームページビルダー21を使って思うようにいかずにホームページを作るのを諦めてやめた方
    もう一度、チャレンジして下さい。

    わからなかったことがわかるように書きました。
    どうかもう一度だけチャレンジして下さい。
  • 利用するホームページビルダー21のフルcssテンプレートは、
    テーマ企業の中から「企業[1001]ブルー」を利用してこれからの説明をしていきます。
    主に「アート家電サービス」様のホームページ作成過程を通して説明しています。
  • このホームページのサイドナビゲーションの@からP迄しっかり真似てください。
    ・編集中の「わからない」に対しても編集方法をご紹介しています。
    ・更にわからない困ったはLINEにてお問い合わせください。(無料)
    LINE ID

編集方法のご案内(特徴)

  • 【重要】編集方法は、freedomの経験による独自な編集方法です。
      ※編集方法についての苦情は受け付けておりません。
      又、このサイトのご利用は自己責任でお願い致します。

    ・編集中の「わからない」「困った」にはLINEにてお問い合わせください。(無料)
    LINE ID







  • @TOPページ(index.html)を重点的に完成させます。
  • A完成したTOPページをコピーしてページを増やします。
      コピーして増やしたTOPページを必要なページに作り変えていく方法 です。
  • Bテンプレートには必要でないだろうページも含まれています。
      それらを削除しサイトを構築ます。
  • CわからないCGIのページは、CGIを使いません。
  • Dサイドナビゲーションに従い番号順(@からP)編集作業をして下さい。
      「わからない」に対応できるよう補足のページを作りました。
  • E私にホームページ作成の専門的な知識がない為、編集においてのトラブルは一切責任を取りません。
      編集は個人の責任で編集して下さい。