next up previous
Next: 終わりに: ファイルの保存とバックアップ Up: 実習 Previous: 1つの段落に写真と画像を入れる

残った時間の課題

自分の顔写真と同様に, 下記に従い写真中の他のメンバーの顔写真とその 紹介文を書いて下さい. 学部学科学年などが異なるために知らない人も 写っていると思いますが, その際には適当に××さんです等と書いて下さい. この際, 友人になって交際範囲を広げるのもいいかも知れません.

サンプルファイルを以下の場所に置きました. このページを開き,Netscapeの「表示」メニューから, 「ページのソース」を選ぶと, このページの記述のされ方が わかります. 参考にして下さい.

http://www.math.u-ryukyu.ac.jp/~suga/joho/example/example.html

  1. 「JPG」にある「shukusho.jpg」のファイルを 「ペイント」ツールで開き, 顔の部分を切り出し,「写真の人の名前(ローマ字).jpg」という名前で, 「デスクトップ/JPG」の中に保存する.
  2. 保存したファイルのNetscapeで開き, 画像サイズをメモする.
  3. ファイル「Fellows/fellows.html」に以下のような紹介文を書く. (TaroSan.jpg は保存したファイルの名前)
    <p>
    <img src="JPG/TaroSan.jpg" alt="太郎さん" align="left" 
       width="横幅" height="高さ">
    太郎さんです。<br>
    太郎さんは数学が得意です。<br clear="all">
    </p>
    
  4. 1〜3を写真に写っている人達全員に対して繰り返し行う.
HTMLでは改行は単なる語(=word)の区切りですから, 上のようにタグの内容が2行になっても, ブラウザでは問題は起きません. ブラウザは改行を無視してHTMLを解釈するように作られています.

全てが終った人は, ファイルの保存とバックアップを忘れないようにして下さい.


next up previous
Next: 終わりに: ファイルの保存とバックアップ Up: 実習 Previous: 1つの段落に写真と画像を入れる

2006-12-01