デザインの工夫

1、スタイルシートを使う

(注:これを入力したとしても、FrontPage Express上では設定が反映されたことを確認できません。ファイルをブラウザで表示したとき確認できます。)

スタイルシートを使うと、ページ内の設定が一括でできる
また、多種多様の表現をすることができる。

行間を空けたり、フォントを指定したり、下の例のようなことなどができる。良いデザインのサイトを作るなら、かなり重要になってくるものです。

参考ページ:とほほのスタイルシート入門

残念なことに、FrontPageExpressはこれに対応していないので、スタイルシートを使うには、表示→HTML でHTMLを表示し、直接編集するしかない。

ただ、表の内部あるいは、セルの内部だけ、スタイルを設定することは可能である。
その方法は

表(セル)のプロパティを開く→拡張→属性名にstyleと入力→値に○○:△△と入力(○○はタグ、△△は値)

実例

例えば、このセルに
属性名にstyle、
値にline-height:150%
と入力した場合、
この文章のように行間を空けることができます。
逆に何も指定していない場合は、
このように
行間はなにも設定していない場合と変わりません


実用例

タグにスタイルを設定した場合の実用例(こんな感じの見出しが作れる)

 

2、画像を使う。

グラフィックエディター(ペイントなど)を利用して作ってもよいし、HP素材を利用してもよいでしょう。)

3、フォントを変える。

MS P ゴシック (デフォルト)
MS P 明朝 
MS UI Gothic
Times New Roman
System
HGS行書体
HG丸ゴシックM−PRO
などなど

4、色づかいを気をつける

あああ あああ あああ あああ あああ あああ

BACK<その他>メニューへ戻るNEXT<掲示板・カウンタの設置>
inserted by FC2 system