KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/11th/exercise1 のバックアップ(No.4)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2004/11th/exercise1 へ行く。
  • 1 (2004-12-16 (木) 22:00:13)
  • 2 (2004-12-16 (木) 22:10:02)
  • 3 (2007-02-24 (土) 07:05:44)
  • 4 (2007-02-24 (土) 07:10:26)

課題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
 ...

---
連絡先の情報
</pre>

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

***プロフィールのページ [#zc0831a2]
-作成したCSSファイルを指定するように、設定してください。
-「連絡先」にある「更新日」を更新した日付にする
--スタイルファイルを書き換えただけでも日付を更新しておくこと

***記事へのコメントのページ [#leb5753d]
内容は、次のとおりです。
-前回の課題(1)で作成したHTMLファイルに、前回の課題(2)の記事へのコメントを追加
-HTMLやCSSの技術を使って、ファイルを編集
-HTMLファイルの文法をチェックするサイトの、チェックを合格する

ファイルの内容は、次のようにしてください。
#pre(novervatim){{
ページのタイトル

  プロフィール

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

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

**提出方法 [#s93967d2]
提出方法は、「ファイルのWebサーバへの転送」です。
ファイルの転送方法は、
第6回の説明「ファイルを転送する」を
よく読んで、
操作してください。
転送するファイルは、次のとおりです。
-プロフィールのページ
-コメントのページ
-スタイルシート
-使用している画像ファイル

転送したファイルは、次のURLで確認できます。
-http://arena.hyogo-dai.ac.jp/student/2004/idb/

転送が完了したら、次のメールを送ってください。
-宛先: kawano@ed.hyogo-dai.ac.jp
-件名: 第11回の課題(1)
-本文: 今回までの感想を簡単に書いてください。



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



次へ進んでください。
----
#navi2(Lecture/InfoDesignB2004/11th,prev,toc,next)