本文へスキップ
TOPICSへの写真の入れ方(挿入方法) / ホームページビルダー21・22フルcssテンプレート編集
TOPICSへの写真の入れ方(挿入方法) / ホームページビルダー21・22フルcssテンプレート編集
TOPICSへの写真の入れ方(挿入方法) / ホームページビルダー21・22フルcssテンプレート編集
TOPICSへの写真の入れ方(挿入方法)
【TOPICSに写真を入れてみる】
基本の下記HTMLをどこかに書き留めておいてください。
このホームページのTOPICSなどに写真を入れるときにコピーして貼り付けて使用します。
<img src="写真の名前.jpg" width="200" height="200" alt="写真の説明" class="left">
上の写真の「HTML」をコピーして使う場合は<>を小文字に直して利用して下さい。
例えば
下の画像のようになります。
「ソース編集」部で黄色く囲まれている部分がHTMLを貼り付けた部分です。
・画像は、サイトのホルダー内にファイルと一緒においておきます。
・画像が多く使用する場合は、画像だけを入れるホルダをサイトのホルダの中に作成する必要があります。
※フォルダを作るときは、右クリック→「新規作成(X)」→「フォルダ(F)」とします。
・
「service-s01.jpg」
は画像の名前です。
・「width="200" height="200"」は表示される画像のスペース。画像をこのサイズに合わせる必要があります。
・また、挿入したい画像の大きさに画像表示サイズを変更することもできます。
・「alt="○○○○○○○○イメージ」"は、画像の名前を書きこみます。例えば alt="営業打ち合わせ"
・「class="left"」は写真の位置です。左寄せは「left」、右寄せは「right」とします。
・勿論、動画も差し込むことができます。
▼
TOPICSの増やし方
▼
段落の増やし方
▼
トッピクスへの写真の入れ方
▼
トッピクスへの表の入れ方
▼
NEWSを削除する
▼
トピックスの文字サイズを変更
▼トピックスの文字の色を変更
▼トピックスバーの色を変更
▼質問やお問い合わせは、LINEでお願い致します。(無料)
▼LINE登録は、QRコードをタップして下さい。
このページの先頭へ
ナビゲーション
トップページ
@クラシック版で直ぐ始める
Aタイトル画像の加工と編集
A-2タイトル写真の編集
A-3タイトル用写真の変更
BTOPページ「index」を編集
B-2編集方法-タブを選択
B-3要素<title>の書換
B-4TOPICSに本文を書く
・TOPICSの増やし方く
・段落の増やし方く
・TOPICSに写真挿入方法
・TOPICSに表挿入方法
・NWESを削除する方法
・文字サイズを変更スル方法
CSSを書換えfontの属性を変更
ページを増やす方法
ナビゲーションを編集
NAVIを全頁に反映させる
・NAVIの順序を変更スル
・NAVIの名称を変更スル
・不要NAVIの頁を削除
・NAVIボタンの色を変更
・NAVIのリンク色を変更
・NAVIの不要HTMLを削除
タップすると電話番号表示
C会社方針のページ編集
Dサービス/製品一覧の頁編集
E新着情報・FAQの頁編集
F会社概要の頁編集
G採用情報の頁編集
Hお問い合わせのページ編集
Iプライバシーポリシーの頁編集
J特定商取引法ニ関スル記述編集
Kアクセスaccess.html の編集
Lバナーを編集
バナー編集/アートデザイナー
Mナビゲーションを全頁に反映
Nホームページヲアップロードする
Oホームページヲサーバに転送する
ヘッダー(header)を編集
フッター(footer)を編集
MENUアイコンを編集加工
ハンバーガーメニューにMENU表示
グーグルマップの挿入方法
XMLサイトマップを作る
サイト内サイトマップを作る
タップすると電話番号表記
LINE-QRコードで友だち追加
ブログをナビボタンにリンクさせる
内部リンク元から内部リンク先
ビルダーで基本のSEO設定
SEO対策をあれこれ考える前に!
・SEO対策をアレコレ考エル前に!A
・SEO対策をアレコレ考エル前に!B
・SEO対策をアレコレ考エル前に!C
検索に引っかからないホームページ
検索に引っかカラナイホームページA
検索に引っかカラナイホームページB
検索に引っかカラナイホームページC
検索に引っかカラナイホームページD
SP版サイトフォルダの場所ヲ探す方法
SP版背景色を変更する方法
編集方法 / まとめ
ホームページサンプル集
索引(タグ一覧)
編集に必要なソフト・参考書
バナースペース
ビルダーのテンプレートが購入できます
freedomは
ホームページビルダー22で編集中