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

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

■ 文字の装飾について

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

◆ページ全体の文字色

ページ全体の文字色を変更したい場合は、「ツールバー」「ページのプロパティ」をクリックし、表示された画面の「文字色」で変更します。


指定方法は、カラーコードで設定する方法と、右横のパレットで色を選択する方法があります。
パレットを使用するときは「文字色」選択ボタンをクリックして凹んだ状態にした後、色を選択します。
※カラーコードについてはここのサイトの「HTMLの解説」竏秩u3.背景色の決定」を参照してください。

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

リンク文字の文字色を変更したい場合も、「ツールバー」「ページのプロパティ」をクリックし、表示された画面の「未アクセスリンク色」「アクセス済リンク色」「アクティブリンク色」で変更します。
ページのプロパティ

「未アクセスリンク色」「アクセス済リンク色」「アクティブリンク色」などの意味は、「HTMLの解説」竏秩u4.文字の飾り付け」を参照してください。

◆部分文字色の設定

部分的に文字色を設定する場合は、いくつか方法があります。
まず、変更したい文字を範囲選択した後、次のいずれかを行います。

1.「ツールバー」「文字色」をクリックし、表示された画面でカラーコードを入力する
2.「ツールバー」「文字色」をクリックし、表示された画面のパレットで色を選択する
3.「ツールバー」「文字(色サイズ)」をクリックし、表示された画面の左下「文字飾り」「色の設定」をクリックしてプルダウンメニューから文字色を選択する
4.「ツールバー」「文字(色サイズ)」をクリックし、表示された画面の左下「文字飾り」の右横の「色選択ボタン」をクリックして、表示される画面から自由な色を選択する
フォント名
色の設定画面

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

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

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

1.「ツールバー」の下、「見出し」「H1」縲怐uH6」に変更する
2. 「ツールバー」の下、「フォントサイズ」「1」縲怐u7」に変更する
3. 「ツールバー」「文字の大きさ」をクリックし、「1」縲怐u7」を選択する
4. 「ツールバー」「文字(色サイズ)」をクリックし、表示された画面の「サイズ」を変更する
   この場合の「サイズ」は、ピクセル単位となります。
フォント名
フォント名

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

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

これらの設定もすべて「ツールバー」にあります。
装飾したい文字を範囲選択し、それぞれのボタンを押すだけです。
ツールバー

◆左配置、中央配置、右配置

これらの設定もすべて「ツールバー」にあります。
ツールバー

装飾したい文字を範囲選択し、それぞれのボタンを押すだけです。
※なお、それぞれの「配置」は段落単位でしかできません。
行単位、段落単位は「Piyokoを使った簡単なホームページ入門」竏秩u改行と段落について」を参照してください。

◆フォント名を変更する

装飾したい文字を範囲選択した後「書式設定バー」「フォント名」をクリックします。
すると使用できる「フォント名」プルダウンで一覧表示されますので、その中から設定したい「フォント名」をクリックします。
書式設定バー

また、装飾したい文字を範囲選択した後「ツールバー」「フォント名」をクリックする方法もあります。
この場合は、次のような画面が表示されます。
フォント名

この画面の「フォント」の一覧表から使用する(設定したい)フォント名をクリックし、「OK」ボタンをクリックします。
この画面を使用すると、「文字スタイル」、「文字サイズ」、「文字色」などを一度に設定することができます。

◆特殊文字を挿入する

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

「書式設定バー」「特殊文字」をクリックします。
すると使用できる「特殊文字」プルダウンで一覧表示されますので、その中から入力したい「特殊文字」をクリックします。
書式設定バー

◆見出し文字にする

装飾したい文字を範囲選択した後「書式設定バー」「見出し」をクリックします。
すると設定できる「見出しタイプ」プルダウンで一覧表示されますので、その中から設定したい「見出しタイプ」をクリックします。
書式設定バー

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



page update:2011/07/31 00:16

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom