HPB19 | HPB18 コンテンツ一覧
ホーム > HPB19 > ホームページビルダー19 行間の空け方
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

ホームページビルダー19 行間の空け方



ホームページビルダー19 行間の空け方



ホームページビルダーをデフォルトのまま使うと、行間のつまった見苦しい文書になります

ここでは、行間を空ける設定を説明します



 
ホームページビルダー19 ビジュアルサイトビュー サイトの確認




長矢印の箱、「index.html ホームページビ...」をダブルクリックで開きます
ホームページビルダー19 ホームページ入力




「ホームページ」が開きます
ホームページビルダー19 行間設定無表示画面




行を追加してみました
行間がつまってて、見苦しいですよね
ホームページビルダー19 スタイルシートマネージャー選択




行間を空ける設定をしましょう
メニューバー「表示」から、「スタイルシートマネージャー」を選択
ホームページビルダー19 スタイルシートマネージャー追加画面




「スタイルシートマネージャー」の中段にある「追加」をクリックする
ホームページビルダー19 スタイルシート追加




「スタイル」をクリックする
ホームページビルダー19 スタイルシートbodyタグ選択画面




「HTML タグの候補」で、
「ページのプロパティ   body   」
を選択する
ホームページビルダー19 スタイルシート行間指定bodey設定画面




「文字のレイアウト」タブをクリック選択し、「行の高さ」に、(例えば)「170」を入力する

単位は、デフォルトの「パーセント」のままで、「OK」をクリックします

これで、「OK」をクリックすれば、ページ全体の行間指定は完了ですが、実際ホームページを作っていると、場所によって、行間を変えたくなることもあるかと思います

好みに応じて、部分的に行間を任意に変えれるよう、合わせて、設定しておきます


ホームページビルダー19 スタイルシートマネージャーbody設定後追加画面




「スタイルシートマネージャー」の中段の「追加」 → 「スタイル」をクリックします
ホームページビルダー19 スタイルシートpタグ選択画面




「HTML タグの候補」で、
「段落   p   」
を選択する
ホームページビルダー19 スタイルシート行間指定p設定画面




「文字のレイアウト」タブをクリック選択し、「行の高さ」に、(例えば)「170」を入力する

単位は、デフォルトの「パーセント」のままで、「OK」をクリックします

これで、好みに応じて、部分的に行間を任意に変えれることができるようになります
ホームページビルダー19 スタイルシートマネージャー行間設定終了画面




「OK」をクリックして、スタイルシートマネージャーを閉じます
ホームページビルダー19 ページ全体行間指定有表示画面




行間が空いて見易くなりましたよね

今回設定したのは、文字列の高さを、
通常の170%確保することにより、
行間を空けるという設定になります

行間を空ける為には、このように、
行の高さを大きめに設定します


ホームページビルダー19 行間指定変更部分作成画面




部分的に行間を変えるに、段落を分けます

先程の赤枠で囲まれた範囲の外で「Enter」キーを押すと、新しい段落が作られます
(メニューバーの、「挿入」 → 「段落」 → 「標準」と同じです)
ホームページビルダー19 行間指定部分スタイル設定画面




分かり易くするため、上と同じ、文字列を新しい段落(新しい赤枠)にコピーしました

この赤枠内で右クリックメニューから、「スタイルの設定」をクリックします

ホームページビルダー19 行間指定部分変更行の高さ設定画面




「スタイルの設定」ダイアログ、「文字のレイアウト」タブをクリック選択し、「行の高さ」に、(例えば)「300」を入力し、「OK」をクリックします
ホームページビルダー19 行間指定部分変更設定完了画面




行間がさらに広がったのが見て取れると思います
ホームページビルダー19 行間指定セル変更設定画面




表の各セルで行間を変える際にも、同じように、表の各セルで、右クリックメニューから、「スタイルの設定」をクリックします
ホームページビルダー19 行間指定セルの行の高さ設定画面




「スタイルの設定」ダイアログ、「文字のレイアウト」タブで、「行の高さ」に、(例えば)「300」を入力し、「OK」をクリックします
ホームページビルダー19 行間指定セル変更設定完了画面




この様に、セル毎に行間を変えることもできます



お断り  説明内容に支障のないところでは、ホームページビルダー18 のハードコピーが使われておりますこと、ご了承下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > ホームページビルダー19 行間の空け方
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP