Webページの書式設定
背景画像を設定したい
まず、メニューバーから「書式(O)」→「背景(K)」を選択してください。
ページのプロパティが開かれ、[書式設定]タブが表示された状態になります。
「背景の画像(I)」の横のチェックボックスをつけて、「参照(B)」ボタンを押してください。
[背景画像の選択]ダイアログボックスが表示されました。
背景画像を指定して[開く]ボタンをクリックします。
最後にOKボタンを押してください。
背景画像を固定したい
ページをスクロールしても、背景画像を固定したい場合はどうすればいいでしょうか?
これはとても簡単です。
背景の画像の下の、「ウォーターマークに変更する(W)」のチェックボックスをつけてOKボタンを押してください。
マウスに触れるとハイパーリンクの色を変化させたい
マウスに触れるとハイパーリンクの色を変化させることができます。
[ファイル]→[プロパティ]をクリックして、ページのプロパティを表示させて[詳細設定]タブをクリックしてください。
[スタイル]設定オプションの右側に「マウスでポイントしたハイパーリンクに効果を適用する」にチェックを入れて、
その下の[ロールオーバーのスタイル]ボタンをクリックしてください。
すると、フォントダイアログボックスが表示されます。
ここで、フォントの色と効果を付けてください。
下にプレビュー(見本)が表示されますので、確認しながら設定して、OKボタンをクリックしてください。
最後にページのプロパティのダイアログボックスのOKボタンをクリックしてください。
背景色を設定したい
まず、メニューバーから「書式(O)」→「背景(K)」を選択してください。
下の「色」の欄にて、背景の設定がありますね。
その横の▼ボタンを押してみてください。
すると、標準の色16色が一覧にでます。
自動の場合は背景色は白になります。
基本色16色ではちょっと・・・と思っていらっしゃるあなたは、
一番下の「その他の色(M)...」を選択してください。
さらに、その他の色にない特殊な色を設定したい場合は
「ユーザー設定(C)」にて微調整することが可能です。
最後にOKボタンを押してください。
ちなみに、すでにRBG16進数の色コードがすでに決定されている場合、そのコードを「値(V)」に入力してください。
ポイント
背景色を「この色と同じ色にしたい!」というときは、ボタンを押してください。
すると、マウスポインタがに変わり、画面上のクリックした色を指定することができます。
画像の一部の色と同じ色にしたいなどの場合にはとても便利です。
テキスト、ハイパーリンクの色を指定したい
もし、暗い背景を選択した場合、通常のテキストの文字列も同時に設定しなおしてください。
できるだけ見やすいようにコントラストのはっきりする明るい色を選択するとよいでしょう。
まあ、単純に「白」を選択してもかまわないんですけど(笑)
あと、忘れてはならないのは、ハイパーリンクの色の設定です。黒っぽい背景色を選択した場合、それぞれのハイパーリンクの文字色を明るい色に設定するのを忘れずに!
まず、メニューバーから「書式(O)」→「背景(K)」を選択してください。
色の設定欄の[テキスト]は黒、ハイパーリンクは青、表示済みのハイパーリンクは紫になっています。
基本テキストの色を白に変えたい場合は、背景色の設定と同様、
右側の▼印をクリックして、一覧から設定したい色をクリックしてください。
その後、ハイパーリンク、表示済みのハイパーリンク、アクティブハイパーリンクの色も設定しておきましょう。
アクティブハイパーリンクというのは、クリックしたときの色です。一瞬ですのであまり気づかない業だとは思いますが(^^;
バランスの取れた設定を確認したところで、最後に「OK」ボタンを押してください。
HTMLについて
HTMLではこのように記述されます。背景を設定するのは<body>タグです。
背景画像 | background |
背景色 | bgcolor |
テキスト色 | color |
ハイパーリンク | link |
表示済みのハイパーリンク | vlink |
アクティブハイパーリンク | alink |
例えば、背景画像は指定せず、背景色を黒、テキスト色は白、
ハイパーリンクは黄色、表示済みのハイパーリンクはライムにした場合
<body bgcolor="black" color="white" link="yellow" vlink="#00FF00">
となります。
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!
2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。