トップページ→プロ3ゼミ
→プログラミング入門→第1章
第1章 ホームページを作成しよう！
ホームページを作成するのに必要なのは、パソコンに標準で用意されている「メモ帳」と現在ここを表示して
いる「ブラウザ」だけです。
１−１．ホームページを見てみよう！
ホームページを作成する前に、これから作成するホームページを見てみましょう。
サンプルを「右クリック」して「対象をファイルに保存」をクリックする
と、ダウンロードされますので、「マイ ドキュメント」などに保存しましょう（ファイル名に「d_」がついて
みますが、ダウンロードという意味ですので、お気になさらないように）。
ホームページは、複数のwebというネットワークの網から構成されています。
サンプルファイルもwebの1つです。
ダウンロードしたファイルをクリックすると下のwebが表示されます。
１−２．ホームページを作成しよう！
ホームページを作成すると言っても、どうすれば良いかですが、何かを始めるにも何かを書かなければいけま
せん。
メモ帳を使用して内容を書くことにより、ブラウザに表示されます。
メモ帳を起動してみましょう。
「スタート」メニューから「すべてのプログラム」の中に「アクセサリ」がありますので、クリックなどをし
て「メモ帳」を探しましょう。
「アクセサリ」から「メモ帳」をクリックすると、メモ帳が立ち上がります。
画像のように、「メモ帳」が立ち上がりましたか？
Wordのようなワープロソフトではなく、テキストエディタであれば、「メモ帳」以外でも構いません。
ダウンロードしたサンプルの中身を見てみましょう。
「d_sample.html」の上で「右クリック」すると、メニューが表示されますので、「プログラムから開く」をク
リックします。
「プログラムから開く」から「メモ帳」があればクリックして、なければ「既存のプログラムの選択」をクリッ
クします。
「既存のプログラムの選択」をクリックした方は、「ファイルを開くプログラムの選択」から「推奨されたプロ
グラム」や「ほかのプログラム」から「メモ帳」を探してクリックしましょう。
すると、メモ帳が立ち上がり下のように表示されます。
メモ帳の中にも、ファイル名の拡張子（ファイル名の後に続く「.xxx」のことです）にも大文字や小文字で
「html」と書かれていますが、ホームページを作成するには、「HTML」形式で記述します。
ホームページは、世界中の人たちがwebを見れるように決まった形式を決めました。
決まった形式が、「HTML」形式です。
自分で作成するには、「<HTML…」のように書いても構いませんし、コピーして使ってもらっても構いません。
１−３．ホームページを改造してみよう！
ホームページを作成しするには、HTML形式と書きましたが、仕組みを説明します。
HTML形式は、「タグ」を利用して作成します。
基本的なタグは、サンプルプログラムのように「<HTML>」、「<HEAD>」、「<BODY>」タグを主に使用します。
体を意識していただくとわかるかと思います。
HTML形式を利用しているということで、先頭と最後に「<HTML>」タグを使用し、「<HEAD>」と
「<BODY>」タグを中で使用します。
ホームページには、タイトルがありますが、タイトルは「<HEAD>」タグの中に「<TILE>」タグ中に
書きます。
試しに、タイトルを変更してみましょう。
ファイル名をやかりやすく「sample2.html」のように変えてみました。
中身は、次のように変更します。
「sample2.html」をクリックして、ブラウザに表示してみましょう。
「ホームページ」から「タイトル」に変更されていることがわかると思います。
今度は、中身を変えてみましょう。
中身は、「<BODY>」タグの中に記述します。
<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
</HEAD>
<BODY>
ここに、<B>内容</B>を書きます
</BODY>
</HTML>
クリックして表示してみましょう。
「<B>内容</B>」のように、「<B>」タグの中で記述された内容は太文字で表示されます。
どうですが、自分自身が書いたとおりに表示されます。
プログラムは、このように思いどおりの動作ができることが分かったと思います。
次の章では、OfficeのExcelを動作させてみます。
プログラミング入門に戻る
トップページに戻る