| ■ ホームページ作成 ■ ｜Home｜Top│Page１│Page２│---│ |
|
ホームページ作成には現在、多様なソフトウェアがあり、基本となるＨＴＭＬ言語を記述しなくても容易にページが作成できるようになりました。ここではこの言語を直接記述してページを作成しましょう。使用するソフトウェアはメモ帳のみです。 |
| （４）ホームページのスタイル |
|
●基本型
<HTML>
<HEAD>
<TITLE>お店の御案内</TITLE> ←────ページのタイトル
</HEAD>
<BODY>
</BODY>
</HTML>
●画面の背景色を指定する
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BGCOLOR=”#FFFF00” ←────背景色は黄色
</BODY>
</HTML>
※背景色を白色に”#FFFFFF” （ ｗｈｉｔｅと記述してもok）
※色の指定は16進数の#RRGGBB でPaint Shop Proなどの画像処理ソフトウェアで調べる事ができます。
●画面の背景にイメージ（画像）を指定する
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif"> ←────イメージ(bk1.gif)
</BODY>
</HTML>
※背景画像はPaint Shop Pro等の画像処理ソフトウェアで作成する。
※画像容量はｇｉｆ形式で１ＫＢ以下が望ましい。容量が大きいと画面の表示速度が遅くなります。
●文字の大きさと色を指定する
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
| <FONT SIZE=5 COLOR="#ff00ff">お店の御案内</FONT> |
←文字色はピンク |
|
</BODY>
</HTML>
※SIZEを変更 SIZE=5 → SIZE=7
※デフォルト値はSIZE=3
●文字を点滅させる
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
</BODY>
</HTML>
※多用すると見づらくなるので要注意。
●太文字を作る
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
</BODY>
</HTML>
●斜体文字を作る
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
</BODY>
</HTML>
※太い斜体文字を作る→ <I><B> いわし料理店</B></I>
●文字を画面中央に配置する
<HTML>
<HEAD><TITLE>お店の御案内</TITLE></HEAD>
<BODY BACKGROUND="gif/bk1.gif">
</BODY>
</HTML> |
|
|