TOSSランド＞ TOSSコミュニティ＞その他

【山田庵】／ TOSSランド建設／ホームページ作り方教室

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

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

課題２１：箇条書きを作りなさい

　いよいよ最終週「転送に挑戦し、TOSSランドに登録する」ですが、まずここで箇条書きについて学んでおきましょう。

　「転送」の前に、「表紙ページ（トップページ等とも言う）」を作っておいた方が良いからです。
　「表紙ページ」の作り方は、論文ページとは異なります。
　「表紙ページ」の基本は、段落ではなく、箇条書きなのです。

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

１："Oedit"を起動しなさい。
２："Oedit"の左上、"txt"のボタンをクリック。"txt"は記号なし文章、"htm"が記号あり文章の意味です。
３："Oedit"の１行目に、次の文章をコピー＆ペーストしなさい。
```
わり算（筆算）の手順

・たてる
・かける
・うつす
・ひく
```
４："Oedit"の左上、「ファイル」→「名前を付けて保存」。
５：「保存する場所」は「ＨＰ講座」のフォルダ。
６：「ファイル名」は、"subject21.txt"。末尾に注意。".html"がではなく".txt"です。
７：「保存」
８："EBTag"で、"subject21.txt"を"subject21.html"に変換しなさい。
９：変換できたら、"subject21.html"をダブルクリックして、"Internet Explorer"での表示を確認しなさい。
１０：４つの言葉が箇条書きされていれば成功です。

●ステップ２：箇条書きのソースを少しだけ書き直しなさい

１："subject21.html"のソースを開きなさい。（"Internet Explorer"で、「表示」→「ソース」とクリック）
２：４つの語句の部分（箇条書き）は、以下のようになっています。
```
<ul>
<li>たてる
</li>
<li>かける
</li>
<li>うつす
</li>
<li>ひく
</li>
</ul>
```
３：少々見づらいので、２のソースを少し書き直します。
以下のように書き直しなさい。</li>の前で「ＢＳ」キーを押せば簡単です。

<ul>
<li>たてる</li>
<li>かける</li>
<li>うつす</li>
<li>ひく</li>
</ul>

４："Oedit"を「上書き保存」しなさい。
５："Oedit"の青い「ｅ」をクリックして、"Internet Explorer"の表示を確認しなさい
６：３のようにソースを書き直しても、"Internet Explorer"での表示は変わりません。
７：<li>～</li>と<ul>～</ul>は箇条書きのタグです。
"EBTag"は、行頭に「・（なかぐろ）」が付いている行には、自動的に箇条書き（リスト）のタグを書き足してくれます。

●３：番号なしリストを、番号ありリストに書き直しなさい

１：ソースを以下のように書き直しなさい。

<ul>
<li>たてる</li>
<li>かける</li>
<li>うつす</li>
<li>ひく</li>
</ul>

↓

<ol>
<li>たてる</li>
<li>かける</li>
<li>うつす</li>
<li>ひく</li>
</ol>

２："Oedit"を「上書き保存」しなさい。
３："Oedit"の青い「ｅ」をクリックして、"Internet Explorer"の表示を確認しなさい
４：箇条書きの先頭に、番号が付きましたか？　1 ～ 4 の番号が付けば成功です。

●ステップ４：声に出して読みなさい

１：以下の説明を、声に出して読みなさい。

　<li>～</li>、<ul>～</ul>、<ol>～</ol>は箇条書きのタグです。

　"li"は、英語の"List Item "の頭文字です。
　"List"は「名簿」「目録」「一覧表」などの意味。
　"Item"は「項目」「品目」「細目」などの意味となります。

　"ol"は英語の"Ordered List"の頭文字です。
　"Order"の意味は「順序」「階級」「地位」です。
　<ol>～</ol>でくくった<li>～</li>は、番号の付いた箇条書き（序列あり箇条書き）で表示されます。

　対して"ul"は、"Unordered List"の頭文字です。
　"Un-"は、ご存知の通り、「否定」「反対」の意味の接頭語です。
　<ol>～</ol>でくくった<li>～</li>は、番号の付かない箇条書き（序列なし箇条書き）で表示されます。

　箇条書きには番号を付けるのが、TOSS教師の常識です。
　ですから"EBTag"で箇条書きを変換した時は、必ず<ul>～</ul>を<ol>～</ol>へと書き直してください。

●ステップ５：確認問題

１："subject21.html"のソースを表示しなさい。
２：２行あけて、以下の箇条書きをコピー＆ペーストしなさい。
```
趣意説明の原則
一時に一事の原則
簡明の原則
全員の原則
```
３：４つの語句の１つ１つを、<li>～</li>でくくりなさい。
４：４つの語句（箇条書き）全体を、<ol>～</ol>でくくりなさい。
５："Oedit"を「上書き保存」しなさい。
６："Oedit"の青い「ｅ」をクリックして、"Internet Explorer"の表示を確認しなさい
７：箇条書きの先頭に、番号が付きましたか？　1 ～ 4 の番号が付けば成功です。

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