KAWANO's PukiWiki Plus! - Lecture/JouhouC2008/8th/exercise1 の変更点

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

TITLE:第8回の課題
*課題: ネット上の記事へのコメントでHTMLファイルを書く [#be0dc49c]

前回までと同様に、''「インターネット上のあらゆる記事へのコメント」''
を作成します。
今回から、''2つのファイルを作ります''。
-HTMLファイル: コメントをHTMLで書く
-CSSファイル: HTMLファイルのスタイルを書く


**1. HTMLファイルの作成 [#n5e1c11f]

第7回の課題で作成したファイルをもとに、
今回の課題を作成します。

***(1) ファイルの作成 [#x281debe]
第7回の課題で作成したファイルを開いたあとに、
次のようにして、名前をつけて別のファイルを作ります。
-メニューから「ファイル」→「名前をつけて保存」
-ファイルを次のようにつけて保存
--「0530」＋「学籍番号」＋「.html」（半角文字で！）~
（学籍番号がC2072000の場合、ファイル名は「''0530c2072000.html''」）


***(2) 更新日の更新 [#i6abd85d]
-ファイルの最後にある、連絡先の「更新日」の日付を更新する
#pre(novervatim){{
<address>
 作成日: 2008-04-18; 更新日: &color(red){2008-05-30};<br>
 Copyright (C) 2008 兵庫太郎, All rights reserved.<br>
 このページに関する問合せ先:<br>
 E-Mail. <a href="mailto：c2072000＠ed.hyogo-dai.ac.jp">
 c2072000＠ed.hyogo-dai.ac.jp</a>
</address>
}}



**2. CSSファイルの作成 [#ya26744d]
コメントが書かれたHTMLファイルに、スタイルを設定します。

今回は、HTMLファイルとは別に、
スタイルシートの設定が書かれたCSSファイルを作成します。
ファイル名は、次のとおりとします。
-「0530」+「学籍番号」+「.css」（半角文字で！）~
（学籍番号がC2072000の場合、ファイル名は 「''0530c2072000.css''」）

CSSを使って、HTMLファイルの各要素に次のような設定をしてください。
-【今回分】
--背景に画像を入れる（ページ全体、h1〜h6、p、blockquote要素）
---すべてに背景画像を入れなくて良い
-【前回までの分】
--フォントの設定（すべての要素で設定）
---スタイル、太さ、サイズなど
--行揃えの設定（h1〜h6要素）
--行間の設定（p要素、blockquote要素）
--マージン（margin）の設定（h1〜h6、p、blockquote要素）
--まわりの空間（padding）の設定（h1〜h6、p、blockquote要素）
--ページ全体の文字色と背景色（body要素）
--見出しの文字色と背景色（h1〜h6要素）
--見出しの枠線の設定（色・太さ・種類）（h1〜h6要素）


***提出方法 [#pd69905b]
作成したファイルと''使用してる画像ファイルすべて''を、
次の場所にコピーして提出してください。
-「マイコンピュータ」→「Fsの資料・課題」→「kawano」→「提出」


***提出期限 [#h518caec]
-原則として、''平成20年6月6日13時''までとします。
-期限以後は、特別な理由がない限り、提出を受け付けません。
-課題のやりなおしは、提出期限まで受け付けます。

&br;
----
#navi2(Lecture/JouhouC2008/8th,prev,toc,next)