Lecture/JouhouC2009/15th/exercise1 のバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
現在との差分 - Visual を表示
ソースを表示
Lecture/JouhouC2009/15th/exercise1 へ行く。
- 1 (2009-07-31 (金) 08:59:55)

(1) 授業の感想のページを作成する

これまでの授業の感想を書いた、Webページを作成します。

1. HTMLファイルを用意する

まず、HTMLファイルを作成します。

下の内容をコピーして、エディタ（Terapadやメモ帳など）に貼り付ける
- 「自分の氏名」（13行目）は、自分の名前に書き換える
- 2箇所ある「メールアドレス」（15行目）は、どちらも自分のメールアドレスに書き換える
ファイル名は、次のとおりにして保存
- 「kansou.html」（必ず半角文字で！）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>授業の感想</title>
<link rel="stylesheet" href="kansou.css" type="text/css">
</head>
<body>
 
 
 
<address>
 作成日: 2009-04-20; 更新日: 2009-08-03<br>
 Copyright (C) 2009 自分の氏名, All rights reserved.<br>
 このページに関する問合せ先:<br>
 E-Mail. <a href="mailto:メールアドレス">メールアドレス</a>
</address>
</body>
</html>

▲ ▼

2. 感想を書く

上の内容の8〜10行目の部分に、授業の感想を書いてください。書き方は、次のようにしてください。

h1要素を使って、「授業の感想」と見出しをつける
h2要素を使って、「やれて良かったころ」と見出しをつける
- p要素を使って、授業でやれて良かったことについて書く
- 必要なら、br要素を使って、改行をする
h2要素を使って、「やりたかったこと」と見出しをつける
- p要素を使って、授業でやりたかったことについて書く
- 必要なら、br要素を使って、改行をする
h2要素を使って、「全体の感想」と見出しをつける
- p要素を使って、全体の感想について書く
- 必要なら、br要素を使って、改行をする

例えば、感想の部分は、次のようになります。

<h1>授業の感想</h1>
 
<h2>やれて良かったこと</h2>
  <p>
    ……<br>
    ……
  </p>
<h2>やりたかったこと</h2>
  <p>
    ……<br>
    ……
  </p>
<h2>全体の感想</h2>
  <p>
    ……<br>
    ……
  </p>

▲ ▼

3. スタイルシートを設定する

スタイルシートを設定します。次のようにしてください。

CSSファイルのファイル名は、次のとおりにする
- 「kansou.css」（必ず半角文字で！）
h1、h2、p要素にスタイルシートを設定する
- 各要素とも、何らかの設定を１つ以上する（どのような設定でもかまわない）
- クラスを使ってもかまわない

KAWANO's PukiWiki Plus! - Lecture/JouhouC2009/15th/exercise1 のバックアップ(No.1)

(1) 授業の感想のページを作成する

1. HTMLファイルを用意する

2. 感想を書く

3. スタイルシートを設定する

メニュー

大学関係リンク

今日の5件

最新の5件