HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > ホームページビルダー19 文字の大きさ 色の変え方 文字修飾の仕方
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

ホームページビルダー19 文字の大きさ 色の変え方 文字修飾の仕方


ホームページビルダー19 文字の大きさ 色の変え方 文字修飾の仕方




ホームページビルダー19を使用して、文字の大きさを変えたり、色を変えたり、様々な文字修飾方法について、説明しています

通常、Word等のワープロで文書を作成する場合、文字の大きさはポイントで指定することが多いと思います


ホームページを作成する際は、もちろん、ポイント指定もできるのですが、そのホームページを閲覧する環境がパソコンであったり、スマートフォンであったり、閲覧画面の大きさも様々なため、ブラウザがホームページを表示する際の標準サイズに基づき、そこから、指定刻みで大きくしたり、小さくしたり、あるいは、何%の大きさで表示するという相対指定が一般的です


ページ上端ナビバーから設定



ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 全てデフォルト(何も装飾していない)状態の文字列です




全てデフォルト(何も装飾していない)状態の文字列です

ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 大きくしたい文字を選択した状態で、ページ上部ナビバーの(A+)をクリックします




大きくしたい文字を選択した状態で、ページ上部ナビバーの「ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 A+」(A+)をクリックします

小さくしたい場合は、同じく「ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 A-」(A-)をクリックします

クリックした回数に応じて、文字は大きくなったり、小さくなったりします


この指定の仕方は、標準のフォントサイズからの相対(+1、-1等)指定ですが、直接フォントサイズを指定する際は、「1~7」の数字をそのまま指定します
デフォルト(標準)サイズは、「3」です


ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 色を変えたい場合は、変えたい文字を選択した状態で、ページ上部ナビバーの(Aカラーパレットマーク)の右にある▼印をクリック、色を選択クリックします




色を変えたい場合は、変えたい文字を選択した状態で、ページ上部ナビバーの「ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 Aカラーパレットマーク」(Aカラーパレットマーク)の右にある▼印をクリック、色を選択クリックします
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 赤色をクリックすると、選択してあった文字列が赤色になります




赤色をクリックすると、選択してあった文字列が赤色になります
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 文字列を選択して、
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 (B)をクリックすると太字になります




文字列を選択して、「ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 B」()をクリックすると太字になります
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 文字列を選択して、
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 (I)をクリックすると斜字になります




文字列を選択して、「ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 I」()をクリックすると斜字になります

スタイルシートで設定



文字の大きさや色を変えたい場合、スタイルシートとして設定した方が、より細かな設定ができます
スタイルシートの設定とスタイルの設定は、同じ意味です


ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 修飾したい(大きさや色を変えたい)文字列の上で、右クリックメニューから「スタイルの設定」をクリックします




修飾したい(大きさや色を変えたい)文字列の上で、右クリックメニューから「スタイルの設定」をクリックします


注.この例では、大きさを変えたい文字列を明示する為、選択状態にしてありますが、通常、スタイルシートの設定では、文字列を選択状態にする必要はありません
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 「フォント」タブ内の中央左側付近の「予約語」の右側にある▼印をクリック、「パーセント」をクリックします




「フォント」タブ内の中央左側付近の「予約語」の右側にある▼印をクリック、「パーセント」をクリックします
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 左側の「サイズ」欄に入力できるようになりますので、標準サイズに対する文字の大きさをパーセント(割合)で入力し、「OK」をクリックします




左側の「サイズ」欄に入力できるようになりますので、標準サイズに対する文字の大きさをパーセント(割合)で入力し、「OK」をクリックします

この例では、標準サイズの「70%」を指定しています
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 スタイルシートは、この例の様に、段落とか、あるいは、表のセルのような、1つの固まりに対して設定されます




スタイルシートは、この例の様に、段落とか、あるいは、表のセルのような、1つの固まりに対して設定されます

この例では、選択した文字列以外の赤枠(段落を示しています)で囲まれた範囲内、全ての文字列が変更されてしまいます
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 それぞれの行毎に異なる設定をするため、段落を分けました (カット&ペーストで赤枠の外に切り出しています)




それぞれの行毎に異なる設定をするため、段落を分けました (カット&ペーストで赤枠の外に切り出しています)
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 文字の大きさを10%刻みで設定した状態です




文字の大きさを10%刻みで設定した状態です
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 色を変えたい場合、同様に、右クリックメニュー「スタイルの設定」で、「色と背景」タブを選択、タブ内左上の方にある「前景色」「背景色」を選択します




色を変えたい場合、同様に、右クリックメニュー「スタイルの設定」で、「色と背景」タブを選択、タブ内左上の方にある「前景色」「背景色」を選択します
ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 先述しましたように、スタイル設定は、固まり(この例では段落)に対して設定されます




先述しましたように、スタイル設定は、固まり(この例では段落)に対して設定されます

背景の範囲等、細かく制御したい場合は、表のセルの大きさで枠組み調整すると便利です

白抜き文字の書き方



ホームページビルダー19 使い方 文字の大きさ 色の変え方 文字修飾の仕方 白抜き文字も、スタイルシートを利用し、前景色を「白」に、背景色を好みの色にすることによって簡単に書けます

白抜き文字も、スタイルシートを利用し、前景色を「白」に、背景色を好みの色にすることによって簡単に書けます


この例では、文字を読み易くするため、太字にしてあります

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > ホームページビルダー19 文字の大きさ 色の変え方 文字修飾の仕方
HPB18 | HPB19 コンテンツ一覧
   

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