課題: ネット上の記事へのコメントでHTMLファイルを書く
前回までと同様に、「インターネット上のあらゆる記事へのコメント」
を作成します。
今回も、2つのファイルを作ります。
- HTMLファイル: コメントをHTMLで書く
- CSSファイル: HTMLファイルのスタイルを書く
1. インターネット上の記事にコメントをする
(1) 情報を集める
自分が現在興味のあるテーマについて、
インターネットからニュース等を探して、
自分が興味を持った記事を1つ集めなさい。
やり方は、第3回の課題と同じです。
第3回の課題の説明を見てください。
(2) 情報にコメントをつける
記事を探したら、次の順にコメントを作りなさい。
なお、文字数は、「200文字以上」としますが、
内容はささいなことでかまいません。
やり方は、第3回の課題と同じです。
第3回の課題の説明を見てください。
2. HTMLファイルの作成
第7回の課題で作成したファイルをもとに、
今回の課題を作成します。
(1) ファイルの作成
第7回の課題のHTMLファイルを開いたあとに、
次のようにして、名前をつけて別のファイルを作ります。
- メニューから「ファイル」→「名前をつけて保存」
- ファイルを次のようにつけて保存
- 「0608」+「学籍番号」+「.html」(半角文字で!)
(学籍番号がC2092000の場合、ファイル名は「0608c2092000.html」)
(2) コメントの追加・目次の更新
次のようなレイアウトになるように、
今回作ったコメントを追加して、目次の部分を更新します。
第2回〜第4回までの、HTMLの技術を使って、作成してください。
作成するときには、
第4回の課題での注意点を参考に、
今回分のコメントと目次へのリンクを作成します。
- ページのレイアウトの例
ページのタイトル
目次
・第8回のコメントへのリンク
・第6回のコメントへのリンク
…(途中省略)…
・第3回のコメントへのリンク
・第2回のコメントへのリンク
・プロフィール
---
第8回の課題のコメント
...
[トップへ戻る]
第6回の課題のコメント
...
[トップへ戻る]
...(途中省略)...
第3回の課題のコメント
...
[トップへ戻る]
第2回の課題のコメント
...
[トップへ戻る]
プロフィール
...
[トップへ戻る]
---
連絡先・著作権の情報
作成するときの注意点は、次のとおりです。
3. CSSファイルの作成
コメントが書かれたHTMLファイルに、スタイルを設定します。
第7回の課題で作成したファイルをもとに作成します。
第7回の課題で作成したファイルを開いたあとに、
次のようにして、名前をつけて別のファイルを作ります。
- 「0607」+「学籍番号」+「.css」(半角文字で!)
(学籍番号がC2092000の場合、ファイル名は 「0607c2092000.css」)
CSSを使って、HTMLファイルの各要素に次のような設定をしてください。
- 【今回分】
- フォントの設定(すべての要素で設定)
- 行揃えの設定(h1〜h6要素)
- 【前回までの分】
- リンク部分の色の設定(a要素)
- 行間の設定(p要素)
- マージン(margin)の設定(h1〜h6、p、blockquote、address要素)
- まわりの空間(padding)の設定(h1〜h6、p、blockquote、address要素)
- ページ全体の文字色と背景色(body要素)
- 文字色と背景色(h1〜h6、p、blockquote、address要素)
- 枠線の設定(色・太さ・種類)(h1〜h6、p、blockquote、address要素)
提出方法
作成したファイルを、次の場所にコピーして提出してください。
- 「マイコンピュータ」→「Fsの資料・課題」→「kawano」→「提出」
提出期限
- 原則として、平成22年6月15日9時までとします。
- 期限以後は、特別な理由がない限り、提出を受け付けません。
- 課題のやりなおしは、提出期限まで受け付けます。