皆さんが普段見ている、インターネット上のWEBサイトはHTMLという書式で書かれています。
HTMLとは文字を基本として、画像や音声などを再現できるようにした、高度な文書という意味です。

HTMLは文字情報なので、作成するには特別なソフトを使う必要はありません。
ここでは、メモ帳を使って簡単なHTMLを作ってみよう

メモ帳を起動して「これが私のホームページです」と書き"Enter"キーを押します。
次にメモ帳のファイルメニューから名前をつけて保存をクリックします。
ファイル名に半角で　index.html 　と入れて保存します。
　　

これでホームページのファイルができました。

本当にできたか、確認してみよう
さきほど保存した　index.html　をエクスプローラを使って開いてみよう。
インターネット・エクスプローラが「これが私のホームページです」と表示していれば
成功です。

でも文字は表示できても、大きさを変えたり色をつけるには、
文字の前後をタグと呼ばれるものでくくらなくてはなりません。
タグを自由に使えるようになるには相当の熟練が必要なので
ここではHTMLエディタと呼ばれるソフトを使います。

HTML エディタ　Frontpage Express　（フロントページ・エクスプレス）
このソフトは簡単な操作でタグの挿入ができます。以降FEと略

メモ帳で保存したINDEX.HTMLをフロントページFEで開きます。

文字を追加したり、色や大きさを変えて見ましょう。
ツールバーには、通常よく使うコマンドがアイコンとして配置されてます。
変更を加えたら上書き保存しましょう。

FrontpageExpressでHTMLファイルを作成
FEでページを作成する場合は多少注意が必要です。　いきあたりばったりで作るのではなく、
ディレクトリの構成をあらかじめ決めておいて、それに従ってファイルを保存します。
ここでは、以下のようにディレクトリを構成します。

マイドキュメント
　　　　　-myweb 　　(説明　indexを含むHTMLファイルの保存場所)
　　　　　　　　-image　　(説明　各ページで使用する画像の保存場所)
エクスプローラを使って、上のようなディレクトリを作成します。
mywebから見てimageを子ディレクトリ、imageから見てmywebを親ディレクトリ
と呼ぶことがあります。　作成するHTMLファイルは\mywebに保存しましょう。

FEを起動して、タイトルバーが無題　標準ページとあるのを確認して、
仮称「私の部屋」と書きます。
ファイルメニューから名前をつけて保存をします。
保存のダイヤログボックスのページタイトルに、そのページにふさわしい言葉を入れます。
次に「ファイルとして保存」ボタンをクリックして、保存場所を
マイドキュメント\myweb\
に保存します。これでページを作る骨格がととのいました。

引き続きページのていさいをととのえて上書き保存をしながら仕上げてください。

note: ホルダとディレクトリについて
フォルダーと言ったりします。ディレクトリもホルダも同じと考えてもかまいません。
一般的にはディレクトリという言葉が使われており、ディレクトリのほかに、
ゴミ箱やコントロールパネルなどのプログラムを含めたものをWindowsではホルダと呼んでいます。
ディレクトリはファイルの保存場所であり、階層構造を持つことができます。　
これを階層的ディレクトリと言います。　階層の制限は6500以上で、筆者も確かめたことはありません。

ページの最上部へ　HP講座へ戻る

コピーライト　クリニック鉄舟
転載を許可します