課題: ネット上の記事へのコメントをHTMLファイルにする前回と同様に、HTMLファイルを作成していきます。 HTMLファイルの内容は、 「インターネット上のニュースへのコメント」 とします。 インターネット上の記事にコメントをする1.情報を集める自分が現在興味のあるテーマについて、 インターネットからニュース等を探して、 自分が興味を持った記事を1つ集めなさい。 やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。 2.情報にコメントをつける記事を探したら、次の順にコメントを作りなさい。 なお、文字数は、「100〜150文字程度」としますが、 内容はささいなことでかまいません。 やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。 HTMLファイルの作成第2〜3回の課題で作成したファイルをもとに、 第4回の課題で作成したファイルをもとに、 今回の課題を作成します。ファイルのコピー第3回の課題のファイルをコピーして、新しいファイルを作ってください。 ファイルには、次のようなファイル名をつけてください。
コメントの追加・目次の更新次のようなレイアウトになるように、 今回作ったコメントを追加して、目次の部分を更新します。 第2回〜第4回までの、HTMLの技術を使って、作成してください。HTMLのレイアウト作成するページのレイアウトは、図のようにします。 サンプルのイメージがありますので、下のリンクを参考にしてください。
#spanend ページのタイトル 目次 #spanadd ・第6回のコメントへのリンク #spanend ・第4回のコメントへのリンク ・第3回のコメントへのリンク ・第2回のコメントへのリンク ・プロフィール --- #spanadd 第6回の課題のコメント #spanend #spanadd ... #spanend #spanadd [トップへ戻る] #spanend #spanadd #spanend 第4回の課題のコメント ... [トップへ戻る] 第3回の課題のコメント ... [トップへ戻る] 第2回の課題のコメント ... [トップへ戻る] プロフィール ... [トップへ戻る] --- 連絡先・著作権の情報 #spandel </pre> #spanend #spanadd プロフィール(自己紹介)普通の自己紹介ではなく「10の質問」という形式にします。 ただし、必要以上に個人情報(住所、電話番号、携帯のメールアドレスなど)を記載しないでください。
HTMLファイルの作成第2回から今回までに説明した、HTMLの技術を使って、 自分のコメントからHTMLファイルを作成してください。 注意点は、次のとおりです。
CSSファイルの作成コメントが書かれたHTMLファイルに、スタイルを設定します。 今回は、HTMLファイルとは別に、 スタイルシートの設定が書かれたCSSファイルを作成します。 ファイル名は、次のとおりとします。
}} |