本文へスキップ
TOPページ「index.html」を編集する / ホームページビルダー21・22フルcssテンプレート編集
TOPページ「index.html」を編集する / ホームページビルダー21・22フルcssテンプレート編集
TOPページ「index.html」を編集する / ホームページビルダー21・22フルcssテンプレート編集
TOPページ「index.html」を編集
【TOPページ「index.html」を編集】
TOPページ「index.html」を編集をします。
@ホームページビルダーのアイコンをクリックしてビルダーを起動しサイトを開きます
A「サイト(S)」→「サイトを開く(O)」→サイト名を選択し→「開き(O)」をクリック。
ビルダーでいう
「ビジュアルサイトビュー」
が開きます。
「index.html」をクリックします。
B 「index.html」をクリックしたら
ホームページのTOPページが編集できるように編集画面が開きました。
※どんどんTOPICSに書き込んでみましょう。
《注意》
これからテンプレートに編集を加えていくわけですが、初めはテンプレートの構成を壊さぬように編集しましょう。
テンプレートの基本構成を正しく理解し編集すると良いきれいなホームページが完成します。
「企業[1001]-ブルー」の
TOPICSの構成
は<div id="toppage-topics"><h3>ここに見出しを記入</h3><ul><li>ここに文章を記入<li>ここに文章を記入<hr></ul></div>です。
「企業[1001]-ブルー」のTOPICSを増やすときに使えます。(<>は全角で書きました。)
cpyrightを書き換える
この
サイトの作り方
は、TOPページを完成させて、完成させたTOPページをコピーして別のページを作成するやり方です。
copyrightは、どのページも必要ですから最初の元となるTOPページをここで編集しておきましょう。
アート家電サービスは、「art-kaden-service」で
copyrightの宣言
をすることにしました。
ソースはページの最後の方に書いて有ります。
黒字部分の必要なところだけを書き変えます。
p-jino
お役に立ちます。覚えてください。
ここで
編集途中に保存や、編集を終了する場合
の説明をします。
【開かれたテンプレートの作成画面を一度閉じる方法】
「サイト(S)」→「ビジュアルサイトビュー(V)」とクリックします。
今までの作業が保存されます。
ホームページの編集を途中でやめるとき
にはこの方法で保存してください。
良く見ると
「ビジュアルサイトビューを開く(V)」
・・・「開く」となっていますが閉じるときにも使用します。
又、アイコンをクリックすることにより同じ事ができます。
【覚えておくと助かりますよ!】
ホームページを編集中に間違えたら
・・・の為に下記を覚えておきましょう
ホームページを作成していて間違えたり、ホームページが崩れたりすることがあります。
下の画像の矢印を使用すると
作業を一つ前の状態に戻すことができます。(2回クリックすると前の前に戻ります)
またそれを戻したりもできます。
これからのホームページの作成方法での説明ではコピーや貼り付けや削除などが多くなります。
貼り付け位置、削除位置などを間違えるとホームページ自体のバランスが崩れたりします。
そんなときに利用します。
次の「
4-2編集方法-タブを選択
」へ進む場合はここをクリックしてください。
クリックすると「
4-2編集方法-タブを選択
」へ進むことができます。
ホームページのナビボタンからから選択することもできます。
クリックすると「
CTOPページ「index」を編集
」へ戻ることができます。
▼質問やお問い合わせは、LINEでお願い致します。(無料)
・
編集中の「わからない」「困った」にはLINEにてお問い合わせください。(無料)
(
LINE無料相談は
、
9時〜23時
ですがすぐに返信できないこともあります。)
ご自宅へ
出張訪問(関東地区・その他相談)によるサービス(お困りごとの解決)は有料となります。
(ホームページビルダーによるホームページ作成方法,編集方法を一から教授致します。・・・
有料
)
■有益なタイトルタグ・Descriptionダグを作成致します。5,000円
■会社やあなたの
昔のホームページを最近流行のレスポンシブデザイン(パソコン・タブレット・スマートフォン対応)のホームページビルダー収録「フルCSSテンプレート」でホームページを作り変え致します。(1〜10ページ36,000〜160,000円)
・ホームページビルダーを使うので後にご自分で編集できます。
(ホームページビルダーによるホームページ編集方法を一から教授致します。)
▼LINE登録は、QRコードをタップして下さい。
このページの先頭へ
ナビゲーション
最初から設定する
@クラシック版で直ぐ始める
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で編集中