準備:Macにログイン→ブラウザ(FireFox)を起動
→
ブックマークツールバーにある"Web_D"サイトを開き、出席システムにログイン→
ドリームウィーバを起動して、前回作成したindex.htmlファイルを開いておく。
教員のメモリスティックにコピーした場合は、"Web_D"サイトのトップーページを確認。
(論)著作権と肖像権
- 著作権…
写真、イラスト、美術品、文章、映画、音楽、、、、などを著作物といい、その著作者が独占的に支配して利益を受ける権利を著作権という。(参考:yahoo辞書) ウェブ上からそういった情報を入手して、無断で使用してはならない。
- new ネット上の引用の書き方
発信者名・タイトル名・発行年月日(アップデートされた日)・URL・アクセスした年月日
例) 静岡産業大学情報学部・2005・http://webs.fujieda.ssu.ac.jp・20xx年4月30日
- 肖像権…
自分の顔や姿を無断で写真・絵画などに写しとられたり、それを展示されたりすることを拒否する権利。(参考:yahoo辞書) - 子供向け著作権情報センター
- 文化庁の著作権制度の概要
(演)画像収集
- 自分で撮影した写真を使う場合
(1)カメラ付き携帯で好きなものを撮影→
撮影した画像を携帯メールに添付し、件名に学籍番号を入力してmkaki@ssu.ac.jp宛に送る。
(2)(こちらで受信した画像を学籍番号にリンク)
(3)( データをサーバにアップロード)
(4)画像を添付送信した学生は、以下の自分の学籍番号をクリックし画像をダウンロードする。
| xxxx301 |
(5)デスクトップに一時保存された画像ファイルを自分のメモリスティックに保存
(webページ作成に用意したフォルダ内の"images"フォルダ内に保存する)
- 用意された画像ファイルを使う場合
- 素材ページにある画像の上でctrlキーを押しながらクリック「イメージをデスクトップに保存」を選ぶ
- デスクトップに一時保存された画像ファイルを自分のメモリスティックに保存
(webページ作成に用意したフォルダ内の"images"フォルダ内に保存する)
(論)画像ファイルの種類(JPG,GIF,PNG)
cellphone.gifcellphone.jpg
- JPEG形式…画質を下げてファイルサイズを小さくする圧縮形式。写真や微妙な色の変化のあるイラストの保存に効果的。拡張子は ".jpg"
- GIF形式…べた塗りの同色をまとめることでファイルサイズを小さくする。色に変化のないイラストの保存に効果的。透明色を1色指定できる。拡張子は ".gif"
- PNG形式…画質を下げずにファイルサイズが小さくでき、圧縮率が高い。透明色も複数指定できる。しかし、PNG形式を表示できないブラウザもある。拡張子は ".png"
(演)ブラウザで表示してみよう
- ドリームウィーバを起動して、前回作成した index.html ファイルを開く。
- 以下の画像表示タグを追加入力する。
要素と属性の間には半角空白をあける。
=の先にある値は""で囲む
- "img" は画像を表すタグで、終了タグ "/" で閉じない。
- ファイルの所在を指定。上記は"images"フォルダ内の"0500000.jpg"を表示させている。
"0500000.jpg"は各自のファイル名を入力 - 代替テキストとは、画像が表示できない場合や音声ブラウザが画像の代わりに読み上げるもの。
- 画像のサイズを指定…width は幅、height は高さ
- 寸法はピクセル数で表記されており、数値だけを入力する
寸法の調べ方は、画像ファイルをブラウザ上にドラックすると、以下のようにブラウザのタイトル部分で見られる。
200×200 px というのは、幅200ピクセル、高さ200ピクセルの画像と言う意味
- 保存(+S)して「ブラウザーでプレビュー」で確認