ホームページを素早く作るために
始める前に


タグはどんな形か・・・・

HTML構造図解

ここでは、
・タグや属性は半角文字であること
・開始タグと終了タグが一対になっていること(例外もあります)
・開始タグには色々な属性を付けられること
を知ってください。


ソースの基本を・・・・

基本のソース

左側のような記述でページができています。(右側は説明です)

html言語をきちんと書かなくてもページは作れます。
左側の黒い文字部分だけでも、保存するときに「*****.html」と名前をつければ、
ちゃんとインターネットのマークになるし、ダブルクリックしてページを見ることもできます。

でも基本を知っておくと、多くの人に見てもらうために色々工夫できたり、
スタイルシートやJavascriptを組み込んだりできます。
将来のために、是非基本(青い文字部分)を書いておきましょう。


と言っても最初は難しいので、用意してある「KIHON.txt」を使ってください。
「KIHON.txt」には、<head>〜</head> 間にメタタグ(<meta content=〜)も入れています。

上の「KIHON.txt」をクリックし開いたら、「表示」→「ソース」で開くとメモ帳が立ち上がります。
メモ帳の「ファイル」→「名前を付けて保存」をクリックし、「保存する場所」を決め、
「ファイルの種類」を「すべてのファイル」にして別の名前(半角英数)で保存します。
トップページでしたら「index.html」(半角)と名前を付けます。
必ず拡張子「.html」(半角)を付けてください。

もし上の「KIHON.txt」をクリックしてソースが表示されたら、そのページをメモ帳にコピペしてください。
(コピペとは、コピー&ペースト、コピーして貼り付けることを指します)
メモ帳はパソコンの「スタート」→「すべてのプログラム」→「アクセサリー」にあります。

初めて作る場合は新しいフォルダーを用意して、その中に保存するといいです。
今回は「exe(半角文字)」というフォルダーを作り、その中に「index.html」で保存します。
これから作っていくページや画像・写真はすべてこのフォルダー「exe」の中に入れていきます。
exe・・・・exercise(練習)の略のつもりです。

フォルダーはどうやって作るの?
・「マイ コンピュータ」を開き、ローカルディスク(D)を右クリックし、「プロパティ」で空き領域を調べます。
・ローカルディスク(D)の空き領域が大きければ(1GB以上で、もっと大きい方がいい)ローカルディスク(D)を開き、
 空いている場所で右クリック→「新規作成」→「フォルダー」を選ぶと「新しいフォルダ」ができるので
 名前を半角英数小文字で「exe」にすれば、フォルダー「exe」ができます。
・ローカルディスク(D)の空き領域が小さいときは、「マイドキュメント」などに作ります。

私がアップした全ページは約2,500ファイル(画像も含む)もありますが、写真が少ないので約60MBです。
でも下準備のもの、アップしていないものなどあり、ローカルディスク(D)には全部で150MBくらいあります。

保存したものをダブルクリックで開くとインターネットエクスプローラ(ブラウザ)が立ち上がり、
画面には横線と「Copyright・・・・」が書かれていると思います。

また、保存したものを右クリックして「プログラムから開く」→「Notepad」をクリックするとメモ帳が開きます。
このメモ帳にタグを書き込んで編集していきます。

※ フォルダーを開いてもファイル名の拡張子が表示されない設定になっている場合、
  ソースに入力するとき必ず拡張子まで必要なので、拡張子を表示するように設定変更してください。
  方法は、どのフォルダーでもよいので開いて、「ツール」→「フォルダーオプション」→「表示」タブ→
  「登録されている拡張子は表示しない」のチェックを外す→「すべてのフォルダーに適用」→「OK」で完了です。
  拡張子が表示されていることを確認してください。

メモ帳以外のテキストエディターを持っている場合、それで開いても構いません。
ホームページビルダーなどの制作ソフトを持っている場合、「HTMLソース」タブを開いてメモ帳のように使えます。




このページの先頭へ
ホームページを素早く作るために  始める前に|その1その2その3


Copyright© 2007 ホームページを自作しよう JoyWave便利箱 All rights reserved.