Lecture/JouhouC2007/8th/exercise1 のバックアップ(No.2)

バックアップ一覧
差分を表示
現在との差分を表示
現在との差分 - Visual を表示
ソースを表示
Lecture/JouhouC2007/8th/exercise1 へ行く。
- 1 (2007-05-28 (月) 06:07:47)
- 2 (2007-06-04 (月) 06:51:57)

課題: ネット上の記事へのコメントでHTMLファイルを書く

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

HTMLファイル: コメントをHTMLで書く
CSSファイル: HTMLファイルのスタイルを書く

▲ ▼

1. HTMLファイルの作成

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

▲ ▼

(1) ファイルの作成

第7回の課題で作成したファイルを開いたあとに、次のようにして、名前をつけて別のファイルを作ります。

メニューから「ファイル」→「名前をつけて保存」
ファイルを次のようにつけて保存
- 「0529」＋「学籍番号」＋「.html」（半角文字で！）
  （学籍番号がC2062000の場合、ファイル名は「0527c2062000.html」）

▲ ▼

(2) 更新日の更新

ファイルの最後にある、連絡先の「更新日」の日付を更新する

<address>
 作成日: 2007-04-24; 更新日: 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ファイルの作成

コメントが書かれた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要素）