超初心者の私でも作れたHPの作り方です。

まずは、どんなHPにしようか あれこれ考えて骨組みを作ってみよう!
その次に、HPに載せたい画像など素材を集めておこう!
フリーウェアの素材を提供してくれるHPもたくさんあるので
いろいろのぞいてお気に入りの素材を手に入れておきましょう。
(ただし、各HPの素材使用時の注意・約束をよく読んで守りましょうね!)

ここまでできたら、次は原稿を書こう!

とりあえず、HPソフトを買わないで安く仕上げます(主婦感覚?!)
PCに組み込まれている「メモ帳」「ワードパッド」などでトップページを作ろう!

それでは、「ワードパッド」を使って。。。
「ファイル」→「新規作成」→「テキスト文書」→「OK」

さて、次は タグを使って書いていきますよぉ!
「タグ」とは、半角文字の < > で囲んだ状態で使用し、通常は2つワンセットで使います。
この 〜 の部分に文字を入れていきます。
(タグの入力は、半角英数字で!)

だいたい次にあげるタグを覚えておくと簡単なHPはできると思います。
<html>〜</html>ファイルの内容がHTMLファイルであるという定義のタグ
<head>〜</head>ドキュメントのタイトルや制作者などヘッダーと呼ばれるドキュメントに関する情報を示す
<title>〜</title>ドキュメントに名前を付けるタグ(ブラウザーのタイトルバーに表示される)
<body>〜</body>ブラウザー(画面)に表示される内容
以上のタグは、HPのお約束のタグらしい。(初心者の考えですが・・・。)
<title>までは、ブラウザーには表示されません。
<h1>〜</h1>見出しを作るタグで自動的に改行される  h1(最大)から h6(最小)
<center>〜</center>絵やテキストを中央揃えにするタグ
<body bgcolor="色の名前 or 色番">〜</body>背景の色の設定のタグZSPC(色見本)
<body background="   .gif">〜</body>背景にイメージを張り込むタグ
<img src="  .gif">画像を張り込むためのタグ
<font face="フォント名">〜</font>書体を部分的に指定するタグ
<font size="1〜6">〜</font>テキストサイズを指定するタグ 1(最小)から6(最大)
<font color="色の名前 or 色番">〜</font>部分的にテキストの色を指定するタグ
<b>〜</b>太字の指定のタグ
<hr>〜</hr>横罫線の表示のタグ
<br>〜</br>改行のタグ
<p>〜</p>段落を形成するタグ (前後が1行空きになる)
<a href="ジャンプ先の
ファイル名(URL)">〜</a>
指定したファイルにリンクをかけるタグ
<a href="mailto=メールアドレス">〜</a>ページから直接メールを送ってもらえるように設定するタグ


タグのいろいろ
         フレーム形式のHPの作り方
フォーム表示
         

書類の保存をしておこう!

「名前を付けて保存」をクリックし、ファイル名「index.html」などと付けておいて
ファイルの種類は「テキスト文書」を選び、「保存」をクリック。
「保存する場所」は、とりあえずデスクトップでもよいし、あとの作業がしやすいように
HP用のフォルダを作ってそこに保存しても良いかも・・・・。

とりあえず、ここまで解ったかな?!

それでは、私のHPを見本にしてみると・・・・。