KAWANO's PukiWiki Plus! - 第8回の課題

課題: ネット上の記事へのコメントでHTMLファイルを書く

前回までと同様に、「インターネット上のあらゆる記事へのコメント」 を作成します。 今回から、2つのファイルを作ります。

• HTMLファイル: コメントをHTMLで書く
• CSSファイル: HTMLファイルのスタイルを書く

1. HTMLファイルの作成

第6回の課題で作成したファイルをもとに、 今回の課題を作成します。

(1) ファイルの作成

第7回の課題で作成したファイルを開いたあとに、 次のようにして、名前をつけて別のファイルを作ります。

• メニューから「ファイル」→「名前をつけて保存」
• ファイルを次のようにつけて保存
  • 「0529」＋「学籍番号」＋「.html」（半角文字で！）
    （学籍番号がC2062000の場合、ファイル名は「0527c2062000.html」）

(2) 更新日の更新

• ファイルの最後にある、連絡先の「更新日」の日付を更新する

  <address>
   作成日: 2007-04-24; 更新日: 2007-05-29<br>
   Copyright (C) 2007 兵庫太郎, All rights reserved.<br>
   このページに関する問合せ先:<br>
   E-Mail. <a href="mailto：c2062000＠ed.hyogo-dai.ac.jp">
   c2062000＠ed.hyogo-dai.ac.jp</a>
  </address>
  

2. CSSファイルの作成

コメントが書かれたHTMLファイルに、スタイルを設定します。

今回は、HTMLファイルとは別に、 スタイルシートの設定が書かれたCSSファイルを作成します。 ファイル名は、次のとおりとします。

• 「0529」+「学籍番号」+「.css」（半角文字で！）
  （学籍番号がC2062000の場合、ファイル名は 「0529c2062000.css」）

CSSを使って、HTMLファイルの各要素に次のような設定をしてください。

• 【今回分】
  • 背景に画像を入れる（ページ全体、h1〜h6、p、blockquote要素）
    • すべてに背景画像を入れなくて良い
• 【前回までの分】
  • フォントの設定（すべての要素で設定）
    • スタイル、太さ、サイズなど
  • 行揃えの設定（h1〜h6要素）
  • 行間の設定（p要素、blockquote要素）
  • マージン（margin）の設定（h1〜h6、p、blockquote要素）
  • まわりの空間（padding）の設定（h1〜h6、p、blockquote要素）
  • ページ全体の文字色と背景色（body要素）
  • 見出しの文字色と背景色（h1〜h6要素）
  • 見出しの枠線の設定（色・太さ・種類）（h1〜h6要素）

提出方法

作成したファイルと使用してる画像ファイルすべてを、 次の場所にコピーして提出してください。

• 「マイコンピュータ」→「Fsの資料・課題」→「kawano」→「提出」

提出期限

• 原則として、平成19年6月5日13時までとします。
• 期限以後は、特別な理由がない限り、提出を受け付けません。
• 課題のやりなおしは、提出期限まで受け付けます。