ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

HTMLファイルの保存

HTMLファイルとして保存しよう

前のページで入力したソースコードを、HTMLファイルとして保存してみましょう。

HTMLファイルとして保存する方法

step.1

「ファイル」→「文字/改行コード指定保存」をクリックします。

ファイルの保存方法

step.2

文字コードを「UTF-8N」に指定し、OKをクリックします。

UTF-8Nの確認

step.3

「homepage」フォルダを選択し、右下の「開く」ボタンをクリックします。

フォルダの選択

step.4

ファイル名を「index」と入力し、右下の「保存」ボタンをクリックします。

保存ボタンのクリック

これでHTMLファイルの保存は完了です。それでは、きちんと保存されているのか確認してみましょう。

正常に保存されているか確認する

step.1

デスクトップの「homepage」をダブルクリックし、開きます。

「homepage」フォルダを開く

step.2

「index.html」が保存されていることが確認できます。

index.htmlの確認

ついでに、このHTMLファイルをブラウザを通して見ると、どうなるのか確認してみましょう!

覚えておきたいポイント

拡張子について

「.html」とはHTMLファイルであることを示す拡張子(専用のファイル形式)です。その他、ホームページを製作する上でよく使う拡張子には、.jpgや.gif、.jsや.cssなどの拡張子があります。

ブラウザで確認してみよう

さきほど保存した「index.html」を、ブラウザを通して確認してみましょう。

ブラウザで確認する方法

step.1

まずは【homepage】フォルダを開き、【index.html】をダブルクリックします。

index.htmlを開く

step.2

すると、Internet Explorerが起動し、下画像のようなページが表示されると思います。

ブラウザで開いた画面

さきほど入力した、「こんにちはHTMLが」表示されていますね。なんだかちょっと寂しい気もしますが、これだって立派なホームページです。
でも、自分で書いたプログラムが動いているのを見ると、ちょっと感動しますね!

ちなみに、ブラウザ上からこのページのソースコードを確認することもできます。

ソースコードの確認方法

step.1

ページ上で右クリックし、【ソースの表示】をクリックすると…

ソースコードの確認

さきほど入力したソースコードが表示されました。

ソースコードの確認

以上がブラウザでの確認方法です。
それでは、ここまで開いた画面はすべて閉じておきましょう。

次のページでは、HTMLファイルの編集・修正方法を学習します。

覚えておきたいポイント

うまく起動しない場合は

「index.html」をダブルクリックしてもInternet Explorerが起動しない場合は、右クリックメニューから【プログラムから開く】→【Internet Explorerを】を選択してみましょう。

HTMLファイルの編集・修正
« 前のページへ 簡単なHTMLを入力してみよう!

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。