第３章　ホームページの作成

今日の研修内容

課題２２　ホームページに「表形式のデータ」を作成するためには？

　ホームページに表形式の一覧表を掲載したり、タイトルや画像に枠をつけたりすると、情報がわかりやすく表示でき、見やすいホームページになります。今日から４回の通信講座では、いろいろな表づくりを研修しましょう。

---

＜手順＞

（１）添付ファイルの複写

• 通信講座メールの添付ファイル「sample4.htm」を「3.5インチFD」へ複写します。

（２）サンプルの表示

• 「ネットスケープナビゲータ」を起動します。「接続」は、キャンセルし、「ファイル」「開く」の順に選択し、「sample4.htm」ファイルを指定します。
• 県内の教育研究所の一覧表が表示されます。

（３）学校情報の付加

• 「メモ帳」を開きます。そして、「ファイル」「開く」（すべてのファイル）を選択し、「3.5
  インチFD」の中にある「sample4.htm」を開きます。
• 下のように書き加え（各学校のデータ）、「ファイル」「上書き保存」を選択します。

</TABLE>・・・・・・・・・・・・・添付ファイルの下から６行目 <TABLE BORDER> <TR><TD>学校名</TD><TD>所在名</TD><TD>電話番号</TD><TD>Mail</TD></TR> <TR><TD>○○市立○○小学校</TD><TD>○○市○○町**</TD><TD>****-**-****</TD> <TD>sample@sample.sample.or.jp</TD></TR> </TABLE> </CENTER>・・・・・・・・・・・・・添付ファイルの下から５行目

（４）編集結果をブラウザで表示

• 画面下のタスクバー（ネットスケープ）をクリックし、再表示させます。
• 県内の教育研究所の一覧表の下に、学校情報が付加されていることを確認します。

  ワンポイントアドバイス 表の外枠の太さを変えるには、<TABLE BORDER>を<TABLE BORDER=5>と変えてみましょう。 外枠が太くなります。このように、数字を変えて任意の太さに変えることができます。

＜まとめ＞

　<TABLE>と</TABLE>で挟まれた部分が表になります。
表の中の１行分を<TR>と</TR>で挟みます。また、１行の中の１マスの内容を<TD>と</TD>で挟みます。これらを繰り返すことによって、表が作成できます。

＜キーワード＞ 　　<TABLE BORDER></TABLE>　　テーブル作成の基本タグ 　　<TR></TR>　　　　　　 　　　１行分の表示 　　<TD>＊＊＊</TD>　　　 　　　１セル分のデータ表示

　

作成者	宇野芳彦
所　属	上之保東小学校

▲目次へ戻る｜▼次の課題へ進む