ホームページの作成中に経過確認の方法

HTMLの文章はブラウザで見ないとタグが正しく入力されているかどうかの確認ができません。 ですので途中確認をする必要があるのですが、ホームページを途中で保存し、そのファイルをブラウザで 開くことでどのようにタグが動いているかを確認することができます。

HTML文章で作ったホームページはたくさんの画像やファイルを使うので、データを 一つのフォルダにまとめて管理しておくとよいです。保存する前に、新しいフォルダを つくり、わかりやすい名前をつけます。トップページの場合は通常index.htmlか index.htmです。最近の主流はほとんどが.htmlです。


Our partners

  • 税理士 →税理士の事ならことサイトです。
  • ランチェスター →ランチェスターのことを勉強しよう。
  • 電話占い →電話占いならこのサイトが一番です。
  • 探偵 川口 →探偵を川口でお探しならここです。

  • 保存したホームページをブラウザで開きましょう。fttpソフトを使って作成した ホームページファイルと画像などを一度出アップロードします。よほどの大きさ のものでない限りすぐにアップロードは完了します。ドメイン名をブラウザに 打ち込んで開いてみると実際に訪問者にどのように表示されるかがわかります。 エクスプローラとファイヤーフォックスの両方で確認するようにします。

    昔は正直言うとエクスプローラーユーザーがほとんどだったので、そちらでしか 確認していなかったのですが、ここ数年でファイヤーフォックス人口が5分5分 位になってきているので軽視できなくなってきました。

    慣れてくると経過を確認しなくてもhtmlコードを直接打ち込みながら、完成図 を想像しながら作成することができます。ただそれでもブラウザごとの違いは わからないので、最終的には確認が必要になります。

    確認しながら進めるのはよいですが、いちいちアップロードしてはチェックして、と するのは面倒です。簡単なチェックであれば、ホスト側からファイル名をダブルクリック してアブストラクトを確認することもできます。

    ホームページの途中確認は作成の途中で何回も行いましょう。特に一度出来上がった 部分に変更を加えると全体のレイアウトが変わってしまうことがあります。いくつもの 変更をまとめてして確認すると表示がうまくいっていない場合などに、どの部分が おかしくてホームページがうまく表示されないのか原因をみつけるのに時間が かかってしまいます。急がば回れです。

    途中経過を確認せずに一気に変更などを加える場合、おかしな部分がでても それがホームページのどの部分をいじって変ったものなのかがすぐにわかりません。 結局またあちらこちら変更して、その都度経過確認をすることになりますので、 時間がかかるだけです。


  • 会計事務所 →会計事務所は信頼と実績のこの会社です。
  • パワーストーン →パワーストーンのことについてもっと知ろう。
  • 電話占い →電話占いに特化した面白いサイトです。
  • 名刺印刷 →名刺印刷はここに依頼しましょう。

  • ブラウザを使って確認する方法もあります。この方法だと確認は非常に楽ですが、 インターネットエクスプローラーとファイヤーフォックスの両方で調べるようにしましょう。 数年前まではホームページを見るのはインターネットエクスプローラーが主流でしたが、 近年ファイヤーフォックスの重要が増え、数年後にはエクスプローラーを抜くとさえ 言われています。

    他にも色々な会社がブラウザーを出しており、たとえばファイヤーフォックスの起動の 遅さを解消したブラウザも最近登場しました。どんどんおいてけぼりを食らっているのが エクスプローラーのような気もします。

    経過確認とは言っても実際にアップロードする方法が一番ですが、実は アップロードしなくてもローカル側で、つまりffftp側でファイルをダブルクリック すれば見れます。画像等もローカル側にある必要がありますが、この方法だと いちいちファイルをあげる必要がないので時間が短縮できます。

    最も正確な方法で時間をかけて確認してもよいですが、かなり事細かに やらないとある程度まとまった変更をしてから確認したのでは、不具合が出た時に どの変更のせいでおかしくなったのかわからなくなってしまいます。

    同じブラウザではありますが、レイアウトなどの基準が違うようで、表示が 違ってレイアウトが崩れるケースが多々あります。同じスタイルシートで両方 に使えるコードがあるので、詳しく勉強してみましょう。

    インターネットエクスプローラーとファイヤーフォックスに焦点を当てて確認するのが よいでしょう。ネットスケープは現在ほとんど使われていませんので、気にする必要 はありません。各ブラウザでの表示の違いをスタイルシートで経過確認しながら 見ていきましょう。


  • プレス加工 →プレス加工なら安心のこの会社まで。
  • 株式会社設立 →株式会社設立を任せるならこの会社です。
  • チラシ印刷 →チラシ印刷なら安心のこの会社がベストです。
  • オリジナルカレンダー作成 →オリジナルカレンダー作成ならこの会社が一番です。

  • メニュー

    お気に入りサイト達

    内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。