ホームページ作成法

ホームページ作成法（HTMLの作り方）

　ホームページは、HTML（Hyper Text Markup Language）という記述言語を使って作成します。記述言語とは、「タグ」を使ってホームページ上の文章や画像、レイアウトなどを指定するためのものです。ホームページのちょっとした修正や変更したいときなど、HTMLの知識が役立ちます。
　HTMLはテキストエディタ（メモ帳など）で記述すればいいので、タグの使い方さえ覚えれば、誰でも簡単にホームページを作成することができます。
　HTMLファイルの基本構造は、１行目のドキュメントタイプの宣言から始まります。HTMLの文法は世界的な基準で定められていますが、その基準を明確にするためです。

HTMLファイルの基本構造（検索エンジン対策用）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=x-sjis">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<TITLE>タイトル</TITLE>
<meta name="robots" content="index,follow">
<meta name="keywords" content="キーワード1,キーワード2 ,キーワード3, ">
<meta name="description" content= "ホームページの特長を分かりやすい文章で">
</HEAD>

<BODY>

（作成の手順）
1. キャッチコピーでHPの特長を分かりやすく記述します。（検索エンジン対策）
2. 必要があればテーブルを挿入、フレームを分割、セルサイズを調整します。
3. ロゴやボタンや写真を配置し、位置やサイズを調整します。
4. 文字を入力、配置し、サイズやカラーを調整します。
5. 背景カラー、背景写真、背景パターンを設定します。
6. ナビゲーションボタン、写真、画像、文字にリンクを貼ります。

</BODY>
</HTML>

最低限知っておきたいHTMLのタグ

　タグにより、ホームページの個々の属性を決めることができます。見出しであれば<hl>見出し</hl>といったように＜＞～＜／＞で囲んだ～部分の属性を決めます。よく使用される代表的なタグを紹介します。
　作成したHTMLファイルは、拡張子をhtmlまたはhtmで保存します。しかしWindowsXPでは拡張子は表示されないので、拡張子の確認や変更のために初期設定を変更してください。変更方法は、
⇒コントロールパネル⇒デスクトップの表示とテーマ⇒フォルダオプション⇒表示「拡張子は表示しない」のチェックをはずし、OKボタンを押すと設定完了です。

●見出しの文字　（hl～h6　数字が大きいほど見出しの文字が小さくなる）
　　　　　<h1>あいうえお</h1>
●本文の文字の大きさ　（※に+4......-4の数字を入れる。0が標準）
　　　　　<fontsize＝※>あいうえお</font>
●文字の位置
　センターに入れる　　　<Center><h2>あいうえお</h2></center>
　１行開ける(広い行間)　<p>あいうえお</p>　　　改行する(狭い行間)　<br>あいうえお
●文字を太くする　　　　<b>あいうえお</b>　　　イタリック　<i>あいうえお</i>
●画像を入れる　（※=ファイル名、※1、※2=画像サイズをピクセル単位で設定）
　　　　 <IMG SRC="※" WIDTH="※1" HEIGHT="※2" ></A>
●リンクを設定　 <A HREF="※" TARGET="_top">文字や画像</A>（※はリンク先のURL）