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