[ ホーム | 一覧 | 検索 | 最終更新 | ヘルプ ] [ 新規 ]

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

AND OR
  • バックアップ一覧
  • 差分 を表示
  • 現在との差分 を表示
  • 現在との差分 - Visual を表示
  • ソース を表示
  • Lecture/JouhouC2010/6th/exercise1 へ行く。
    • 1 (2010-05-21 (金) 07:55:08)

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

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

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

1. インターネット上の記事にコメントをする

▲ ▼

(1) 情報を集める

自分が現在興味のあるテーマについて、 インターネットからニュース等を探して、 自分が興味を持った記事を1つ集めなさい。

やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。

▲ ▼

(2) 情報にコメントをつける

記事を探したら、次の順にコメントを作りなさい。 なお、文字数は、「100〜150文字程度(上限なし)」としますが、 内容はささいなことでかまいません。

やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。

▲ ▼

2. HTMLファイルの作成

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

▲ ▼

(1) ファイルの作成

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

  • メニューから「ファイル」→「名前をつけて保存」
  • ファイルを次のようにつけて保存
    • 「0525」+「学籍番号」+「.html」(半角文字で!)
      (学籍番号がC2092000の場合、ファイル名は「0525c2092000.html」)
▲ ▼

(2) コメントの追加・目次の更新

次のようなレイアウトになるように、 今回作ったコメントを追加して、目次の部分を更新します。 第2回〜第5回までの、HTMLの技術を使って、作成してください。

ページのタイトル

目次
 ・第6回のコメントへのリンク
 ・第5回のコメントへのリンク
 ・第4回のコメントへのリンク
 ・第3回のコメントへのリンク
 ・第2回のコメントへのリンク
 ・プロフィール

---
第6回の課題のコメント
...
[トップへ戻る]

第5回の課題のコメント
...
[トップへ戻る]

第4回の課題のコメント
...
[トップへ戻る]

第3回の課題のコメント
...
[トップへ戻る]

第2回の課題のコメント
...
[トップへ戻る]

プロフィール
...
[トップへ戻る]

---
連絡先・著作権の情報

作成するときの注意点は、次のとおりです。

  • コメントを作る
    • それぞれのコメントの最後には、ページのトップ(一番上)にジャンプする「トップへ戻る」というリンクを作る
  • 目次を更新する
    • 5つのコメント(第2,3,4,5,6回)へジャンプできるリンクをつくる
  • 第3回の課題で説明した注意点を守る
  • ファイルの最後にある、連絡先の「更新日」の日付を更新する
    <address>
     作成日: 2009-04-20; 更新日: 2009-05-18<br>
     Copyright (C) 2009 兵庫太郎, All rights reserved.<br>
     このページに関する問合せ先:<br>
     E-Mail. <a href="mailto:c2082000@ed.hyogo-dai.ac.jp">c2082000@ed.hyogo-dai.ac.jp</a>
    </address>
    
▲ ▼

3. CSSファイルの作成

コメントが書かれたHTMLファイルに、スタイルを設定します。

今回は、HTMLファイルとは別に、 スタイルシートの設定が書かれたCSSファイルを作成します。 ファイル名は、次のとおりとします。

  • 「0525」+「学籍番号」+「.css」(半角文字で!)
    (学籍番号がC2092000の場合、ファイル名は 「0525c2092000.css」)

CSSを使って、HTMLファイルの各要素に次のような設定をしてください。

  • ページ全体の文字色と背景色(body要素)
  • 見出しの文字色と背景色(h1〜h6要素)
  • 見出しの枠線の設定(色・太さ・種類)(h1〜h6要素)
▲ ▼

提出方法

作成したファイルを、次の場所にコピーして提出してください。

  • 「マイコンピュータ」→「Fsの資料・課題」→「kawano」→「提出」
▲ ▼

提出期限

  • 原則として、平成22年6月1日9時までとします。
  • 期限以後は、特別な理由がない限り、提出を受け付けません。
  • 課題のやりなおしは、提出期限まで受け付けます。



[前へ] [目次へ]

メニュー

  • トップ
  • 授業
  • PukiWiki Log
  • Install Log
  • 道具箱
  • セキュリティ情報
  • RSSアンテナ

大学関係リンク

  • Webメール
  • 健康システム学科
  • 情報メディアセンター
  • 兵庫大学

今日の5件
  • FrontPage(111)
  • Lecture/InfoPrac2005/4th/auto_fill(3)
  • VineLinux3.2(3)
  • Install Log/CentOS6/phpmyadmin(2)
  • Lecture/JouhouC2004/13th(2)
最新の5件
2016-04-08
  • Lecture/timetable_2016
  • Lecture
  • FrontPage
2015-09-30
  • Lecture/timetable_2015
2015-04-04
  • MenuBar

total: 1322
today: 1
yesterday: 0
now: 6


リロード   差分   ホーム 一覧 検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
http%3A%2F%2Fhs-www.hyogo-dai.ac.jp%2F~kawano%2F%3FLecture%25252FJouhouC2010%25252F6th%25252Fexercise1
Founded by Minoru Kawano.
Powered by PukiWiki Plus! 1.4.7plus-u2-i18n. HTML convert time to 0.192 sec.
Valid XHTML 1.1