実習1

―HTML 4.01 Transitionalに合わせる―

沖縄県庁の「沖縄県のあらまし」のペイジ (http://www.pref.okinawa.jp/overview-j.html) を開く。
ブラウザーのコマンドで「ソースを表示」する。
自分のPCのテキストエディターを開き、ソースの内容をすべて複写してファイル(test.htmlという名前をつける)に保存する。
ソースのウィンドウを閉じる。
PC上の先ほどのHTMLファイルと同じディレクトリーの中にkouhouというディレクトリーを作っておき、そこに画面上の写真3つと虫眼鏡のアイコンの合計4つの画像を保存する。 (画像の上で右ボタンクリックでメニューを出し「名前をつけて画像を保存」すればよい)
PC上のテキストファイルをブラウザーで表示させて、ネット上の物と同じ画面が表示されることを確認。
HTML文書の日本語文字が文字化けするなどの理由でコード変換が必要な場合は、Microsoft FrontPage 2000を使うこと (一旦ファイルに保存してからFrontPageで開くとよい、またFrontPageの「標準」画面のほうで編集すると FrontPageにより勝手にタグが追加されてしまうので注意)。

「<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">」というDOCTYPE宣言を1行目に附加する。
HEADエレメント内に「<meta http-equiv="Content-Type" content="text/html; charset=ISO-2022-JP">」を追加する。
IMGエレメントにALTアトリビュートをつける。(虫眼鏡のアイコンには「alt="="」を、写真にはそれぞれalt=="琉舞="、alt=="風俗="、alt=="豊かな自然="をつける)
addressエレメントがbodyの外に出ているのを中に入れる。
addressエレメントのアトリビュートをダブルクォーテイションで括る。
centerエレメントを<div align="CENTER">に置き換える。
Pエレメントの終了タグを補う。
「here」の部分のアンカーをEnglish descriptionという単語の部分まで拡げる。
その他のエラーを修正する。

Another HTML Lintのペイジ(http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )を開く。
ブラウザーのコマンドで「ソースを表示」する。
チェックオプションで「以下のすべてのチェックを有効にします。」と「宗教的なチェックをすべて無効にします。」をONにする。
「チェック方式」を「URL」ではなく「DATA」に切り替える。
PC上のテキストエディターでtest.htmlの内容を全選択し「コピー」する。
Another HTML Lintのペイジの「DATA」の欄の大きいテキストを「クリア」ボタンでクリアし、そこに「ペイスト」する。
「チェック」ボタンを押す。

$Id: exam1.html,v 1.8 2000/08/23 18:19:26 void Exp $