KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/11th/exercise1

課題1: HTMLファイルとCSSファイルを作成する

課題の内容

HTMLとCSSの技術を使って、 前回までに作ったHTMLファイルやスタイルファイルを更新してください。 今回から、新たに「リンク集」のページも作成してもらいます。

• プロフィールのページ
• 記事へのコメントのページ
• リンク集のページ

3つのファイルに、 統一したスタイルを設定してください。 スタイルファイル（CSSファイル）は1つです。 CSSファイルは、次のとおりとします。

• ファイル名: style.css

リンク集の作成

前回予告したように、 リンク集を制作してください。

リンクは、「カテゴリ」ごとに分類してください。 たとえば、次のようなカテゴリが考えられるでしょう。

• 必須のカテゴリ
  • ニュース・Blog・日記サイト
• 選択（1種類以上を選択）
  • 抽象的なカテゴリ...趣味、遊び、勉強、資格
  • 具体的なカテゴリ...ギター、プレステ、Webのデザイン、情報処理関係の資格

また、ページを作成するときには、 次のことに注意してください。

• リンク集のタイトルを考えて設定する
• コメントのページやプロフィールのページへのリンクを作成する
• 最初のほうに、各カテゴリにジャンプするリンク（目次）を作成する
• ページの最後に、連絡先の情報を表示しておく

ページのタイトル

  日記
  プロフィール

-カテゴリ1へのリンク
-カテゴリ2へのリンク
-カテゴリ3へのリンク

*カテゴリ1 [#l30358a0]
 -リンク1
 -リンク2
 ...

*カテゴリ2 [#a731bcaa]
 -リンク1
 -リンク2
 ...

*カテゴリ3 [#j9e82570]
 -リンク1
 -リンク2
 ...

---
連絡先の情報

また、 記事へのコメントのページと、 プロフィールのページへ、 リンク集にジャンプするためのリンクを作成してください。

プロフィールのページ

• 作成したCSSファイルを指定するように、設定してください。
• 「連絡先」にある「更新日」を更新した日付にする
  • スタイルファイルを書き換えただけでも日付を更新しておくこと

記事へのコメントのページ

内容は、次のとおりです。

• 前回の課題(1)で作成したHTMLファイルに、前回の課題(2)の記事へのコメントを追加
• HTMLやCSSの技術を使って、ファイルを編集
• HTMLファイルの文法をチェックするサイトの、チェックを合格する

ファイルの内容は、次のようにしてください。

ページのタイトル

  プロフィール

目次
  各記事へのリンク
  ...
---
第10回の課題：記事へのコメント
...
第9回の課題：記事へのコメント
...
第8回の課題：記事へのコメント
...
...
---
連絡先の情報

ファイル作成の注意点は、次のとおりです。

• 作成したCSSファイルを指定するように、設定してください。
• 「連絡先」にある「更新日」を更新した日付にする
• 画像データを使ってもかわまない（著作権を違反しないこと！）
• これまでの注意点・ポイント
  • CSS
    • 第9回のCSSの設定
    • 第8回のCSSの設定
    • 第7回のCSSの設定
  • HTML
    • 第6回の注意点
    • 第5回のポイント
    • 第4回の注意点

提出方法

提出方法は、「ファイルのWebサーバへの転送」です。 ファイルの転送方法は、 第6回の説明「ファイルを転送する」を よく読んで、 操作してください。 転送するファイルは、次のとおりです。

• プロフィールのページ
• コメントのページ
• スタイルシート
• 使用している画像ファイル

転送したファイルは、次のURLで確認できます。

• http://arena.hyogo-dai.ac.jp/student/2004/idb/

転送が完了したら、次のメールを送ってください。

• 宛先: kawano@ed.hyogo-dai.ac.jp
• 件名: 第11回の課題(1)
• 本文: 今回までの感想を簡単に書いてください。

提出期限

• 原則として、平成17年1月7日午後2時までとします。
• 期限以後は、特別な理由がない限り、提出を受け付けません。

次へ進んでください。

}}