リストの記号や番号の設定課題: ネット上の記事へのコメントでHTMLファイルを書くリスト(箇条書き)の記号や番号の形式を設定するには、 list-style-typeプロパティを利用します。 前回までと同様に、「インターネット上のあらゆる記事へのコメント」 を作成します。 2つのファイルを作ります。
1. インターネット上の記事にコメントをする(1) 情報を集める自分が現在興味のあるテーマについて、 インターネットからニュース等を探して、 自分が興味を持った記事を1つ集めなさい。 やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。(2) 情報にコメントをつける記事を探したら、次の順にコメントを作りなさい。 なお、文字数は、「100〜150文字程度(上限なし)」としますが、 内容はささいなことでかまいません。 やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。2. HTMLファイルの作成第8回の課題で作成したファイルをもとに、 今回の課題を作成します。(1) ファイルの作成第8回の課題で作成したファイルを開いたあとに、 次のようにして、名前をつけて別のファイルを作ります。
(2) コメントの追加・目次の更新次のようなレイアウトになるように、 今回作ったコメントを追加して、目次の部分を更新します。 第2回〜第4回までの、HTMLの技術を使って、作成してください。#spandel list-style-type: 形式 #spanend #spanadd ページのタイトル #spanend #spanadd #spanend #spanadd 目次 #spanend #spanadd ・第9回のコメントへのリンク #spanend #spanadd ・第7回のコメントへのリンク #spanend #spanadd (途中省略) #spanend #spanadd ・プロフィール #spanend #spanadd #spanend --- #spanadd 第9回の課題のコメント #spanend #spanadd ... #spanend #spanadd [トップへ戻る] #spanend #spanadd #spanend #spanadd 第7回の課題のコメント #spanend #spanadd ... #spanend #spanadd [トップへ戻る] #spanend #spanadd #spanend #spanadd (途中省略) #spanend #spanadd #spanend #spanadd プロフィール #spanend #spanadd ... #spanend #spanadd [トップへ戻る] #spanend #spanadd #spanend --- #spanadd 連絡先・著作権の情報 #spanendlist-style-typeプロパティを使うと、 リストの記号や番号にどのような形式を使うかを指定できます。 形式には、次のようなものを指定できます。
2. CSSファイルの作成コメントが書かれたHTMLファイルに、スタイルを設定します。 今回は、HTMLファイルとは別に、 スタイルシートの設定が書かれたCSSファイルを作成します。 ファイル名は、次のとおりとします。
提出方法作成したファイルと使用してる画像ファイルすべてを、 次の場所にコピーして提出してください。
提出期限
進んでください。 |