課題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
© Copyright 2024 Paperzz