エディタやブラウザの基本的な使い方

新しくhtmlファイルを作成する

メモ帳などのエディタで新しい文書を作成する方法を説明します。

とはいっても、単にメモ帳を起動したら真っ白な状態の画面が表示されるので、なにもしなくても そのまま新しい文書を書くことができます。

すでに存在するhtmlファイルをエディタで開く

通常、htmlファイルは、Internet Explorerなどのブラウザに「関連付け」されていますので、htmlファイルをダブルクリックして 開いただけでは、そのhtmlファイルの 中身を編集することはできません。試しに用意したhello.htmlを、右クリックからパソコンに保存して ダブルクリックして開いてみて下さい。おそらくブラウザが立ち上がって、 htmlファイルの内容(ここでは「こんにちは。」という文)が表示されます。

では、htmlファイルの中身を編集するにはどうすればいいのでしょうか。そのためには メモ帳などのエディタを起動して、「ファイル」から「開く」で、開きたいhtmlファイルを選択して開けばOKです。 試しにさっき保存したhello.htmlを選択して開いてみてください。 これでエディタにhtmlファイルの中身が表示されるはずです。

わざわざエディタを起動して「開く」のが面倒な場合は、開きたいhtmlファイルを右クリックして、「プログラムから開く」から、 開くためのエディタを選択してクリックすれば、直接そのhtmlファイルをエディタで開くことができます。

保存

html文書を新しく作ったり、すでにあるhtml文書を開いていじったりしたら、 「ファイル」から「上書き保存」しましょう。これで、html文書がhtmlファイルとしてパソコンの中に保存され 、html文書の内容も更新されます。 少なくともWindowsの大体のエディタはこの方法で保存することができます。

htmlファイルをブラウザで表示確認してみよう

HTMLファイルを作って送ろうのように、ちょっとhtml文書をいじるたびにわざわざFTPソフトで サーバーにアップロードして、ブラウザを開いて自分のサイトを出して確認するのは面倒なので、 サーバーには送らず自分のパソコンの中で表示を確認したほうが楽です。もっとも、最終的にちゃんとサイトとして 公開するためには当然サーバーに転送しないといけませんが。

上の「すでに存在するhtmlファイルをエディタで開く方法」で、htmlファイルをダブルクリック したらブラウザが立ち上がって内容が表示されると書きましたが、これこそが表示を確認する方法なのです。

もしhtmlファイルがInternet Explorerなどのブラウザに関連付けされていない場合は、エディタで編集する場合と同じように、 一度ブラウザを立ち上げて、「ファイル」から「開く」か、 直接、開きたいhtmlファイルを右クリック、「プログラムから開く」から 、開くためのブラウザを選択してクリックすれば、同じようにブラウザが立ち上がって確認することができます。

HOME