本文へスキップ
ホームページビルダー21・22フルcssテンプレート編集/レスポンシブなホームページを作成(作り方)
ホームページビルダー21・22フルcssテンプレート編集/レスポンシブなホームページ作成方法
ホームページビルダー21・22フルcssテンプレート編集/レスポンシブなホームページを作成(作り方)「
テーマ企業の中から企業[1001]ブルー」
「ホームページビルダー21・22フルcssテンプレートで編集」
youkosoついて
ホームページビルダー21・22(クラシック版)を使って収録(付録・添付)されている
フルCSSテンプレート
を利用し
「レスポンシブ
(パソコン・スマートフォン・タブレット対応)」な
ホームページを編集・作成
したいと思います
このホームページのURLは、
http://freedom-clubtokyo.com/
です。
▼最初から覚えたい方(始めたい方)は、メニューの
「@クラシック版で直ぐ始める」
からスタート
▼
既にサイトの作成ができている方
は、メニューの>
「BTOPページ「index」を編集」
又は、
「
B-2編集方法-タブを選択
」
から編集して下さい。
▼もう既にホームページを作成途中の方は、
メニューから選択
スマートフォンの方は上方の
をクリックし、わからないところをメニューから選択してください。
テンプレート編集の最初です。
ホームページビルダー21・22
「クラシック」
のアイコンをクリックします。
利用するホームページビルダー21・22のフルcssテンプレートは、
テーマ企業の中から「
企業[1001]ブルー
」を利用してこれからの説明をしていきます。
※この
ホームページ作成の説明
は「
アート家電サービス
」様の
ホームページを作成していく過程
を利用してホームページを作る方法の説明を致します。
エディターズの画面
が開かれました。
下の画像のようなエディターズでない場合は、下記の方法で手直しして下さい。
下のような画像のが表示されている場合、
それは
「スタンダード」
という作成方法画面ですから「エディターズ」という作成方法に切り替えます。
エディターズに切り替えます。
メニュー→「表示(V)」→
「編集スタイルの切り替え(O)」
→「エディターズ(E)」とします。
下の画像のようなエディターズの画面 になりましたか?
これでホームページビルダーの
「クラシック」のエディター
で
本格的なホームページが編集
できます。
※この方法で編集できると
インターネット(Web)上のテンプレートも編集
できるようになります。
頑張りましょう!
作業の追加です。エディターズの画面 になったらツールバーにツールを表示させます。
メニューより「表示(V)」→「ツールバー(T)」とします。
※必要な項目に画像のように「チェック」を入れて下さい。
次の「
@@クラシック版で直ぐ始める
」へ進んでください。
クリックすると「
@@クラシック版で直ぐ始める
」へ進むことができます。
このホームページのナビボタンからからも選択することもできます。
ホームページビルダー21・22フルcssテンプレートでホームページ編集について
ホームページビルダー21・22を使って添付されているフルcssテンプレートを利用し「レスポンシブ」なホームページを編集・作成したいと思います。
このホームページのURLは、
http://freedom-clubtokyo.com/
です。
私は通称
「freedom(フリーダム)」
と言います。
小規模な事業主
、
個人事業主
、
個人商店
向けホームページの構築をテーマにホームページビルダーのフルcssテンプレートを利用して製作できるホームページの製作方法を紹介しています。
どうしてもホームページを持ちたい方に!・・・と考えています。
・ホームページをいくつか作ったことがありアップロードしてそのホームページで商売をしている個人事業主です。
・PC・とホームページ作成術は独学です。
・熟知したホームページ作成専門知識を持っているわけではありませんが作成したホームページからは仕事が舞い込みます。
※ホームページは、まず一つ作り上げることが大事です。
このサイトのフルcssテンプレートの編集方法は、独特です。
個人の責任でよかったらお付き合いください。
わかりやすく書いたつもりです。
今までにホームページビルダー21・22を使って思うようにいかずにホームページを作るのを諦めてやめた方
もう一度、チャレンジして下さい。
わからなかったことがわかるように書きました。
どうかもう一度だけチャレンジして下さい。
利用するホームページビルダー21・22のフルcssテンプレートは、
テーマ企業の中から「企業[1001]ブルー」を利用
してこれからの説明をしていきます。
主に「アート家電サービス」様のホームページ作成過程を通して説明しています。
このホームページのサイドナビゲーションの@からO迄しっかり真似てください。
このサイトの編集方法は独特です。
・編集中の「わからない」に対しても編集方法をLINEでお答えします。
わからない困ったはLINEにてお問い合わせください。(無料)
▼LINE登録は、QRコードをタップして下さい。
編集方法のご案内(特徴) / LINEによる無料相談
【重要】編集方法は、freedomの経験による独自な編集方法です。
※編集方法についての苦情は受け付けておりません。
又、このサイトのご利用は自己責任でお願い致します。
・
編集中の「わからない」「困った」にはLINEにてお問い合わせください。(無料)
(
LINE無料相談は
、
9時〜23時
ですがすぐに返信できないこともあります。)
ご自宅へ
出張訪問(関東地区・その他相談)によるサービス(お困りごとの解決)は有料となります。
(ホームページビルダーによるホームページ作成方法,編集方法を一から教授致します。・・・
有料
)
■有益なタイトルタグ・Descriptionダグを作成致します。5,000円
■会社やあなたの昔のホームページを最近流行のレスポンシブデザイン(パソコン・タブレット・スマートフォン対応)のホームページビルダー収録「フルCSSテンプレート」でホームページを作り変え致します。
(1〜10ページ36,000〜160,000円)
・ホームページビルダーを使うので後にご自分で編集できます。
(ホームページビルダーによるホームページ編集方法を一から教授致します。)
▼LINE登録は、QRコードをタップして下さい。
@TOPページ(index.html)を重点的に完成させます。
A完成したTOPページ(上部にタイトル写真が入っている)をコピーしてページを増やします。
コピーして増やしたTOPページ(上部にタイトル写真が入る)を必要なページに作り変えていく方法 です。
Bテンプレートには必要でないだろうページも含まれています。
それらを削除しサイトを構築ます。
CわからないCGIのページは、CGIを使いません。
Dサイドナビゲーションに従い番号順(@からO)編集作業をして下さい。
「わからない」に対応できるよう補足のページを作りました。
E私にホームページ作成の専門的な知識がない為、編集においてのトラブルは一切責任を取りません。
編集は個人の責任で編集して下さい
。
このページの先頭へ
ナビゲーション
最初から設定する
@クラシック版で直ぐ始める
Aタイトル画像の加工と編集
A-2タイトル写真の編集
A-3タイトル用写真の変更
BTOPページ「index」を編集
B-2編集方法-タブを選択
B-3要素<title>の書換
B-4TOPICSに本文を書く
・TOPICSの増やし方く
・段落の増やし方く
・TOPICSに写真挿入方法
・TOPICSに表挿入方法
・NWESを削除する方法
・文字サイズを変更スル方法
CSSを書換えfontの属性を変更
オプションでfontの属性を変更
ページを増やす方法
ナビゲーションを編集
NAVIを全頁に反映させる
・NAVIの順序を変更スル
・NAVIの名称を変更スル
・不要NAVIの頁を削除
・NAVIボタンの色を変更
・NAVIのリンク色を変更
・NAVIの不要HTMLを削除
タップすると電話番号表示
C会社方針のページ編集
Dサービス/製品一覧の頁編集
E新着情報・FAQの頁編集
F会社概要の頁編集
G採用情報の頁編集
Hお問い合わせのページ編集
Iプライバシーポリシーの頁編集
J特定商取引法ニ関スル記述編集
Kアクセスaccess.html の編集
Lバナーを編集
バナー編集/ウェブアートデザイナー
・グラデーションバナー作成
・画像背景透明化/ウェエブアートD
Mナビゲーションを全頁に反映
Nホームページヲアップロードする
Oホームページヲサーバに転送する
ホームページをダウンロ−ド
ヘッダー(header)を編集
フッター(footer)を編集
MENUアイコンを編集加工
ハンバーガーメニューにMENU表示-@
ハンバーガーメニューにMENU表示-A
グーグルマップの挿入方法
XMLサイトマップを作る
サイト内サイトマップを作る
タップすると電話番号表記
LINE-QRコードで友だち追加
ブログをナビボタンにリンクさせる
内部リンク元から内部リンク先
サイト転送の自動転送設定
ビルダーで基本のSEO設定
freedom思考的SEO対策
検索順位ノ検証(SEO効果ノ検証)
SEO対策をあれこれ考える前に!
・SEO対策をアレコレ考エル前に!A
・SEO対策をアレコレ考エル前に!B
・SEO対策をアレコレ考エル前に!C
キャッシュを知ろう・考えよう
検索に引っかからないホームページ
検索に引っかカラナイホームページA
検索に引っかカラナイホームページB
検索に引っかカラナイホームページC
検索に引っかカラナイホームページD
SP版-サイトフォルダの場所ヲ探す方法
SP版-背景色を変更する方法
SP版-文字のイロイロ変更方法
編集方法 / まとめ
いろいろな編集方法(質問から)
ホームページサンプル集
索引(タグ一覧)
編集に必要なソフト・参考書
バナー・タイトル用写真など販売
SEO
仕事
バナースペース
ビルダーのテンプレートが購入できます
freedomは
ホームページビルダー22で編集中