課題: ネット上の記事へのコメントでHTMLファイルを書く前回までと同様に、「インターネット上のあらゆる記事へのコメント」 を作成します。 今回も、2つのファイルを作ります。
1. インターネット上の記事にコメントをする(1) 情報を集める自分が現在興味のあるテーマについて、 インターネットからニュース等を探して、 自分が興味を持った記事を1つ集めなさい。 やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。 (2) 情報にコメントをつける記事を探したら、次の順にコメントを作りなさい。 なお、文字数は、「200文字以上」としますが、 内容はささいなことでかまいません。 やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。 2. HTMLファイルの作成第9回の課題で作成したファイルをもとに、 今回の課題を作成します。 (1) ファイルの作成第9回の課題のHTMLファイルを開いたあとに、 次のようにして、名前をつけて別のファイルを作ります。
(2) コメントの追加・目次の更新次のようなレイアウトになるように、 今回作ったコメントを追加して、目次の部分を更新します。 第2回〜第4回までの、HTMLの技術を使って、作成してください。 作成するときには、 第4回の課題での注意点を参考に、 今回分のコメントと目次へのリンクを作成します。
作成するときの注意点は、次のとおりです。
3. CSSを使用するための設定課題のHTMLファイルに、 今回作成するCSSファイルを使用するための設定をします。 第6回の課題で追加したCSSに関する設定部分を、 下のように変更します。 ただし、「CSSファイルのファイル名」の部分は、 次の説明を読んで、自分のCSSファイルの名前を設定してください。 <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>○○の日記</title> <link rel="stylesheet" href="CSSファイルのファイル名" type="text/css"> </head> ... ... ... 4. CSSファイルの作成コメントが書かれたHTMLファイルに、スタイルを設定します。 第9回の課題で作成したファイルをもとに作成します。 第9回の課題で作成したファイルを開いたあとに、 次のようにして、名前をつけて別のファイルを作ります。
CSSを使って、HTMLファイルの各要素に次のような設定をしてください。
まだ提出ではありません。 次へに進んで、課題を行ってください。 |