HTML 文書作成ガイド 田野畑高校

1 ワープロの文書を HTML 形式に変換する

  1. ワープロの文書を、テキスト形式 (拡張子 .txt) か、Ms Word の形式 (拡張子 .doc) で保存する
  2. Ms Word で 1 の文書を開く
  3. ファイル(F)→ HTML 形式で保存(H)→保存(S)→はい(Y)→日本語シフトJIS(OK)
  4. Ms Word を閉じる
  5. 途中で誤った操作をしたときは、「キャンセル」をクリックするか、Ms Word を閉じる操作をして「変更を保存しない」で終了する。 その後、もう一度 2〜4 の操作をする

2 HTML を美しくする〜その1〜

校内ページだけに公開する場合は、以下の操作のあと、4 に進む。

  1. 秀丸で HTML 形式文書 (拡張子 .html .htm) を開く
  2. 最後の</BODY></HTML>を、次のように変更する。 タグ変更速攻ページ (テキスト版) からコピーするとよい。

    参照→解説ページ

    <HR>
    <P ALIGN="CENTER">
    <A HREF="../../index.html"><IMG SRC="../../e/th.png" ALT="田野畑高校" BORDER="0" ALIGN="MIDDLE"></A>&#9;&#9;
    <A HREF="../index.html"><IMG SRC="../../e/home.gif" ALT="校内ホームページへ" BORDER="0" ALIGN="MIDDLE"></A>
    </P>
    <ADDRESS>199*年*月*日(作成年月日)
    <BR>岩手県立岩泉高等学校田野畑校　あなたの氏名</ADDRESS>
    </BODY>
    </HTML>

  3. 上書き保存して秀丸を終了する。ファイル(F)→保存して終了(E)

3 HTML を美しくする〜その2〜

Web に公開する場合は、さらに次の操作をする。

  1. 秀丸で HTML 形式文書 (拡張子 .html .htm) を開く
  2. 最初の<BODY>までの行を、次のように変更する。 タグ変更速攻ページ (テキスト版) からコピーするとよい。

    参照→解説ページ

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <!-- http://www.michinoku.ne.jp/~tanohata/kounai/****/****.html -->
    <HTML LANG="ja">
    <HEAD>
    <LINK REV="MADE" HREF="mailto:tanohata_@ma4.justnet.ne.jp">
    <LINK REL="STYLESHEET" TYPE="text/css" HREF="../kounai.css">
    <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=x-sjis">
    <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="text/css">
    <TITLE>田野畑高校/(適切なタイトル)</TITLE>
    <BODY>

  3. 最後の作成年月日以下の行を、次のように変更する。 タグ変更速攻ページ (テキスト版) からコピーするとよい。

    参照→解説ページ

    </P>
    <ADDRESS>
    <A HREF="mailto:tanohata_@ma4.justnet.ne.jp">tanohata_@ma4.justnet.ne.jp</A>
    </ADDRESS>
    <!-- Copyright(c)199*-** 岩手県立岩泉高等学校田野畑校 -->
    </BODY>
    </HTML>

  4. 置換機能を利用して、次のタグを変更する。 秀丸の置換機能は、検索(S)→置換(R) で使用できる。

    LANG="JA" SIZE=3 → すべて削除
    <P ALIGN="JUSTIFY"> → <P> に置換

  5. 上書き保存して終了する。 ファイル(F)→保存して終了(E)

4 誤ったタグがないかチェックする

  1. Netscape Navigator 3.01 で HTML 形式文書 (拡張子 .html .htm) を開く
  2. 表示(V) → 文書のソース(S) でソース表示にする
  3. 青の点滅がないかチェックする。 青の点滅は、タグ付けの誤りを指摘するものである
  4. 誤ったタグがある場合は、秀丸で修正する
  5. Netscape Navigator を終了する

5 先生のチェックを受ける

  1. 文書の構造がはっきりするように<Hn>タグをつける
  2. 画像などへのリンクをつける
  3. 他のページやサイトへのリンクをつける
  4. その他の修正などをする

田野畑高校　　 校内ホームページへ　　 HTMLのもくじへ　　 タグ変更解説ページへ

いいページをつくりましょう