ホームページ作り方教室　～必要最小限の学習で、法則化論文形式のページをTOSSランドに登録しよう～

TOSSオホーツク・山田正和
作成日：2002年9月24日(火)
更新日：2002年12月26日(木)

課題１４：練習問題（１）

●ステップ１："EBTag"で変換しなさい

１："Oedit"を起動しなさい。
２："Oedit"の左上、"txt"のボタンをクリック。"txt"は記号なし文章、"htm"が記号あり文章の意味です。

３："Oedit"の１行目に、次の文章をコピー＆ペーストしなさい。

TOSSランドとは

山田正和　作成日：2002年 7月11日(木) 

　どこよりも早く、どこよりも役に立つ。
　それがTOSSランドです。
　TOSSランドには、向山型算数をはじめとする役に立つ教育実践が、
多数納められています。

４：コピー＆ペーストした文章中の"山田正和"を、自分の名前に書き直しなさい。
５："Oedit"の左上、「ファイル」→「名前を付けて保存」。
６：「保存する場所」は「ＨＰ講座」のフォルダ。
７：「ファイル名」は、"subject14.txt"。末尾に注意。".html"がではなく".txt"です。
８：「保存」
９："EBTag"を起動しなさい。
１０："EBTag"の左上に「入力ファイル」という細長い窓があります。
１１：その窓の横の「...」をクリック。
１２：「マイドキュメント」→「ＨＰ講座」→"subject14.txt"
１３：「開く」
１４："EBTag"の右下、
が書いてあるアイコンをクリック。
１５：変換が上手くいったか確認します。（趣意説明）
１６：「ＨＰ講座」のフォルダを開きなさい
１７："subject14.html"（青いｅが付いた白いアイコン）が出来ているはずです。ダブルクリックしなさい。
１８："Internet Explorer"が起動してホームページが表示されます。

●ステップ２：ソースの確認

１：ステップ１で変換したページ（"subject14.html"）のソースを開きなさい。（「表示」→「ソース」）

２：以下のようになっていれば変換は成功です。(*1)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>TOSSランドとは</title>
<link rel="stylesheet" type="text/css" href="orange_line.css">
</head>
<body>
<div class="category" id="top">
<a href="http://www.tos-land.net/">TOSSランド</a>：
大分類＞中分類＞小分類＞学年＞キーワード<br>
©TWO-WAY
</div>
<h1>TOSSランドとは</h1>
<p>山田正和　作成日：2002年 7月11日(木) </p>
<p>　どこよりも早く、どこよりも役に立つ。</p>
<p>　それがTOSSランドです。</p>
<p>　TOSSランドには、向山型算数をはじめとする役に立つ教育実践が、
多数納められています。</p>
</body>
</html>

*1：もちろん、"山田正和"の部分は受講生によって違います。
また、上のソースは、メール表示横幅の都合で、改行位置を多少変更しています。

３：まだ学習していないタグが幾つかありますが、今は気にしないで下さい。明日以降、学習の予定です。

●ステップ３：ソースを書き直しなさい

１：作者情報が～でくくられています。以下のように書き直しなさい。

<p>山田正和　作成日：2002年 7月11日(木) </p>

↓

<address>
山田正和<br>
作成日：2002年 7月11日(木) 
</address>

２：作者名を、メールのリンクにします。以下のように書き直しなさい。なお、メールアドレスは自分のものを使います。
```
山田正和 
```
↓
```
<a href="mailto:yamadarn@mbe.nifty.com">山田正和</a> 
```
３：「　どこよりも早く、どこよりも役に立つ。」という語句を強調します。以下のように～でくくりなさい。
```
　どこよりも早く、どこよりも役に立つ。
```
４：「向山型算数」という語句を、強調します。～でくくりなさい。
５：段落（～）の中にある、「TOSSランド」という語句をリンクに変えます。２ケ所、以下のように書き直しなさい。
```
<a href="http://www.tos-land.net/">TOSSランド</a>
```
６："Oedit"を「上書き保存」しなさい。
７："Oedit"の青い「ｅ」をクリック。
８："Internet Explorer"の表示を確認しなさい。作者情報が、２行で表示されていますか？　強調語句が太字や、太字＋色違いになっていますか？　リンクはきちんと機能しますか？

↑このページの先頭へ →解答１４へ

ホームページ作り方教室 ～必要最小限の学習で、法則化論文形式のページをTOSSランドに登録しよう～

課題１４：練習問題（１）

●ステップ１："EBTag"で変換しなさい

●ステップ２：ソースの確認

●ステップ３：ソースを書き直しなさい

ホームページ作り方教室　～必要最小限の学習で、法則化論文形式のページをTOSSランドに登録しよう～