Lecture/InfoDesignB2004/12th/exercise3 のバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
現在との差分 - Visual を表示
ソースを表示
Lecture/InfoDesignB2004/12th/exercise3 へ行く。
- 1 (2005-01-06 (木) 07:23:18)
- 2 (2005-01-06 (木) 13:02:06)

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

▲ ▼

課題の内容

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

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

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

ファイル名: style.css

▲ ▼

リンク集の作成

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

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

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

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

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

pre> ページのタイトル

 日記
 プロフィール

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

▲ ▼

カテゴリ1

-リンク1
-リンク2
...

▲ ▼

カテゴリ2

-リンク1
-リンク2
...

▲ ▼

カテゴリ3

-リンク1
-リンク2
...

連絡先の情報
/pre>

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

▲ ▼

プロフィールのページ

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

▲ ▼

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

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

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

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

pre> ページのタイトル

 プロフィール

 各記事へのリンク
 ...

第10回の課題：記事へのコメント ... 第9回の課題：記事へのコメント ... 第8回の課題：記事へのコメント ... ... 連絡先の情報
/pre>

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

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

▲ ▼

提出方法

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

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

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

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

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

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

▲ ▼

提出期限

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

KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/12th/exercise3 のバックアップ(No.1)