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

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

課題１６：指示の段落を書き換えなさい

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

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

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

生きる力が育つ生活指導１０の原則

TOSSオホーツク　青坂信司 

第２条　「自己決定の原則」

　日常から小さな自己決定を積み上げる
　それは、日常の小さな自己決定の積み上げが、自分自身を指導できる
ようになっていく、ということである。
　野口芳宏氏の授業法に○×式がある。
　一人の子に音読させる。
　そして全員に問う。
　今の音読は、○か×か、ノートに書きなさい。
　△はだめである。
　必ずどちらかを決定させる。

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

●ステップ２：作者情報のタグを書き換えなさい

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

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

<!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>生きる力が育つ生活指導１０の原則</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>生きる力が育つ生活指導１０の原則</h1>
<p>TOSSオホーツク　青坂信司 </p>
<h2>第２条　「自己決定の原則」</h2>
<p>　日常から小さな自己決定を積み上げる</p>
<p>　それは、日常の小さな自己決定の積み上げが、自分自身を指導できる
ようになっていく、ということである。</p>
<p>　野口芳宏氏の授業法に○×式がある。</p>
<p>　一人の子に音読させる。</p>
<p>　そして全員に問う。</p>
<p>　今の音読は、○か×か、ノートに書きなさい。</p>
<p>　△はだめである。</p>
<p>　必ずどちらかを決定させる。</p>
</body>
</html>

３：作者情報のタグを、以下のように書き換えなさい。

<p>TOSSオホーツク　青坂信司 </p>

↓

<address>
<a href="http://www.aurens.or.jp/hp/aosaka/aosaka/index.htm">TOSSオホーツク</a>
<a href="mailto:AOSAKA@aurens.or.jp">青坂信司 </a>
</address>

４："Oedit"を「上書き保存」しなさい。
５："Oedit"の青い「ｅ」をクリック。
６："Internet Explorer"の表示を確認しなさい。作者情報が、１行で表示されていますか？　リンクはきちんと機能しますか？

●ステップ３：指示の段落のタグを、以下のように書き換えなさい

１：指示の段落を、以下のように書き換えなさい。

<p>　今の音読は、○か×か、ノートに書きなさい。</p>

↓

<p class="key">　今の音読は、○か×か、ノートに書きなさい。</p>

２："p"と"class"の間には、半角スペース（空白）があるので注意。"<p class="key">"全体をコピー＆ペーストすると楽です。
３："Oedit"を「上書き保存」しなさい。
４："Oedit"の青い「ｅ」をクリック。
５："Internet Explorer"の表示を確認しなさい。指示の段落が枠囲いされていれば成功です。

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

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

課題１６：指示の段落を書き換えなさい

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

●ステップ２：作者情報のタグを書き換えなさい

●ステップ３：指示の段落のタグを、以下のように書き換えなさい

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