学びBAR
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ
HOME / WEB関連知識のスキルアップ / HTMLクイック・リファレンス /  ウェブ制作チュートリアル / 第2章 HTMLファイルを作成する:ブラウザでの表示確認

第2章 HTMLファイルを作成する

| ブラウザで表示確認しながら進める​

ウェブページを制作する際には、ブラウザで表示確認をしながら進めていきます。 HTMLファイルに何らかの変更を加えたらその都度上書き保存をして、そのファイルをブラウザで開いて表示させます。
たいていのパソコンでは、拡張子.htmlのファイルをダブルクリックすれば、その環境の標準ブラウザが起動するはずです。 Windows環境ならInternet Explorerが、Mac環境ならSafariが起動する可能性が高いでしょう。

| ブラウザが起動しない場合

HTMLファイルをダブルクリックしてもブラウザが起動しない場合には、拡張子と起動ソフトウェアの関連付けがうまくいっていない可能性があります。 「.html」という拡張子がブラウザ以外のソフトウェアと関連付けられてしまっているのかもしれません。
その場合には、ファイル名を右クリックして、[プログラムから開く]を選択して、Internet Explorerなどのブラウザでファイルを開くようにしてください。
写真

| ブラウザが起動しない場合

ブラウザが立ちあがらない理由として他に考えられるのは、拡張子の付け間違いです。
例えば、拡張子が全角になっていたり、スペルが間違っていたり、スペースなどの余分な文字が入ったりしていませんか。 index.txtやindex.html.txtと言う具合に、拡張子を.htmlとして保存したつもりが、txtファイルとして保存されていることも考えられます。 この場合にはファイル名をindex.htmlと変更してください。
ここまでの制作段階で、サンプルサイトは以下の状態となっています。
▶︎ この段階のサンプルサイトを確認する
まとめ
  1. HTMLファイルに変更を加えたら、その都度上書き保存してブラウザで表示確認しながら制作を進める
  2. たいていのパソコンでは、拡張子.htmlのファイルをダブルクリックでブラウザが起動する
  3. ブラウザが起動しない場合には、拡張子の付け間違いやソフトウェアとの関連付けなどを確認する

記事一覧へ
HOME                      ABOUT                      SERVICES                      UPDATES                     CONTACT
画像
1996-2024(c)Cre'ps design lab.  All rights reserved.
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ