☆HTMLファイルの作成方法
◎ 前準備として保存先を決めておきます。
絶対にこうしなさいというルールは何も有りませんが、決めておいた方がいいです。
しかも「 My Homepage 」等の名前をつけたホームページ専用フォルダをつる事をおすすめします。
「 My Document 」にそのまま保存しても問題はありませんが、専用フォルダを作っているほうが圧倒的に楽で便利です。
なお、あちらこちらにフォルダを作るのは大変ですので、「 My Document 」 内に 専用フォルダを作って準備すればいいかと思います。
理由はこれからホームページを作っていく上で、複数のページを作ってリンクさせたり多くの画像を使おうとしたときに管理が大変になります。
保存するファイルが一ヶ所に集められていましたら管理も楽ですから間違いが少なくなります。
パソコン内の整理整頓の為にも専用フォルダを作っておいて下さい。
◎ ファイルの作成方法の第一段階。
専用フォルダ内に新規テキスト文書（メモ帳）作ってください
作り方は、専用フォルダのウィンドウ開いて
（今はまだ何も保存されていませんからアイコンがひとつも無く真っ白だと思います）
左上の[ツールバー]にある[ファイル]をクリックしてください。
ファイルメニューの中から[新規作成]を選択すると[フォルダ]・[ショートカット]・[テキスト]などなど、サブメニューとしていろいろ出てくると思います。
その中から[新規テキスト文書]をクリックするとフォルダ内に新規テキスト文書と名前のついたアイコンができたはずです。
◎ 次にその保存したテキストファイルを右クリックして名前の変更をします。
ファイル名は「 mypage 」などと お好きな名前をつけてください。
（名前の付け方の注意点は後述します）
その時にファイル名と同時に、拡張子も「.txt」から「.html」に正確に変更してください。
※ なお、拡張子の事をがよくわからない方は 拡張子の説明ページを参考にして下さい。
◎ 拡張子を変更する時、パソコンは
「拡張子を変更するとファイルが使えなくなる可能性があります。それでも変更しますか？」
などと脅しをかけてきますが、気にせずに変更してください。
◎ 拡張子を変更すれば、保存したファイルのアイコンがＩＥマークに変ったはずです。
それをダブルクリックすればインターネットエクスプローラが起動し、ソースの内容通り表示されているはずです。
但し、今は新規テキスト文書から名前を変更しただけなので、テキストに何も書かれていませんのでＩＥが起動しても真っ白の状態のはずです。
◎ 私が作ったサンプル雛形のページのソースから皆さんが作られたファイルのソースにコピーして確認してください。
※ソースの事は
「このページの利用方法」を読んで確認してください
◎ なお、ソースの内容を変更したとき
フォントの大きさや色、バックの色などを変更した後、ブラウザーでの表示を確認するときには、まず
ソースを上書き保存（ファイル→上書き保存）してからページの表示されているブラウザの更新ボタンを押してください。
変更点が変わるはずです。確認してみてください。
但し画像を表示させるときは、表示させたい画像も同じ専用フォルダ内に保存しなければ正しく表示されませんのでご注意ください。
◎ もしやってみてダメなときは、もう一度、最初からやり直してみて下さい。
おそらく、大丈夫だろうと思いますが・・・・
それでもだめなときは、何か原因があるのだろうと思いますが、それぞれ各パソコンやソフトによって事情が違うと思いますので、ここでは はっきりしたことは言えません。
※ ＜重要！＞ファイル名について・・・
◎ HTMLファイルのファイル名は半角英数、記号無しがベストです。
理由は最終的に出来上がったホームページを公開するときに、日本語などの半角英数以外のファイル名ならば問題が出る場合があるからです。
たとえばリンクさせるときに日本語でつけられたファイル名を指定しても表示されません。（＝リンクできていないのです=リンクできない！）
契約されているプロバイダのサーバーにもよるのでしょうが、一般的にはホームページを管理するサーバーは、半角英数とハイフンなどの一部の記号を使ったファイル名しか認識しないようです。
◎ また、ファイル名の半角の英文字は大文字小文字の区別もしますので注意してください。
（※タグは大文字小文字関係なく記述できます）
特に画像を貼るときやリンクさせるときに指定するファイル名は、目的のファイル名と拡張子まで完全に一致させるように注意して下さい。
◎ なお、最初(トップ)のページは「index.html」にします。
たまに「default.html」というのがありますが、ほとんどの場合「index.html」です。
ここでは詳しい説明は省略しますので文句無にトップページは「index.html」にして下さい。
トップページ以外のページは半角英数でつけた「お好きなファイル名前」にして下さい。
拡張子の説明ページへ
ページの利用方法へ
HTMLの初歩的知識へ
Topへ戻る