*情報教育演習II 第11回 [#n521c2e8] Webページの作成技術を習得していきます。 ブログで記事を作る際にも、必要となるものです。 **連絡事項 [#r3795058] この授業で作成するブログのURLは、次のとおりです。 -http://arena.hyogo-dai.ac.jp/senkou2005/ ブログに記事を投稿するには、次のURLにアクセスして、 ログインしてください。 -http://arena.hyogo-dai.ac.jp/senkou2005/admin.php **今回の演習(60分) [#wc5b1e65] -[[Webとハイパーテキスト>/Lecture/JouhouC2005/5th/Hypertext]] -[[WebとHTML>/Lecture/JouhouC2005/5th/HTML]] -[[Webページの作成方法>/Lecture/JouhouC2005/5th/WebWork]] -[[HTMLの書き方>/Lecture/JouhouC2005/5th/HowToHTML]] **アンケートの集計とブログの改善 [#s765f0d5] 保育科第一部1年生から、ブログの内容に関するアンケートを行いました。 ''表計算ソフト(Excel)''を使って集計をしましょう。 実際にWebページを作成しましょう。 内容を理解しにくいところもあるかもしれませんが、 操作していくうちに慣れてきます。 集計結果をもとに、 全員でブログの内容について、検討してみましょう。 -全体の改善点 -コーナーごとの改善点 +「とほほのWWW入門」( http://www.tohoho-web.com/www.htm )にアクセス +「ホームページ入門」をクリック +「とにかく作ってみよう」の内容を読みながら、「初めてのホームページ」を作成 **画像データの利用 [#u735c69e] デジタルカメラの写真や、ネット上の素材集、自分で作成したイラストなど、 画像データを利用しましょう。 **今回のブログ作業(90分) [#p6cd7efe] ***画像のフォーマット [#n231fcf4] Webページ上で扱うことができる、 画像データのフォーマット(形式)には、 次のものがあります。 各コーナーの担当者は、次回に掲載する記事を作成しなさい。 とくに他の情報源(Web、書籍など)の引用に注意しなさい。 なお、内容を事前に授業担当者に見せて、確認してもらうこと。 :GIF: Graphics Interchange Format (*.gif)| --アイコン、バナー向き(最大で256色しか扱えない) --透過GIFやアニメーションGIFなど機能が豊富 :PNG: Portable Network Graphics (*.png)| --GIFファイルに代わる次世代のフォーマット(フルカラーが扱える) --古いブラウザでは扱えない場合がある :JPEG: Joint Photographic Experts Group (*.jpg, *.jpeg)| --写真、イラスト向き(フルカラーが扱える) --ファイルサイズが小さい(圧縮率を変える) -せ・ん・こ・う・か(専攻科の紹介) -専攻科の日記(自己紹介) -楽しく実習をすごすには(保育園・幼稚園実習の紹介) -HOW TO パソコン!!(パソコンの使い方) -今週の遊び道具(遊び道具の紹介) -なるほど THE 世界の保育(世界の保育事情) その他に、Web上では扱えないが、 パソコンで一般的に扱われるフォーマットには、 次のものがあります。 Web上で扱うには、画像を変換する必要があります。 :BMP: Bitmap (*.bmp)| --Windows標準の画像フォーマット(「ペイント」で作成できる) --ファイルサイズが大きい(24ビットカラーの場合) --Webページでは使えないので、ほかの形式に変換する必要がある ***記事を作成する上での注意 [#k696c9cf] -必要であれば、他のサイトの内容を引用する(ただし最小限度で) -本や他のサイトの情報を参考にした場合は、出典を明らかにする <pre> 参考: 兵庫大学の公式サイト(http://www.hyogo-dai.ac.jp/) </pre> ***グラフィックソフトの種類 [#z29a57a2] グラフィックソフトは、描画の仕方によって、2種類にわけることができます。 :ペイント系(例: Windows付属のペイント)| --画面上のドット(点)の一つひとつを描画する --データには、すべての点の色の情報が記録される ---拡大・縮小すると、絵が歪んでしまう --ペンや筆で紙に絵を描くような感覚で、絵を作ることができる :ドロー系(例: Powerpointのオートシェイプ)| --「線」や「四角形」「円」などの図形を描画する --図形の位置や線の長さ、角度、色などの、図形としての情報が記録される ---拡大・縮小しても、絵が歪むことない --貼り絵の感覚で、絵を作ることができる ***素材集の利用 [#va9d0460] インターネットに公開されている「素材集サイト」にアクセスして、 アイコンの素材を集めます。 ただし、 ''素材集サイトを利用するときには、利用に関する注意事項を確認しましょう''。 「著作権フリー」のように、再利用が許可されているかどうか注意しましょう。 +Yahoo! JAPAN( http://www.yahoo.co.jp)にアクセス +「コンピュータとインターネット > インターネット > WWW > ホームページ作成 > グラフィックス、素材」の順にカテゴリを絞り込む +登録されているサイトにアクセスし、画像ファイルを探す +気に入った画像があったら、画像を右クリックする ++メニューから「名前をつけて画像を保存」を選ぶ ++ファイルの保存場所を指定して、「保存」ボタンをクリック |