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

課題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
-1
-リンク2
...
*カテゴリ3 [#j9e82570]
-リンク1
-リンク2
...
--連絡先の情報
また、記事へのコメントのページと、プロフィールのページへ、リンク集にジャンプするためのリンクを作成してください。
プロフィールのページ
作成したCSSファイルを指定するように、設定してください。
「連絡先」にある「更新日」を更新した日付にする
スタイルファイルを書き換えただけでも日付を更新しておくこと
記事へのコメントのページ
内容は、次のとおりです。
前回の課題(1)で作成したHTMLファイルに、前回の課題(2)の記事へのコメントを追加
HTMLやCSSの技術を使って、ファイルを編集
HTMLファイルの文法をチェックするサイトの、チェックを合格する
ファイルの内容は、次のようにしてください。
ページのタイトル
プロフィール
目次
各記事へのリンク
...
--第10回の課題:記事へのコメント
...
第9回の課題:記事へのコメント
...
第8回の課題:記事へのコメント
...
...
--連絡先の情報
ファイル作成の注意点は、次のとおりです。
作成したCSSファイルを指定するように、設定してください。
「連絡先」にある「更新日」を更新した日付にする
画像データを使ってもかわまない(著作権を違反しないこと!)
これまでの注意点・ポイント
CSS
第9回のCSSの設定
第8回のCSSの設定
2 - 課題1: HTMLファイルとCSSファイルを作成する
第7回のCSSの設定
HTML
第6回の注意点
第5回のポイント
第4回の注意点
提出方法
提出方法は、「ファイルのWebサーバへの転送」です。ファイルの転送方法は、第6回の説明「ファイルを転送する」をよ
く読んで、操作してください。転送するファイルは、次のとおりです。
プロフィールのページ
コメントのページ
スタイルシート
使用している画像ファイル
転送したファイルは、次のURLで確認できます。
http://arena.hyogo-dai.ac.jp/student/2004/idb/
転送が完了したら、次のメールを送ってください。
宛先: [email protected]
件名: 第11回の課題(1)
本文: 今回までの感想を簡単に書いてください。
提出期限
原則として、平成17年1月7日午後2時までとします。
期限以後は、特別な理由がない限り、提出を受け付けません。
次へ進んでください。
}}
-3