トップ > 無料で作る簡単なホームページ > Komposerを使った簡単なホームページ作成

※ここの解説は、後になるほど省略されている場合がありますのでできるだけ順番に読んでください。

■ 文字の装飾について

文字の装飾はいろいろありますが、基本的なところを押さえてみましょう。

◆ ページ全体の文字色

ページ全体の文字色を変更したい場合は、「コマンドメニュー」「書式(O)」−「ページの色と背景(U)」をクリックします。
すると、次のような画面が表示されます。
原寸表示

画面上部の「次の配色にする(C)」をクリックし、「本文(N)」右横のボタンを押して背景色に設定したい色をクリック後、「OK」ボタンをクリックします。
原寸表示

再度「OK」ボタンを押して記録してください。

◆ リンク文字の文字色変更

リンク文字の文字色を変更したい場合も、「コマンドメニュー」「書式(O)」−「ページの色と背景(U)」をクリックし、表示された画面の「リンク文字列(L)」「選択されたリンク文字列(A)」「訪問済みのリンク文字列(V)」で変更します。
原寸表示

原寸表示

注意)誰もが同じ環境(WindowsInternet Expolorer)で見てるとは限りません。
ホームページ(WEBページ)に使用する色は「WEBカラー」と呼ばれる基本216色カラーを使用するのがベストです。
「WEBカラー」「基本216色カラー」については、「文字カラーピッカー(JavaScript版)」、「背景カラーピッカー(JavaScript版)」を参照してください。

また、「リンク」「アクティブなリンク」「訪れたリンク」などの意味は、「HTMLの解説」−「4.文字の飾り付け」を参照してください。

◆ 部分文字色の設定

部分的に文字色を設定する場合は、変更したい文字を範囲選択した後「コマンドメニュー」「書式(O)」−「文字色…(C)」をクリックします。
すると次のような画面が表示されます。
原寸表示

表示された色をクリックして選択するか、カラーコードで指定します。

注意)誰もが同じ環境(WindowsInternet Expolorer)で見てるとは限りません。
ホームページ(WEBページ)に使用する色は「WEBカラー」と呼ばれる基本216色カラーを使用するのがベストです。
「WEBカラー」「基本216色カラー」については、「文字カラーピッカー(JavaScript版)」、「背景カラーピッカー(JavaScript版)」を参照してください。

◆ 文字の背景色の設定

部分的に文字の背景色を設定する場合は、説明がかなり複雑なので、ここでは割愛します。

◆ 文字の大きさを変更する

文字の大きさを変更する場合、いくつか方法があります。
まず、変更したい文字を範囲選択した後、次のいずれかを行います。

1.「書式ツールバー1」「段落の書式を選択」をクリックし、プルダウンメニュー「見出し1 <H1>」〜「見出し6 <H6>」に変更する
原寸表示

2.「書式ツールバー2」「文字サイズを1段階小さく」「文字サイズを1段階大きく」をクリックする
原寸表示

3. 「コマンドメニュー」「書式(O)」−「サイズ(Z)」をクリックし表示される一覧から選択する

※それぞれの意味など、詳しくは、このサイトの「HTMLの解説」−「4.文字の飾り付け」 や「14.スタイル属性」を参照してください。

◆ 太字、斜体文字、アンダーライン(下線)

これらの設定もすべて「書式ツールバー2」にあります。
原寸表示

装飾したい文字を範囲選択し、それぞれのボタンを押すだけです。

◆ 左寄せ、中央寄せ、右寄せ、均等割り付け

これらの設定もすべて「書式ツールバー2」にあります。
原寸表示

装飾したい文字を範囲選択し、それぞれのボタンを押すだけです。
Komposer』では行単位、複数行単位のどちらでも自由に配置を変更する事ができます。

◆ フォント名を変更する

装飾したい文字を範囲選択した後「コマンドメニュー」「書式(O)」−「フォント(F)」をクリックし表示される一覧から選択します。

◆ 特殊文字を挿入する

「特殊文字」とは、タグなどに使用されている文字(記号)のことです。
これらの文字(記号)は普通に記述するとタグとして認識されますので表示できません。
そのような文字(記号)を入力する時使用します。

コマンドメニュー」「挿入(I)」−「文字・シンボル…(C)」をクリックします。
すると次のような画面が表示されます。
原寸表示

まず、「カテゴリ」を選択し、その後、「文字(L)」「文字(C)」をクリックしプルダウンの中から挿入したい「特殊文字」をクリックします。

◆ 見出し文字にする

装飾したい文字を範囲選択した後「書式ツールバー1」「段落の書式を選択」をクリックし、プルダウンメニュー「見出し1 <H1>」〜「見出し6 <H6>」に変更する
原寸表示

※見出しについては、「HTMLの解説」−「4.文字の飾り付け」をご参照下さい。

【 姉妹サイト 】

  • SEO対策、インターネット上の便利な調査ツールを公開
SEO対策についての解説やWEBツールの公開


Copyright (c) 2000-2009, all Rights Reserved & Produced by atom
page update:2019/01/17 19:37

SEO対策 & ツール  株式会社ピーオーピー
Home  ↑ページトップ  タオル卸市場