*課題1: HTMLファイルとCSSファイルを作成する [#kb061fb7] **課題の内容 [#z463a926] HTMLとCSSの技術を使って、 前回までに作ったHTMLファイルを更新してください。 前回までに作ったHTMLファイルやスタイルファイルを更新してください。 今回から、新たに「''リンク集''」のページも作成してもらいます。 -プロフィールのページ -記事へのコメントのページ -COLOR(red):リンク集のページ 2つのファイル(プロフィールとコメントのページ)に、 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 ... --- 連絡先の情報 }} また、 記事へのコメントのページと、 プロフィールのページへ、 ''リンク集にジャンプするためのリンクを作成してください''。 ***プロフィールのページ [#zc0831a2] -作成したCSSファイルを指定するように、設定してください。 -「連絡先」にある「更新日」を更新した日付にする --COLOR(red):''スタイルファイルを書き換えただけでも日付を更新しておくこと'' ***記事へのコメントのページ [#leb5753d] 内容は、次のとおりです。 -前回の課題(1)で作成したHTMLファイルに、前回の課題(2)の記事へのコメントを追加 -今回までに紹介した、HTMLの技術を使って、ファイルを編集 -HTMLやCSSの技術を使って、ファイルを編集 -HTMLファイルの文法をチェックするサイトの、チェックを合格する ファイルの内容は、次のようにしてください。 <pre> #pre(novervatim){{ ページのタイトル プロフィール 目次 各記事へのリンク ... --- 第10回の課題:記事へのコメント ... 第9回の課題:記事へのコメント ... 第8回の課題:記事へのコメント ... 第7回の課題:記事へのコメント ... 第6回の課題:記事へのコメント ... ... --- 連絡先の情報 </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] -原則として、''平成16年12月24日午後2時''までとします。 -原則として、''平成17年1月7日午後2時''までとします。 -期限以後は、特別な理由がない限り、提出を受け付けません。 &br; &navi2(Lecture/InfoDesignB2004/11th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/11th,prev,toc,next) }} |