Shogo.Aによるホームページ作成入門
|
まずは、メモ帳を立ち上げましょう！ メモ帳は、スタートボタン→すぺてのプログラム→アクセサリ→メモ帳で開くことができます。 
メモ帳を開いたら、何も考えずに下記の文字を入力するか、コピー貼り付けをしてみましょう。 少しでも間違ったら正しく表示されない可能性があるので、コピー＆貼り付けが無難です。 バックが白で塗りつぶされている文字ですよ！ |
|
<html> <head><title>ホームページ作成入門 by Shogo.A</title></head> <body background="http://www.cosmos.ne.jp/~taboo/img/background.gif"> <center> <h1>Shogo.Aによるホームページ作成入門</h1> <img src="http://www.cosmos.ne.jp/~taboo/img/shogo_a.gif"><br /><br /> <hr /> <table border="1"> <tr><td><h2>氏名：Shogo.A</h2></td></tr> <tr><td><h2>サイト名：<a href="http://www.cosmos.ne.jp/~taboo/">Shogo.Application</a></h2></td></tr> <tr><td><h3>HTML：まぁ、少しはできます。</h3></td></tr> <tr><td><h3>CGI・フラッシュ：人が作ったものを利用します。</h3></td></tr> <tr><td><h3>デザイン：基本的にはシンプル系が好き。</h3></td></tr> <tr><td><h3>Excel VBA：自信あり。</h3></td></tr> </table> <hr /> <p>と、まぁ、こんなカンジで<br /> アルファベットの羅列によってホームページを作ることができます。<br /> このようなアルファベットの羅列を「<b>HTMLタグ</b>」といいます。<br /> 要は、< >で囲まれている文字の意味を理解することです。 </p> </center> </body> </html> |
メモ帳に貼り付けたら、メニューバーの「ファイル(F)」から「名前を付けて保存(A)」を実行します。
保存する場所をデスクトップにして、ファイル名を「test.html」として保存しましょう。
testの後に「．html」を付けるのがミソです。
これは、「このファイルはホームページのファイルですよ」という意味を表しています。
保存すると、デスクトップに「test.html」というアイコンができているはずです。
これで、ホームページは作成できました！後はファイルを開いてみましょう！
下記のようなホームページが表示されれば成功です。
このようにして、文字の羅列で作るのがホームページ作成の基本です。
文字しか入力してないのに、ちゃんと画像や線が表示されてますよね？
試しにtest.htmlを再度メモ帳で開いて、日本語の部分を書き換えたあと上書き保存してから、またtest.htmlを開いてみましょう
書き換えた部分が、ホームページ上でも変わっているはずです。（アルファベットの部分はいじらないように！）
< >で囲まれているアルファベットには、それぞれ意味があって、その意味を覚えればホームページを作れるようになります。
まあ、後はやる気の問題です。興味がある人は、本やネットなどで調べてみるといいです。
どうしても覚えるのは無理だ。という人は、「ホームページビルダー」などのソフトウェアを使うという方法もありますけどね。
このようにして僕はホームページを作成しているというわけです。
皆さんに少しでも、ホームページ作成の雰囲気を味わってもらえたなら幸いです。
では、最後まで読んでくれた方、ありがとうございました！
