スタイル設定シリーズ 第６回
◇「html文書のフアイル」を作る◇
（当ページの中に、私の一人よがりの記事等があります。実行に当たっては各自の責任でお願いいたします。）エキサイト辞書：
研究社新英和・和英中辞典 （英和コンピュータ用語辞典有）
The Web Class著：
タグの解説と入力練習 入力ｈｔｍｌソースをその場でWeb表示
大藤幹著：カラーチャート(指定方法→名前が定義されている色)及び
HTMLテンプレート
HTMLフアイルの作り方の２つの方法
第１の方法
Ⅰ．「htmlフアイル」を保存するための「フォルダ」を作ります。
例えば、「My Document」 内にホルダーを置く場合で考えます。
「マイドキュメント」を開きます。 メニューバーの「フアイル」を「ポイント」→プルダウン・メニューの「新規作成」を「ポイント」
表示されたメニューから「フォルダ」を「クリック」。 出来た「新しいフォルダ」は名前が反転した状態です。そこに、名前を付けます。 今作ったフォルダを開いてみてください。まだ何も入っていませんが、ここに、「ホームペ
ージ関連の全てのフアイル」を入れることになります。ここでは仮に「 私のHP 」という名の
ホルダー にしておきます。
Ⅱ．次に、「テキスト文書.txt」を作り「html文書.html」に名前を変更します。
先ほど作った「フォルダ」を開きます。
メニューバーの「フアイル」を「ポイント」→プルダウン・メニューの「新規作成」を「ポイント」
表示されたメニューから→「テキスト文書」を「クリック」 すると、「拡張子を変更するとフアイルが使えなくなる可能性があります。変更しますか？」
と聞いてきますが、委細かまわず「はい」を選択します。
名付けと同時に、名前の末尾に付く「拡張子」という「.txt」を
「.html」に替えることが目的で、今後も多用します。
名前は、ホームページのトップページは、プロバイダー側の要求で「index.html」（or「index.htm 」）に
することが多いので「index.html」とします。２枚目以降は「.html」か「.htm 」さえ付いてれば適宜です。
ただし、半角の英数字使用が絶対条件です。 日本語等全角文字が入って
いるとアクセスできません。
Ⅲ．若し、拡張子「.txt」の表示がない場合は表示するよう設定します。
ここで「.txt 」は拡張子といってフアイルの種類を表示しています。
「コントロールパネル」から「フォルダオプション」を開きます。
「表示」タブを開き、「登録されているファイルの拡張子は表示しない」というところの
「チェック」を外してから「ＯＫ」ボタンを押します。これで拡張子が表示されることになります。
「コントロールパネル」からだけでなく、「マイドキュメント」や先ほど作った「フォルダ」から
でも設定ができます。
開いている「フォルダ」の「メニューバー」の「表示」を「クリック」
プルダウンメニューから「フォルダオプション」を「クリック」
「表示」タブを「クリック」すると、そこに「登録されているフアイルの拡張子は表示しない」
というところの「チェックマーク」を外し、先ほどと同様「ＯＫ」です。
ⅳ．拡張子が表示されるようになったところで、ファイル名を変えてみます。
先ほどの「Ⅱ．」と重複しますが、名前の変更は後でもできます。
｢新規テキスト文書.txt」という文字の全てを消去します。
そのうえで、「index.htm 」か「index.html 」という文字を入力し、インターキーで確定です。
すると、名前の変更のダイアログボックスで、「拡張子を変更するとフアイルが使えなく
なる可能性があります。変更しますか？」と聞いてきますが、「はい」をクリックします。
(一般的には拡張子の変更は殆どできないのですが。この場合はできます。）
第２の方法
タスクバーの「スタート」から「アクセサリー」→「メモ帳」を開きます。
直ちに「名前を付けて保存」します。その際「index.html」とか「sumple.html」と付けます。
すると使用ブラウザが「IE」の場合は「IEマーク」「NN」のの場合には「NNマーク」のフアイル
ができます。これが一番手っ取り早いです。
パソコン操作全般について言えることですが「作ったフアイル」の
保存場所をしっかり指定することです 、これは
非常に大事なこと です。「つい、うっかり」で迷子探しで余計な時間を費やすことのない
ようにします。
ここで、今出来たindex.htmlをダブルクリックして開いて見ましょう。真っ白な画面が現れます。
｢表示」→「ソース」とクリックして下さい。「htmlの構造」のみの記述で「body部」には何の記述
もされていません。これは作りたてのほやほやで何の入力もしていないからなのです。html文書 」
（以下source＝ソースとも言います。）が記述されたフアイルです。
◇「html文書」の「html宣言とhead部」の記述について
使用法と具体例
ページトップの「便利ツール」でご紹介の「HTMLテンプレート」は「html宣言」と「head部」記述の必要
事項をすべてを網羅して記述することができます。あとは作成するホ－ムページに合わせて「どの項目を削除する」
かだけの作業になります。その前に
「HTMLのDOCTYPE（ドキュメント・タイプ）のどれを使用するのか、「こちら参照」 「HEAD部にどれだけの項目」を設けるかの選択になります。
前者については、最新リリースで「html4/strict」の上を行く「XHTML」もありますが、HTML 4.01 Transitional
//EN">
言語
（HTML属性：lang）
(ja) (en) (en-US)
文字セット
（META要素：charset）
(Shift_JIS) (ISO-2022-JP) (EUC-JP) (ISO-8859-1)
制作者名
（META要素：author）
内容説明
（META要素：description）
キーワード
（META要素：keywords）
目次URL
（LINK要素：contents）
前の文書URL
（LINK要素：prev）
次の文書URL
（LINK要素：next）
スタイルシート関連
（Cascading Style Sheet）
(デフォルトのスタイルシート言語設定) (外部スタイルシート読み込み)
スクリプト関連
（JavaScript）
(デフォルトのスクリプト言語設定)
BODY要素属性
(背景画像) (背景色)
(文字色) (リンク色：標準) (リンク色：キャッシュ済) (リンク色：マウスが押された状態)
ーーーーーここまでが「HTMLテンプレート」のチエックです。－－－－－
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
トップへ戻る
スタイルシート目次へ戻る
ソース記述でmidiフアイルを埋め込む方法へ
