TITLE:第8回の課題 *課題: ネット上の記事へのコメントでHTMLファイルを書く [#be0dc49c] 前回までと同様に、''「インターネット上のあらゆる記事へのコメント」'' を作成します。 今回から、''2つのファイルを作ります''。 -HTMLファイル: コメントをHTMLで書く -CSSファイル: HTMLファイルのスタイルを書く **1. HTMLファイルの作成 [#n5e1c11f] 第6回の課題で作成したファイルをもとに、 今回の課題を作成します。 ***(1) ファイルの作成 [#x281debe] 第7回の課題で作成したファイルを開いたあとに、 次のようにして、名前をつけて別のファイルを作ります。 -メニューから「ファイル」→「名前をつけて保存」 -ファイルを次のようにつけて保存 --「0529」+「学籍番号」+「.html」(半角文字で!)~ (学籍番号がC2062000の場合、ファイル名は「''0527c2062000.html''」) ***(2) 更新日の更新 [#i6abd85d] -ファイルの最後にある、連絡先の「更新日」の日付を更新する #pre(novervatim){{ <address> 作成日: 2007-04-24; 更新日: &color(red){2007-05-29};<br> Copyright (C) 2007 兵庫太郎, All rights reserved.<br> このページに関する問合せ先:<br> E-Mail. <a href="mailto:c2062000@ed.hyogo-dai.ac.jp"> c2062000@ed.hyogo-dai.ac.jp</a> </address> }} **2. CSSファイルの作成 [#ya26744d] コメントが書かれたHTMLファイルに、スタイルを設定します。 今回は、HTMLファイルとは別に、 スタイルシートの設定が書かれたCSSファイルを作成します。 ファイル名は、次のとおりとします。 -「0529」+「学籍番号」+「.css」(半角文字で!)~ (学籍番号がC2062000の場合、ファイル名は 「''0529c2062000.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] -原則として、''平成19年6月5日13時''までとします。 -期限以後は、特別な理由がない限り、提出を受け付けません。 -課題のやりなおしは、提出期限まで受け付けます。 &br; ---- #navi2(Lecture/JouhouC2007/8th,prev,toc,next) |