www.wanichan.com

Web > FrontPage > FrontPage 2003 (初級編) > Webページの作成

Webページの書式設定

Webページの作成

背景画像を設定したい

まず、メニューバーから「書式(O)」→「背景(K)」を選択してください。
ページのプロパティが開かれ、[書式設定]タブが表示された状態になります。
「背景の画像(I)」の横のチェックボックスをつけて、「参照(B)」ボタンを押してください。
図:ページのプロパティ-書式設定

[背景画像の選択]ダイアログボックスが表示されました。
背景画像を指定して[開く]ボタンをクリックします。
図:背景画像の選択

最後にOKボタンを押してください。

▲Page TOP

背景画像を固定したい

ページをスクロールしても、背景画像を固定したい場合はどうすればいいでしょうか?
これはとても簡単です。
背景の画像の下の、「ウォーターマークに変更する(W)」のチェックボックスをつけてOKボタンを押してください。
図:ページのプロパティ(書式設定)

▲Page TOP

マウスに触れるとハイパーリンクの色を変化させたい

マウスに触れるとハイパーリンクの色を変化させることができます。
[ファイル]→[プロパティ]をクリックして、ページのプロパティを表示させて[詳細設定]タブをクリックしてください。
図:ページのプロパティ(詳細設定)

[スタイル]設定オプションの右側に「マウスでポイントしたハイパーリンクに効果を適用する」にチェックを入れて、
その下の[ロールオーバーのスタイル]ボタンをクリックしてください。

すると、フォントダイアログボックスが表示されます。
図:フォント
ここで、フォントの色と効果を付けてください。
下にプレビュー(見本)が表示されますので、確認しながら設定して、OKボタンをクリックしてください。
最後にページのプロパティのダイアログボックスのOKボタンをクリックしてください。

▲Page TOP

背景色を設定したい

まず、メニューバーから「書式(O)」→「背景(K)」を選択してください。
図:ページのプロパティ(書式設定)

下の「色」の欄にて、背景の設定がありますね。
その横の▼ボタンを押してみてください。

図:背景色パレット
すると、標準の色16色が一覧にでます。
自動の場合は背景色は白になります。

基本色16色ではちょっと・・・と思っていらっしゃるあなたは、
一番下の「その他の色(M)...」を選択してください。
図:その他の色

さらに、その他の色にない特殊な色を設定したい場合は
「ユーザー設定(C)」にて微調整することが可能です。

最後にOKボタンを押してください。

ちなみに、すでにRBG16進数の色コードがすでに決定されている場合、そのコードを「値(V)」に入力してください。

図:*ポイント

背景色を「この色と同じ色にしたい!」というときは、図:選択ボタンを押してください。
すると、マウスポインタが図:スポイトに変わり、画面上のクリックした色を指定することができます。
画像の一部の色と同じ色にしたいなどの場合にはとても便利です。

▲Page TOP

テキスト、ハイパーリンクの色を指定したい

もし、暗い背景を選択した場合、通常のテキストの文字列も同時に設定しなおしてください。
できるだけ見やすいようにコントラストのはっきりする明るい色を選択するとよいでしょう。
まあ、単純に「白」を選択してもかまわないんですけど(笑)
あと、忘れてはならないのは、ハイパーリンクの色の設定です。黒っぽい背景色を選択した場合、それぞれのハイパーリンクの文字色を明るい色に設定するのを忘れずに!

まず、メニューバーから「書式(O)」→「背景(K)」を選択してください。
図:ページのプロパティ(書式設定)

色の設定欄の[テキスト]は黒、ハイパーリンクは青、表示済みのハイパーリンクは紫になっています。

基本テキストの色を白に変えたい場合は、背景色の設定と同様、
右側の▼印をクリックして、一覧から設定したい色をクリックしてください。

その後、ハイパーリンク、表示済みのハイパーリンク、アクティブハイパーリンクの色も設定しておきましょう。
アクティブハイパーリンクというのは、クリックしたときの色です。一瞬ですのであまり気づかない業だとは思いますが(^^;

バランスの取れた設定を確認したところで、最後に「OK」ボタンを押してください。

HTMLについて

HTMLではこのように記述されます。
背景を設定するのは<body>タグです。
背景画像background
背景色bgcolor
テキスト色color
ハイパーリンクlink
表示済みのハイパーリンクvlink
アクティブハイパーリンクalink

例えば、背景画像は指定せず、背景色を黒、テキスト色は白、
ハイパーリンクは黄色、表示済みのハイパーリンクはライムにした場合
<body bgcolor="black" color="white" link="yellow" vlink="#00FF00">
となります。

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ