KaptamasLand ホームページ構築計画

とりあえず作ってみよう

私が調べたところホームページを作る方法には大きく分けて4つある。

(1)ホームページ作成ソフトを使う
　ワープロの様に入力・レイアウトしたものをHTMLに変換してくれるソフトを使う。WYSIWYG(What You See Is What You Get)なソフトと言うらしい。意味は分かりません。(ってこれじゃ解説になってないな^^;)

(2)HTMLタグを直接入力する
　テキストエディター等を使って直接HTMLで記述する。
　またはタグの入力をし易いよう支援してくれるソフト(タグ挿入ソフト)を使う。

(3)ホームページを利用する
　ホームページを作ってくれるホームページを利用する。

(4)人に頼む
　これぞ究極。

どの方法を使っても結局はHTMLで記述された形式になる。
メモ帳しかない私はHTMLの直接入力によって作るしかない？

まずは初めて作るホームページだ。多くは望むまい。ホームページの最低条件は何だろうか?
取り敢えず何か書いてあって、リンクが張ってあればホームページと言える!?

今回の作成手順は以下の通り。
1.文章を作る
　とりあえず文章をメモ帳にベタ打ちしてみる。
　この時、表示させるページ単位にファイルを分けて作成する。

2.作った文章のすべての改行部分に （改行をあらわすタグ）と記述する
　文章の改行してある部分全てに と打ち込む
　これを記述しないと、メモ帳上では改行されていてもブラウザで見た時に改行されない
文章(1行目) 
文章(2行目) 
文章(3行目) 
・・・ 

3.文章の先頭に<BODY>最後に</BODY>と記述する
<BODY>
文章(1行目) 
文章(2行目) 
文章(3行目) 
・・・ 
</BODY>

4.先頭の<BODY>の前に<HEAD><TITLE></TITLE></HEAD>と記述する
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
文章(1行目) 
文章(2行目) 
文章(3行目) 
・・・ 
</BODY>

5.<TITLE></TITLE>の間にこのページのタイトルを記入する（このタイトルがブラウザの頭に表示されることになる）

<HEAD>
<TITLE>ここにタイトルを記入</TITLE>
</HEAD>
<BODY>
文章(1行目) 
文章(2行目) 
文章(3行目) 
・・・ 
</BODY>

6.リンクを張る< HREF="リンク先アドレス">リンクタイトル</A>

<HEAD>
<TITLE>ここにタイトルを記入</TITLE>
</HEAD>
<BODY>
文章(1行目) 
文章(2行目)< HREF="リンク先アドレス">リンクしたい文字列</A> 
文章(3行目) 
・・・ 
</BODY>

7.最後に今までの文章全体の先頭に<HTML>最後に</HTML>と記述する

<HTML>
<HEAD>
<TITLE>ここにタイトルを記入</TITLE>
</HEAD>
<BODY>
文章(1行目) 
文章(2行目)< HREF="リンク先アドレス">リンクしたい文字列</A> 
文章(3行目) 
・・・ 
</BODY>
</HTML>

ここで使ったHTMLタグ
<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<BODY> </BODY>
 

禁則文字の表示方法(今回、説明する上で必要になった)
< : <
> : >
& : &
" : "

ここまでにページは、上記のタグとメモ帳により記述した。

前項へ　　次項へ

ホームページ構築計画 TOPへ

カプタマスランドホームへ