KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/11th/exercise1 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/InfoDesignB2004/11th/exercise1 へ行く。

*課題1: HTMLファイルとCSSファイルを作成する [#kb061fb7]

**課題の内容 [#z463a926]

HTMLとCSSの技術を使って、
前回までに作ったHTMLファイルやスタイルファイルを更新してください。
今回から、新たに「''リンク集''」のページも作成してもらいます。
-プロフィールのページ
-記事へのコメントのページ
-COLOR(red):リンク集のページ

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

***リンク集の作成 [#z65b6042]
[[前回予告した>Lecture/InfoDesignB2004/10th/next#n129a250]]ように、
''リンク集''を制作してください。

リンクは、「カテゴリ」ごとに分類してください。
たとえば、次のようなカテゴリが考えられるでしょう。
-必須のカテゴリ
--ニュース・Blog・日記サイト
-選択（1種類以上を選択） 
--抽象的なカテゴリ...趣味、遊び、勉強、資格 
--具体的なカテゴリ...ギター、プレステ、Webのデザイン、情報処理関係の資格

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

#pre(novervatim){{
ページのタイトル

  日記
  プロフィール

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

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

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

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

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

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

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

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

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

  プロフィール

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

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

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

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

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



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

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

}}