ホームページって何で作るの？
ホームページはHTMLというデータでできてます。
みなさんが見ているこの画面もHTMLです。
じゃそのHTMLってどうやって作るのでしょう。
方法は二つあって、
ホームページビルダーやドリームウィーバー等の
ツールを使って作る方法と
メモ帳から作る方法です。
メモ帳から作るといっても、正直なとこメモ帳じゃ
限界があるので、テキストエディタというものを使用します。
でもテキストエディタは有料の物が多いので
俺はがんばって無料で作りあげるねん！！って人は
メモ帳でもがんばれなくないです。
ホームページビルダーやドリームウィーバー等の
ツールは難しい知識がなくてもかなり男前なホムペを
作れるのでオススメです。でももちろん有料です。
今回は無料でホムペが前提なので
メモ帳でがんばる方法を書きます。
メモ帳で作る
windowsに標準でついてるメモ帳を開いてみてください。
スタート → プログラム → アクセサリ → メモ帳です。
すると白い画面が出てきましたね。
ここには文字が打ち込めるのですが下に書く
ローマ字の羅列（ソースコードといいます）をそのまま貼り付けてください。
<html>
<body>
<input type="button" value="ボタンですよ">
</body>
</html>
そのまま貼り付け完了しましたか？
そしたらそれを保存しましょう。
保存する際に名前をつけるのですが、 test.html にしてください。
本来メモ帳で保存する時は？？？.txtとなるのですが
？？？.html にしてやる事がポイントです。
もちろん txt で保存してから html に変更してもOKです。
じゃ次は保存した test.html をダブルクリックしてやりましょう。
※一度保存した後はhtml形式なのでダブルクリックするとブラウザで開いてしまいます。中のソースコードを変更したい場合には、 右クリック→アプリケーションから開く→notepad を選ぶか、テキストエディタが入っている場合には 右クリック→送る→テキストエディタ名 等で編集する事ができます。
するとブラウザが開いて四角いボタンが出てきましたね。
ちゃんとボタンですよって書かれてますよね。
このボタンはとりあえず飾りです。
でもホムペ作りの基礎となる html データがこれでできあがったのです。
ローマ字の羅列を書いただけなのにボタンが出てくるなんて
とっても不思議ですね。でもこれがHTMLなのです。
くわしいHTMLの説明はクマイエHTML館でしています。
ここではとりあえずホームページ作成の基本として
簡単な html を作ってもらいました。
この html をサーバーにアップロードすれば
あなたのホムペ（飾りボタンだけ）第１号の出来上がりです。
ちなみにサーバーにアップロードする方法は
各レンタルサーバーによって違うのでレンタルサーバーの
ヘルプを参考にしてがんばってください。
FTPソフトというのを使ってアップロードする方法になると
思いますが、どんなソフトを使えばいいのかも
ヘルプに書いてるので確認してみてください。
アップロードとURLについて
まずURLの説明をします。
URLというのはドメイン名とディレクトリ名（フォルダ名）から出来てます。
例えばクマイエのURLは
http://draff.net/kumaie/
です。これはdraff.netがドメイン名でkumaieがディレクトリ名です。
クマイエはこうしたドメイン名とディレクトリ名からできてますが
ドメイン名だけのサイトが大半です。
例えばyahooなんかもそうですね。Yahoo.co.jpで終わってますよね。
クマイエは個人サイトなのでドメイン名/ディレクトリ名にして
一つのドメイン名でたくさんのサイトを作れるようにしてます。
こうする事により
http://draff.net/kumaie/
http://draff.net/lucky/
http://draff.net/happy/
という感じでいくつでもサイトを作れるのです。
（ちなみに下二つのアドレスは存在しません、あしからず）
ドメイン名を取得するのは無料じゃないのでたくさん取得すると
クマイエ管理人は経済破綻をおこしちゃいます。
でも企業等のサイトはドメイン名だけなのです。
その方が覚えてもらえるし、打つのも楽だし。
クマイエ管理人も将来的にはkumaieでドメイン取得したいです。
でもお金ないので、そのうちです。乞うご期待！
話はそれましたがdraff.netという場所にある
kumaieというフォルダの中にデータを入れる事により
このクマイエは公開されています。
そしてそのURLと html データの繋がりなんですが
クマイエのトップページ（マント装着したクマの絵があるページ）
のファイル名は index.html といいます。
ファイル名に index.html という名前をつけてやると
そのファイルがあるフォルダ名が呼び出された時に
index.htmlが開く仕組みになってます。
だから厳密にクマイエのトップページのアドレスを
表記した場合にこうなります。
http://draff.net/kumaie/index.html
試しにこのアドレスで打ってみてください。
同じ画面に飛ぶでしょ？
各レンタルサーバーによってドメインを
自由に決められる等、色々ありますが
そのドメインの中にindex.htmlを入れておいてやる事で
そのドメインが呼ばれた時にindex.htmlが表示されます。
他の画像データ等の置き場にルール等はありません。
自分が使い易いよう、作り易いように配置してやってください。
|
|
|
