奈良教育大学教材 「情報機器の操作」

「情報機器の操作」の要約
・・・・画像ファイルはpdfファイルで見てください・・・・・・
・・・・学内情報で一般には不要の箇所は除外しました・・・・
・・・・内容は詳細な記述で参考になります。・・・・・

報機器の操作
奈良教育大学 P-1
情報機器の操作
奈良教育大学
教育実践総合センター
学術情報研究センター
2010 年3 月
情報機器の操作
奈良教育大学 P-2
内容
1. シラバス ........................................................................................................................................................................... 4
2. 共同利用PC のある場所 ................................................................................................................................................. 6
3. 共同利用PC 利用のルールとモラル .............................................................................................................................. 7
3.1 キャンパスネットワークでできること .................................................................................................................... 7
3.2 大学の対応 .................................................................................................................................................................. 8
4. アカウントとパスワード ................................................................................................................................................ 9
5. PC へのログオン ............................................................................................................................................................. 10
6. パスワードの変更 .......................................................................................................................................................... 12
7. Windows の基本操作 ....................................................................................................................................................... 13
8. 日本語入力の方法 .......................................................................................................................................................... 15
9. メール ............................................................................................................................................................................. 17
10 Active! mail(WebMail)の使い方 ............................................................................................................................. 19
10.1 WebMail 署名の設定 ............................................................................................................................................... 21
10.2 WebMail プロフィールの設定 ............................................................................................................................... 21
10.3 WebMail フォルダーの作成と管理 ....................................................................................................................... 22
10.4 WebMail フィルタリング ...................................................................................................................................... 23
10.5 WebMail メールの転送 .......................................................................................................................................... 23
10.6 WebMail アドレス帳 .............................................................................................................................................. 24
10.7 WebMail 迷惑メール(SPAM)対策 .......................................................................................................................... 25
Appendix -1 IronPort (メールセキュリティシステム)と Virusalert メール ............................................................. 25
11. タイピングの練習 ........................................................................................................................................................ 26
12. ブラウザーでホームページを検索する ..................................................................................................................... 29
13. キーワード検索とgoogle の特殊検索 ........................................................................................................................ 31
14. コピー and ペースト .................................................................................................................................................. 34
15 ファイル・フォルダー・ドライブ(ファイルの保存と運搬) .................................................................................... 35
16. プリンターの利用 ........................................................................................................................................................ 40
17. Word Processing-1 WORD 入門練習 案内状の作成 .................................................................................................... 45
18. Word Processing-2 WORD によるレポート作成 ....................................................................................................... 54
19. Excel-1 表計算ソフト入門 .......................................................................................................................................... 61
Appendix-2 ドーナツグラフを作ってみよう ............................................................................................................... 67
20 Excel-2 Excel とWord の連携 会計レポート作成 .................................................................................................. 69
21. Power Point プレゼンテーションツール..................................................................................................................... 75
Appendix-3 効果的なプレゼンテーションの技法 ....................................................................................................... 80
情報機器の操作
奈良教育大学 P-3
22 ホームページを作る ................................................................................................................................................... 82
22.1 ホームページを作るとはどういう作業か? ....................................................................................................... 82
22.2 ホームページ練習編 .............................................................................................................................................. 86
22.3 基本的なタグの説明 .............................................................................................................................................. 91
22.4 タグのまとめ、基本編 .......................................................................................................................................... 98
22.5 サンプルページ .................................................................................................................................................... 103
22.6 ホームページ公開のため、サーバーへファイルを転送する .......................................................................... 109
22.7 複数のページを作る ............................................................................................................................................ 112
22.8 デジカメ画像の修正・補正(Photposhop の活用) ................................................................................................ 113
22.9 「ホームページビルダー」を使ってみよう ..................................................................................................... 118
22.10 スタイルシートに挑戦 ...................................................................................................................................... 120
23 利用上の注意 ............................................................................................................................................................... 123
23.1 メール・掲示板のマナー .................................................................................................................................... 123
23.2 利用者ID は、必ず一人1つずつ ....................................................................................................................... 123
23.3 個人情報の取り扱い ............................................................................................................................................ 123
23.4 著作権・著作物について .................................................................................................................................... 124
23.5 デジタル万引き .................................................................................................................................................... 124
23.6 情報モラル関連サイト ........................................................................................................................................ 125
情報機器の操作
奈良教育大学 P-4
1. シラバス
概要 :
教育現場で必要となる、情報機器の操作、および情報処理能力の育成をはか
る。ドキュメント作成によるプレゼンテーション技法の習得、電子メールに
よるデジタルコミュニケーション能力の育成、インターネット上の情報収
集・発信技能の習得などを目的とする。
情報検索の手法
. ブラウザーでホームページを検索する
. キーワード検索の手法と google の使い方
. コピー and ペースト (Windows の基本テクニック)
. ファイル・フォルダー・ドライブ (ファイルの保管・運搬)
. プリンターの使い方(プリンターステーション)
文書作成
. WORD による文書作成 -1 入門練習 案内状の作成(PDF)
. WORD による文書作成 -2 レポートの作成(PDF)
表計算ソフト Excel
. 表計算ソフトの使い方
. EXCEL と WORD による報告書作成
プレゼンテーション
. パワーポイントによるプレゼンテーション
ホームページの作成
. ホームページはどうやって作るか? どうやって公開するか?
. HTML の基本的な規則 、<タグ>の解説
. 色の指定、レイアウトのための<タグ>
. リンク 、絵を描いて貼り付ける 壁紙を選ぶ
. サーバーへファイルを転送する
. 複数のページを作る
. デジカメ画像の修正・補正(Photoshop の活用)
. 「ホームページビルダー」を使ってみる
. 「スタイルシート」、 「JavaScript」 とは
情報発信について
. ネットワーク時代の知的所有権
. 著作権Q&A
情報機器の操作
奈良教育大学 P-6
. Windows-XP Professional
. Microsoft Office 2007 Professional (ワード、エクセル、パワーポイント、アクセス)
. Symantec Endpoint Protection (ウイルスチェック・駆除)
. Fire Fox (ブラウザ)
. Adobe Creative Suites Design Plemium (画像編集)
. Visual Studio Standard (プログラミング言語)
. Homepage Builder 12 (ホームページ作成)
. 秀丸 (テキストエディター)
. キューブきっず 2 (小学校教育用統合ソフト)
. pLaTex (組み版・テキスト整形)
情報機器の操作
奈良教育大学 P-7
3. 共同利用PC 利用のルールとモラル
3.1 キャンパスネットワークでできること
共同利用PC は,学内ネットワークを経由して,インターネットに接続されて
います。ワープロ・表計算ソフトを利用してのレポート作成だけではなく,電
子メール,WWW などを利用した情報収集・情報交換に活用したり学習・研究
に役立ててください。
インターネットでは,全世界の利用者に対して影響をおよぼす可能性があることにも注意して活用してください。
情報機器の操作
奈良教育大学 P-8
3.2 大学の対応
ファイヤ・ウォール
大学内の共同利用PC は、直接インターネットと繋げていません。これは、大学の外からの様々な攻撃から、みなさんを守るためです。逆に、万が一皆さんが利用するPC がコンピュータウィルスなどに感染してしまい、大学の外に伝染させてしまうという迷惑をかけないように防止するためでもあります。
このため、キャンパスネットワークとインターネットの間に「ファイヤ・ウォール」という仕組みを準備して、みなさんの利用に必要な通信だけを通過できるようにしています。
ソフトウェアの導入制限
全ての共同利用PC には、ワープロ、表計算ソフトといった広く一般的に使われているソフトウェアが既に導入されています。共同利用PC には、多くの人が出来る限り共通の環境で利用できるように準備されたものですので、勝手にソフトウェアを導入することはできません。
コンピュータウィルスへの対応
写真などのデータを友人とメールで交換されることも多いと思いますが、友人や知人を装って、コンピュータウィルスなどが送られてくることがあります。コンピュータウィルスに感染すると、自分のコンピュータが使えなくなるだけでなく、他の利用者に迷惑をかけることにもなります。共同利用PC では、そのような事態を防ぐために、ウィルス対策ソフトが導入されています。そして、ウィルス対策ソフトは、定期的に最新のウィルス定義ファイルに更新して、新種や変種のウィルスへも対応できるように努めています。しかし、未知のコンピュータウィルスは、検出できませんので、みなさんの所に届いてしまうこともあります。
知らない人から届いたメールの添付ファイルや実行形式の添付ファイルは、むやみに開かない習慣を身につけて自衛してください。
アクセスログの収集
共同利用PC にログオン・ログオフしたことや、印刷したこと、どのサイトにいつアクセスしたかなど、様々な利用に関して、常に記録・蓄積しています。これを「ログ」と呼んでいます。ログは、不正な利用がないかを点検することで、みなさんや大学が不利益にならないようにするために収集しているものです。
4. アカウントとパスワード
アカウント名
5. PC へのログオン
ログオン
PC本体とディスプレイの電源スイッチを入れ、しばらく待つと「ようこそ」の画面になります。
「Ctrl(コントロール)」キーを押しながら、「Alt(オルタネート)」キーを押し、そのまま「Delete(ディリート)」キーを押します。つまり、三つのキーが押されている状態にし、手を離します。
ログオン画面で、アカウント名とパスワードをキー入力し、「OK」ボタンをクリックします。
1. 「ユーザー名」の欄でマウスをクリックし、自分のアカウント名を入力する。
打ち間違いは[BackSpace]キーで取り消す。 数字が入力できないとき、右側、テンキーの上の「Num Lockキー」を押し、「Num-Lock」ランプが点灯した状態で、数字を入力します。
2. パスワードを入力する。**** と表示される。
3. 「ドメイン」が NT であることを確認する。そうでない場合は、▼印をクリックし、NT を選択する。
4. 「OK」をクリックする。
マウスは右手でつかみます。人差し指で、左側のボタンを「クリック」します。
. 「クリック」:軽くボタンを押す(何かを選ぶ)
. 「ダブルクリック」: 素早く、2回クリックすること(何かを起動する)。
. 「ドラッグ」:クリックしたまま、マウスを動かすこと(移動、コピー、範囲指定)
注意:
. ログオンの途中で、黒い画面が現れますが、これは前回のログオン時の環境を復元するための作業です。これが、完了し、黒い画面が消え、「砂時計(Hour Glass)」も消えるまで、マウスを動かさないようにして下さい。
. 黒い画面の途中で、キーボードを打ったりやマウスを動かすと、自分の環境の再現に失敗し、アイコンが消えてしまったりします。
. 「ログ(log)」とは、運用記録のことです。誰がどのような利用をしたのか、の記録が、この時点で開始(ON)される、という意味がLOG-ON です。
大切な約束
. 誰が、何時、どのソフトを使用したか、プリンターの印字枚数などが記録されます。また、ファイル
の作成者やソフトをインストールした方のアカウントも記録されます。さらに、閲覧したホームペー
ジのアドレスもすべて記録されます。これらの記録は、必要がある場合、検査されることがあります。
終了は、「スタートボタン」から「シャットダウン」または「ログオフ」を選択して行って下さい。
. すぐに他の人が使うことがわかっている場合は、ログオフ
. そうでない場合は、シャット・ダウンします。
. パソコンを離れる場合は(誰かが、引き続いて使うのではない場合)、「シャットダウン」し、電源を切って下さい。(自動で電源が切れる場合でも、それを確認して下さい)
. ディスプレイの電源は切らなくてもかまいません。本体の電源が切れると、自動的に省エネルギーモードになります。
6. パスワードの変更
7. Windows の基本操作
Windows の操作にはきまった用語とルールがあります。これを覚えてください。
デスクトップ上に目的の「アイコン」があれば、それをダブルクリックすることで、仕事が開始されます。
デスクトップにないプログラムは、「スタート」→「すべてのプログラム」をクリックし、目的の項目を探します。
例えば、ワードを起動したい場合は、下の様にクリックしまう。
開いているウィンドウの大きさを変えたり、閉じたりする操作は、以下のようにどのソフトでも共通です。
(1)「最小化ボタン」で、作業中のウィンドウが消え、「タスクバー」にアイコンが表示されます。このアイコンをクリックして、ウィンドウを再開することができます。一時的に、別の作業を行う場合に用います。
(2)「最大化ボタン」で、作業中のウィンドウが最大画面で表示されます。
元に戻すためには、同じ位置のボタン(形が変わっている)をクリックします。
(3)「閉じる」ボタンで、作業を終了します。作業の結果がファイルに保存されていない場合、問い合わせの画面になりますので、必要であればファイルに保存します。
ウィンドウが「最大化」されていない場合は
(4)ウィンドウの右下隅にマウスを近づけると、カーソルの形が両矢印に変わります。この状態でドラッグす
ると、ウィンドウの大きさを変えることができます。
(5)「タイトルバー」をドラッグし、ウィンドウを移動させることができます。また、このタイトルバーをダブルクリックすると「最大化」と「縮小(元に戻す)」が交互に行われます。
終わり方「スタート」ボタンから「ログオフ」または「シャットダウン」を選択します
他の人にパソコンの使用を譲る場合は:「ログオフ」します。
スイッチを切るためには:「シャットダウン」します。
「実行する操作」の選択画面が表示される場合は、そこでも「シャットダウン」を選択します。
基本的には「シャットダウン」して、電源が切れることを確認してください。
8. 日本語入力の方法
かな漢字変換
かな漢字変換のON/OFF は キーで行います。または、画面右隅のIME ボタン[かな漢変換
ボタン]で行う場合、 [あ] で日本語入力、[A] で半角英数字(直接)入力にします。
または、この選択ができない場合、タスクバーで「右クリック」し、「ツールバー」の「言語バー」にクリックでマークします。 [あ] で日本語入力、[A] で半角英数字(直接)入力にします。
カナ入力とローマ字入力の切替は+ でできますが、この機会にローマ字入力に慣れる
ことを奨めます。
かな漢字変換の方法
「かな漢字変換」モードでは、ローマ字/カナ入力を行うと「ひらかな」になる(未確定状態)。
漢字変換は「スペース」(一番長い)キーを押し、候補を表示し、番号で選ぶ 。
. カタカナ変換は「F7」キー
. ひらかな変換は「F6」キー
. 「F9」、「F8」で半角英数に変換する。
. なるべく「半角カタカナ」は使用しないようにしてください。
. 「ENTER」( )で全体が白い文字に変わり、確定する。部分的に確定させるためには、矢印キー[→]、
[←]で、文節を変えて、[↓]で選択した文節を確定させる。
日本語入力の方法--編集の方法
誤字の訂正
[BackSpace]キー:
カーソルの直前(左側)の文字を消す。打ち間違いを直ちに消す場合に用いる。
[Delete]キー: カーソルの直後(右側)の文字を消す
行の分割
行を変えたいところにカーソルを置き、[Enter]キーを押す
行をつなげる
行の頭で[BackSpace]キーを押すか
行の末尾で[Delete]キーを押す
9. メール
インターネットの利用者のメールアドレスは fujiwara@abc.cfg.co.jp のように、「@アットマーク」を含んでいます。
@アットマークの左側が、個人の識別記号
@アットマークの右側が、所属組織やプロバイダーを示しています。
メールアドレスと、「ホームページのアドレス=URL」(例えば、
http://www.sony.co.jp/)を混同しないで下さい。
メールのスタイル(送信)
題名:(Subject)ここだけで内容が判るのがよい。
宛先:カンマで区切って、複数指定しても良い
同報:ついでに知らせておきたい人。(Carbon Copy ともいう)
メールのスタイル(返信)
「返信」を選択すると、「題名」と「宛先」は自動的に設定されます。
正確を期するために、大切な文脈、事項・データは引用し(> が引用を示す)、確認します。
ただし、長い文章の全文を「引用」することは、避けたほうがよいでしょう。返事のポイントがあいまいになってしまいますし、読みにくくなります。
上の例のように、返答すべき項目の要点を切り取って、各々の項目に対して、回答する、というスタイルが推奨されます。
メールの心構え
何を頼んでいるのか、何を聞いているのか、何に対して答えているのか、を明確に、簡潔に書くこと。引用を活用し、曖昧にならないようにします。
必ず、名前・所属を名乗ること。特に、友人・知人でない場合は注意してください。
言葉尻を捉えない。感情的にならない。乱暴な言い方に注意。
日本語は難しい。メールでは、何気ない表現が、意図しない受け取られ方をすることがある。しかし、感情を正確に書き現すことは至難である。
そこで、E-Mail で工夫された「感情の表現方法」にスマイリー(Smily)がある。表現を和らげる効果(緩衝剤)がある。
:-) Happy、Smile
:-( Sad
:-|| Angry
:-D Laughing
:-o Shocked
:!-( Crying
X-( Brain Dead
日本語版では、
(^_^) 笑顔・ニコニコ
(^_^;) 冷や汗
キーボードから打てる文字を使って、顔の表情を現す。
その他にこんなのがある(
http://www.natsume.co.jp/topics/04topics/04-7.html)
ただし、使いすぎないこと。また、公式の文書では使わないこと。
10 Active! mail(WebMail)の使い方
Active! mail(WebMail)によって、
. 学内・学外から、街角のパソコンからでも、WWW ブラウザを利用して、電子メールの受信・送信ができます。. 携帯電話への転送も設定できます。
. 個人スケジュールの管理にも利用できます。
. WebMail とはメール専用のソフトを使うのではなく、ブラウザー(ホームページ閲覧ソフト)の画面からメールの操作を行う方式をいいます。Active!Mail はTransWARE 社製のWebMail 方式の製品名です。
Active mail(WebMail)の使い方
10.1 WebMail 署名の設定
メールの末尾には必ず氏名と所属を明記してください。書き忘れを防ぐために、「署名」を設定しておきます。「署名」を設定しておくと、自動的にメールの末尾に付け加えられます。
「ツール」から「署名管理」を選択する。
初めて[署名」を作る場合、「新規作成」します。すでにある場合は、選択することで編集できます。
「設定名」は、はじめての場合、「標準」とします。
複数の「署名」を用意しておいて、教員に出す場合と友人に出す場合と、署名を切り替えることができます。
10.2 WebMail プロフィールの設定
「氏名」、「組織名」などを設定します。
「ツール」から「プロフィール管理」を選択する。
ここで設定した「氏名」は、受信者には「送信者」として表示されます。
メールへの返信を大学のアドレス(a09・・・@student.nara-edu.ac.jp)ではないアドレス(自宅のアドレスなど)に送ってもらいたい場合、返信先(Reply-To:)にそのアドレスを指定しますが、間違ったアドレスを設定するとメールが無くなってしまう可能性があるので、慎重に設定してください。
10.3 WebMail フォルダーの作成と管理
フォルダーを作成し、メールの分類し保存します。
「メール受信」画面には、「個人メールボックス」あらかじめ用意されたフォルダーがあります。
・「受信箱」・「送信箱」・「ごみ箱」・「下書き保存」・「迷惑メール」の5個です。
「作成」ボタンで新たにフォルダーを「作成」します。
受信したメールは、「メール操作」→「移動」で、フォルダーに移すことができます。
「フィルタリング」の設定で、自動的に指定したフォルダーに格納することも可能です。
10.4 WebMail フィルタリング
受信したメールを、指定した条件によって「振り分け(フィルタリング)」したり受信拒否(ゴミ箱に入れる)したりすることができます。
「ツール」→「フィルタリング」
条件は+ボタンで、いくつでも追加することができます。
「新着メールを自動的に振り分ける」にチェックをすると、受信時に振り分け作業が自働的に行われます。
10.5 WebMail メールの転送
WebMail で受信したメールを他のメールアドレスや携帯に転送することができます。
すべてのメールを転送することも、条件で指定したメールのみ転送することも可能です。
「ツール」→「転送」
転送先を間違えるとメールが失われることがあります。
また、プロバイダーによっては、メールの容量に制限がありますので、添付ファイルがある場合、エラーになる場合がありますので、慎重に設定してください。
10.6 WebMail アドレス帳
よく使うメールアドレスを登録します。
グループを指定することもできます。
「ツール」→「アドレス帳」
1). 個人アドレス帳:
「名前」、「ふりがな」、「メールアドレス」は必ず入力する必要があります。
「ふりがな」は、単に表示の順番を決めるためだけですので、メモ的に使用してかまいません。
2). グループアドレス帳
グループを作っておけば、グループの全員にメールを送信することができます。
個人アドレス帳から選択して、グループに追加することができます。
3) アドレス帳の「インポート」と「イクスポート」
アドレス帳を外部のファイルに保存したりファイルからアドレス帳を作ることができます。多くのメンバー
情を一括登録する場合に便利です。
ファイルに書き出す場合「アドレス操作」から「一括イクスポート」、ファイルから読み込む場合「一括インポート」を行います。
ただし、グループの仕分けはご破算になりますので注意してください。
10.7 WebMail 迷惑メール(SPAM)対策
Active!Mail には迷惑メール(SPAM)の対策機能がありますが、奈良教育大学としてネットワークの入り口においてすべてのメールのチェックを行い、ウイルス駆除、SPAM メール隔離などの対策を行っています。
また、迷惑メール(SPAM)と判断されるメールは、一定期間隔離(QUARANTINE)され、受信者にはそのリストが、毎朝6AM に送付されます。万一、迷惑メールでないものが隔離されている場合は、そのリストから選択し、受信することができます。
隔離されているメールは、何もしなければ、2 週間後に廃棄されます。
また、隔離されているメールのリストは、指定されたURL からいつでもアクセスすることができます。
12. ブラウザーでホームページを検索する
ブラウザー (Browser)
ホームページを見るためのソフトをブラウザー(Browser)といいます。
共同利用PC には、「Internet Explorer:インターネットイクスプローラ」と
「Mozilla Firefox:ファイアフォックス」の二つのブラウザーが用意されています。
「インターネットイクスプローラ(IE)」を使う
「ファイアフォックス」を使う
アドレスを入力する
アドレスの入力窓にホームページのアドレス(URL)を入力して、直接目的のページにアクセスすることができます。 ホームページのアドレス(URL)は
http://www.nara-edu.ac.jp/ のように表記しますが、最初の http://と 最後の / は省略できるのでwww.nara-edu.ac.jp のように入力してもかまいません。
くつかの、記号の読み方とキー
: コロン ( ; は セミコロン)
/ スラッシュ
~ チルダ ( [SHIFT]キー+「^」(¥記号の左))
- マイナス(ハイフン)
_ アンダースコア(下線) {[SHIFT]キー+「ろ」}
@ アットマーク


言葉の解説
. WWW (World Wide Web) :
Web とは「クモの巣の様な編み目」の意味。一カ所に集中しているのではなく、各組織のホストコンピュータが情報を持っている。
「ホームページ」という言い方は、WWW という仕掛けのなかで、各組織の「ホーム」の位置にあるページ(起点となるページ)を指す用語であったが、WWW のページ全てを指すようになった。
. ブラウザー(Browser):
ホームページを見るためのソフトウェアをブラウザーという。
. BROWSE: 1 〈家畜などが〉若葉[若芽]を食う; 〔若葉などを〕食う. 2a 〔本などを〕拾い読みする. b (店などで)漫然と商品を見る.
. URL(Uniform Resource Locator):
情報は「資源(resource)」である。世界中に分散している「資源」の場所を示すもの。
Locator: 位置(Location)を示すもの(情報を保存しているコンピュータとファイル名を特定する)
Uniform: 情報(資源)の形態(文字、画像、音声)を問わない、どんな形の情報でも同じ形式(Uniform)で所在を示すことができる、という意味
URL の要素は、以下のように分解される。
[情報の提供形態]://[コンピュータの名前]/[コンピュータ内のファイルの位置]
[情報の提供形態]は、ほとんど http であるが、希に ftp、https などもある。
. ポータルサイト:
分野毎の URL を集めたページを Yellow Page (電話帳の業種別案内)という
キーワードで探すページを「サーチエンジン」と呼ぶ
この二つの機能を兼ね備えて、かつ、最新ニュースなどを提供するページをポータルサイト(Portal「入り口」 Site)という。 著名なものに、
http://www.yahoo.co.jp/ 「ヤフー」 などがある。
13. キーワード検索とgoogle の特殊検索
Google のキーワード検索
WWW の「玉石混淆情報」の中から、求める情報を拾い出すためには、検索テクニックが有効になる。
Google(グーグル) (
http://www.google.co.jp/)を利用し、キーワード検索の手法を覚えよう。
ずいぶん昔ですが、阪神タイガースが優勝した年に、バース・掛布(解説者)・岡田(阪神監督)の3連続ホームランという試合がありました。それは何年のことで、相手チーム、打たれたピッチャーは誰でしょう?
また、ランディ・バース氏は現在、何をしているでしょうか?
「掛布」、「バース」、「岡田」の三つのキーワードをいずれも含む(AND 検索)ページを探す。キーワードの間の空白に注意。
「優勝」もキーワードに加えても良いだろう。
歌詞が Let me take ・・で始まるビートルズの曲名は?
「let me take」ではこれらの単語を順不同に含むページが全て検索される。
空白を含むフレーズを対象とする場合は「"let me take"」 の様に、引用符(")でくくるか、または「検索オプション」の画面で「フレーズ」の欄に入力する。
絞り込むためには、キーワードに「ビートルズ」を加えるのがよいだろう。
検索の基本テクニック
. [○○]または[△△]: キーワードを 「OR」 でつなぐ
例: [ 渡辺 OR 渡邉 OR 渡部 ] ワタナベさんの漢字がどれだったか?
. 〜でないもの: キーワードに −(マイナス)を付ける
例: [ デジカメ -SONY -ソニー] ソニー(SONY)ではないデジカメ
検索の応用テクニック (検索結果のページをイメージしてキーワードを決める)
. メーカー毎のバイク生産台数一覧を知りたい
× [ バイク メーカー 生産台数 ]
○ [ ホンダ スズキ ヤマハ カワサキ 生産台数]
では、練習です。東京駅発、夜何時の新幹線に乗れば、その日の内に近鉄奈良にたどり着けるでしょうか?
(京都駅の乗り換えは5分以上見込んでください)
Google の特殊検索
Google のトップページ
http://www.google.co.jp/ で 「More >>」をクリックすると、様々な検索機能が使えます。 その中でも、「特殊検索」、「イメージ検索」、「マップ」は便利ですので、是非使い方をおぼえましょう。
イメージ検索: キーワードに関連した画像が検索できます
電卓機能
通貨換算
辞書検索
路線・乗り換え検索
14. コピー and ペースト
Windows では、画面の文字を「コピー」し、別の画面に「貼り付ける」ことができます(もちろんMAC でもできます)。
このテクニック(COPY and PASTE)を覚えて下さい。
コピーしたい文字を、マウスをドラッグし、選択する(反転表示される)。
次のどれかを行う(これを「コピー」という)。
. [CTRL(コントロール]キーを押しながら、[C]キーを押す(見かけ上何も変化はしない)。
. コピーしたい文字を含む「窓」のツールバーの「編集」メニューの「コピー」を選択する。
. 反転した文字の上で、マウスの「右」クリックで「コピー」を選択する。
このとき、選択した文字が、コンピューターの内部の「クリップボード」という場所にコピーされる。
入力したい画面(メールやメモ帳やワープロなど)で、入力したい場所をマウスでクリックする。
ここで、次の動作のどれかを行う(これを「貼り付け=ペースト」という) 。
. [CTRL(コントロール]キーを押しながら、[V]キーを押す。
. 入力したい対象の「窓」のツールバーの「編集」メニューの「貼り付け」を選択する。
. 入力したい場所で、マウスの「右」クリックで「貼り付け」を選択する。
これで「クリップボード」内に保存されていた文字が、「貼り付け」られる。
「コピー」ではなく「切り取り(CTRL+X)」を選択すれば、もとの文字は削除されるので、「移動」と同じことになる。
これを、Cut and Paste(カットand ペースト)という。
15 ファイル・フォルダー・ドライブ(ファイルの保存と運搬)
Windows(共同利用PC)では、ファイルを格納する装置の区分をドライブといいます。ドライブはアルファベット1文字+コロン(:)の記号で区別されます。
ローカルなドライブ (個々の共同利用PC に存在するドライブ)
. A: ドライブ 3.5 インチ・フロッピードライブ
. C: ドライブ 内蔵のハードディスク・ドライブ
. D: ドライブ CD/DVD-ドライブ(CD はR/W DVD はROM)
. E: ドライブ以降 USB メモリーなど
. C: ドライブは共同利用PC のシステムファイルを保管しているので、変更しないでください。
.事故でサーバーのディスクが壊れることもありますので、レポート・卒論などの重要なファイルは必ず、USBメモリーへ保管するなどして、Z:ドライブ以外にコピーを持って下さい。
フロッピーは非常に壊れやすいのでなるべく使わないようにします。これからは USB メモリーやCD-R の利用を勧めます。特にUSB メモリーは大変便利です。
Windows でのファイルのなまえ
Windows では、ファイルの名前は、ピリオド(.)を用いて、[名前].[拡張子]となっています。
[拡張子(かくちょうし= Extension)]とは、そのファイルの種類を示すものです。例えば
. .DOC → WORD のファイル
. .XLS → Excel のファイル
. .BMP → 画像(ビットマップ=お絵かき)ファイル
. .GIF → 画像(ビジネスチャートやイラスト)ファイル
. .JPG or .JPEG → 画像(写真などの自然画像)ファイル
. .WAV → 音声ファイル
. .MP3 → MP3 音楽ファイル
. .MID → MIDI 音符ファイル
. .HTM or .HTML → ホームページのHTML ファイル
どのようなファイルが、どこにあるか?は、「マイコンピュータ」で表示できます。
フォルダーは、さらにその中にファイルやフォルダーが含まれていますから、ダブルクリックで開けることができます。
表示の設定によっては拡張子が表示されないことがあります。拡張子は大切な情報ですので、以下のようにして表示する設定にしてください。
「マイコンピュータ」で「ツール」→「フォルダーオプション」→「表示」と選択し、
□登録されている拡張子は表示しない のチェックマーク(V)を外します。
そして、[すべてのフォルダーに適用]ボタンを押します。
フォルダー内のファイルの表示形式には様々ありますが、「詳細」と「縮小」は必要に応じて使えるようにしてください。
. 「詳細」:1ファイル1行で、大きさ、作成・更新日時などの詳細な情報が表示されます。
ここで、「サイズ」はファイルの容量(単位はKB=キロバイト、1,024 バイト)です。半角英数文字は1バイト、全角文字は1文字あたり2バイトと計算します。
. 「縮小版」:画像ファイルであれば、その画像が縮小画面(サムネイル)で表示されます。
ファイルを削除する
. 削除するファイルをドラッグし、「ゴミ箱」アイコンの上に置きます。
あるいは、「ファイル」メニューから「削除」を選択します。
. 複数のファイルを連続的に選択する場合は、先頭のファイルを左クリックで決めた後、最後のファイルを「SHIFT」キーを押しながらクリックします。
不連続で選択的にファイルを選択する場合は「CTRL(コントロール)」キーを押しながらマウスの左クリックを行います。
. 方法2 「フォルダーのプロパティ
「マイドキュメント(z:ドライブ)」を開く
「編集」→「すべてを選択」する。すべてのファイルアイコンが反転表示される。
反転表示が消えないように、どれかのアイコンの上で「右クリック」する。(アイコンのないところで右クリックすると反転表示が消えてしまう)
ポップアップメニューから「プロパティ」を選択する。
以下の例で、「ディスク上のサイズ」がおおよそ 各自の Z: ドライブの容量である。
16. プリンターの利用
プリンターステーション
パソコンで印刷する
1).「ファイル」→「印刷」を選択します。
2).「印刷」の画面が表示されたら、「プリンタ名」を選択します。
カラーかモノクロかを選ぶことができます。
3).「プロパティ」が表示されたら「カラーモード」で白黒かカラーかを選択し、「OK」をクリックします。
4) 「OK」をクリックします。
17. Word Processing-1 WORD 入門練習 案内状の作成
代表的なワープロソフトMicrosoft Word の入門練習として、最後のページに示す見本のような案内状を作ります。日付、宛先、送信者、連絡先、タイトル、本文といった基本的な要素を、適切に配置することが、実務的な文書やビジネスレターでは大切です。
WORD の起動
1. 「スタートボタン」→「すべてのプログラム」→「Microsoft Office」→「Microsoft Word」をクリックし、起動する。
2. WORD の画面はなるべく広くしたほうが編集は楽になる。「最大化ボタン」で広げ
てもよい。
3. カーソル位置から入力を始める。
画面がこのようになっていない場合、「表示」→「印刷レイアウト」とする。
文字入力文書は、その通りにキーボードから入力してもよいのですが、日付や定型的な挨拶文などは、用意されているものを選択する事もできる。
1. 日付の入力
メニューから「挿入」→「日付と時刻」をクリックし、適切な形式の日付(「平成**年*月*日」)を選択す
る。(「April 29, 2002」のような、英語形式も選択できる)
2. 意図的に「改行」する場合は「Enter」キーで行う。
長い文章では、自動的に折り返されるので、改行する必要はない。(と言うよりは、「Enter」キーで改行しないようにする。なぜなら、書式を変更したときに、自動調整ができなくなるから)このマークは「段落記号」といい、「Enter」で改行した場所に表示される。このマークは印刷されない。
また、このマークを消すと、行が結合され、不要な行間を消すことができる。
3. 以下、下のようにキーボードから入力する。文字の大きさや右寄せなどの設定は後でするので、左に寄せて、文字入力のみ行う。
4. 電話番号の行をコピーして、FAX 番号にする。
「電話番号」の行の左の余白部分をクリックすると、この行全体が反転表示され、「選択」状態になる。
この状態で、ツールバーの「コピーボタン」をクリックし、続いて、「Enter」キーで改行した位置で、ツールバーの「貼り付けボタン」をクリックする。これで、電話番号の行が2行に増える。
「コピーボタン」は、「右クリック」→「コピー」、または、[CTRL]+[C]でも良い、
「貼り付けボタン」は、「右クリック」→「貼り付け」、または、[CTRL]+[V]でも良い。
ここで、「電話」→「FAX」、に変更し、番号も適当に変更する。
5. 挨拶(あいさつ)文の挿入
「新入生歓迎コンパのご案内」の後に、「拝啓」と入力し、改行すると、自動的に文末に「敬具」と表示される。
ここで、「挿入」メニューから「挨拶(あいさつ)文」を選択する。
時候のあいさつ、安否の問い合わせ、感謝のあいさつを候補から選ぶことができる。
6. 箇条書きと[タブとリーダー]
「記」と入力し、改行すると、自動的に「記」が中央に来て、「以上」が挿入される。これは、事項を列挙するときの決まりのパターンである。
「日時」、「会場」、「会費」の後で、[TAB](タブ)キーで間をあけて、各々項目を入力する。(空白文字[スペース])で間を調整しないようにする)。
後で、このTAB の部分がリーダー(・・・・)になる。
次に、「表示」メニューから「ルーラー」にチェックを入れると、定規(ルーラー)が表示される。
(1)「日時」、「場所」、「会費」の3 行をドラッグで選択(反転表示)し、左インデントボタン(□)をドラッグし、適当な位置に配置する。
(2) ルーラーの適当な位置をクリックするとL 字のマークが現れ、タブの位置が決まる(取り消しはL 字マークをダブルクリックし、クリアする)
(3) L 字マークをダブルクリックすると「タブとリーダー」の窓が表示されるのでリーダー(・・・・・)
を選択する。(「段落」のメニューから「タブ設定」を指定してもよい)
7. 文字位置(右揃え、中央揃え)とフォント(書体、サイズ)の設定
すでに入力してある、日付、氏名、所属などを右揃えにする。
1 行の場合は、行内のどこかをクリックする。複数行の場合は、ドラッグで選択し、「右揃えボタン」をクリックする。
「新入生歓迎コンパのご案内」の文字を「中央揃え」し、「フォント」を「MS ゴシック」、「フォントサイズ」を16 ポイント位にする。
「1 ポイント=1/72 インチ=0.34mm(10 ポイントは 高さ3.4mm、このプリントの標準は9 ポイント)」
8. 罫線(切り取り線)を入れる
「挿入」メニューから「表」をクリックし、「罫線を引く」を選択をする。
罫線を引きたい場所に鉛筆のカーソルが出るので、必要な線を引く(斜めに引くと「表」になるので注意)
罫線の種類、太さ、色を選択することができるので、切り取り線は一点鎖線とする。
9. 表を作成する
申込書の表を作るために、「挿入」メニューから「表」をクリックし、3 行×4列の範囲をマウスで指定する。
「お名前」などの項目を入力する。
「ご住所」の右の3 マス(セル)を「結合」し、1 個のマス(セル)にする。
表の右下隅(カーソルが両矢印になる)でドラッグし、表の大きさ、高さを調節する。
セルの幅を調節する
文字の配置を、上下の「中央」に、左右は「均等」にする。そのために、表の内部をすべて選択してから、
「右クリック」→「セルの配置」→「中央揃え」とする。
最後に、「均等割付」ボタンをクリックする。
10. 保存
保存はZ:ドライブ(マイドキュメント)に行います。
「Office」ボタンから、最初は「名前を付けて保存」、次回以降は「上書き保存」を行います。
自宅や研究室でWord2003 形式で使用する場合は、「互換性のある形式」で保存します。
ファイルの名前は、内容が分かるような名前と日付(例「情報機器の操作課題-コンパの案内20090521」)の様にします。
ある程度の分量を入力したら、「上書き保存」ボタンを押す習慣を付けて下さい。
11. プリントアウト(印刷)
「OFFICE」ボタンから「印刷」を選択します。
「印刷プレビュー」で、全体のレイアウトやページ数を確認し、「印刷」を実行します。
平成・・年5 月7 日
012345
奈良太郎
電話0742-27-9273
FAX 0742-27-9289
新入生歓迎コンパのご案内
拝啓
陽春の候、皆様にはますます御健勝のこととお慶び申し上げます。平素は格別のご高配を賜り、厚く御礼申し上げます。
さて、恒例の新入生歓迎コンパを下記の通り開催いたします。万障お繰り合わせの上、是非ご出席くださいます
ようご案内申し上げます。
敬具

日時 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 5 月25 日(土)18 時〜20 時
場所 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 奈良ホテル大和の間
会費 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 5,000 円
以上
なお、出欠のご連絡は、5 月18 日までにお願いいたします。
≪申込書≫
お名前 ふりがな
ご住所
電話 メール
情報機器の操作
奈良教育大学 P-54
18. Word Processing-2 WORD によるレポート作成
ワードプロセシング(文書処理)とは、単に文字・文章を入力するだけではなく、整った形の文書(ドキュメント)を印刷することです。文書の価値は、第一にその内容にありますが、しかし、内容を正確に理解してもらうためには、文書の形(形式 = スタイル)を良く整え、読みやすく、理解しやすい文書にする必要があります。
校務、あるいはビジネスの分野では、このように一定の形式に則った文書(ドキュメント)、を作成する技術が求められます。文書(ドキュメント)とは、内容+形式(スタイル)、ということになります。スタイルには様々な流儀がありますが、一定のスタイルを持ち、それを貫くことが大切です。
今週の課題:
「役に立つホームページ」あるいは「私のお薦めのページ」のレポートを、下のようなスタイルに形を整え、プリントアウトを提出する。
自分の課程・コースに関連し、教材あるいは研究課題として有用と思われるWWW ページを探し、その内容をレポートとする。また、自分が教師になったとして、このページを、授業でこのように活用してみたい、
という希望・計画を書いて下さい。
1.ファイルの保存
仕事を始めたら、すぐにファイルに名前を付けて保存する。あとは、手が止まったら、「上書き保存」する習慣を身につける。
保存はZ:ドライブ(マイドキュメント)に行います。
「Office」ボタンから、最初は「名前を付けて保存」、次回以降は「上書き保存」を行います。
2. 文字のフォントとサイズ、行間
文章の範囲を指定して、フォント(字体)を選択し設定することができます。
. 一般には、本文には明朝体、見出しにはゴシック(ゴチック)系のフォントを用いますが、全文章を通じて統一されていれば、書体の選択は自由です。
. 英語・英文(欧文)については、Time-Roman やCentury のような、Proportional Font(文字によって幅の変わるフォント)を用います。
これはMS明朝フォントです/これはMSゴチックフォントです/
これは正楷書体フォントです/これは丸ゴチックフォントです。
This is Times-Roman font./This is Ariel font./
This is Century font./This is Lucida font.
. 文字サイズは 9〜11 ポイントを標準とします(1 ポイントとは1 インチの1/72 で約0.34mm です)。このテキストの本文は9 ポイント、Word の標準は10.5 ポイントです。
. 文書全体のフォントや文字サイズなど(標準のスタイル)を変更は、「スタイルの変更」ボタンで行います。
. 部分的に「書式」を変更したい場合は、変更したい文字列か段落を選択し、指定する。
. なお、「見えない文字(全角/半角空白、タブ、段落記号)」など「編集記号」を見える状態にすることで編集のイメージが分かりやすくなることもあります。
3. インデント(段)
見出しに対して、本文を少し右に下げると(これを「左」インデントという)見出しと本文が区別しやすくなります。これは多くの印刷物で、標準的に行われている書式です。
段を付けることを、インデントと言い、通常は、文章の左側で行います。
段をつけたい範囲を選び、「段落」の「インデントと行間隔」メニューから指定します。(単位がmm となっている場合、「2字」とキー入力します)
4. 段落罫線を引く
印刷範囲の端から端までのそろった罫線(これを段落罫線と言います)を引くためには、少しわかりにくい手順が必要です。
必ず、線を引く対象となる段落(行)を選択してから次へ行ってください(ここが肝心なところです)。レターヘッドの罫線を引く場合、英文の大学名の行を選択します。
5. 画像ファイルの挿入とレイアウト
公式の文書には組織のマーク(ロゴマーク)を示すことが望ましい。
レポートのレターヘッド直下に大学のロゴマーク(天平雲)をレイアウトしよう。(イメージキャラクターでもよい)
住所の下にカーソルを置き、「挿入」→「図」とし、「ファイルの場所」はSHR_RO(X ドライブ)の「情報機器の操作(共通)」フォルダーを開き、天平雲の画像ファイル(tenpyougumo.gif)を選択する。
そのままでは大きすぎるので、図の四隅の□のマークにマウスでドラッグし、大きさを変えます。
また、「右揃え」ボタンで文書の右端に配置します。
同様に、対象とするホームページの中から、画像を取り込んで、レポートに貼り付けます。これは、文字のCOPY & PASTE と同じような手順です。
取り込みたい画像の上で、「右」クリックする
現れたメニューから「コピー」を左クリックする(これが「編集」→「コピー」相当する)。
ここまでの指示に従って、次ページのような、レポートを完成してください。
注意事項の主なものは以下のとおりです。
. 本文と見出しは異なるフォントを使ってください。標準的には、本文は明朝系、見出し・タイトルはゴチック系です。
. 本文の文章は、左インデント2文字程度を行ってください。
. ロゴマーク、日時、氏名などは右揃えしてください。
. 紹介しているページに画像がない場合でも、関連するイメージの画像ファイルを載せてください。
2. 対象ページのタイトル
Welcome to The Web KANZAKI
3. 対象ページの内容
Kanzaki Masahide(神崎正英)氏のホームページ。クラシック音楽が作曲された当時の楽器をピリオド楽器というが、それらの楽器による演奏に関する「オリジナル楽器オーケストラの楽しみ」が興味深い。神崎氏はインターネットについても詳しいので、インターネットに関するあれこれやホームページの手軽な作り方の解説もあって、大変役に立つページ
である。
4. 対象ページの利用方法
ここには、質問に答えていくと簡単にホームページを作るための仕
掛けがあって、自分のホームページを作ってみたい人は試してみる
ことをお奨めする。
情報機器の操作
奈良教育大学 P-61
19. Excel-1 表計算ソフト入門
表計算ソフトウェア(Spread Sheet)-1
パソコン普及のきっかけとなったものは、米国では「表計算ソフト」、日本では「日本語ワープロ」であった。何れも1980 年代始めに登場し、パソコンが実用的であることを示した。
表計算ソフト(Spread Sheet)はコンピューターの能力を素直に引き出したソフトウェアであるといえる。計算、条件判断、並べ替え、抽出、グラフ化など情報処理のエッセンスがある。
表計算ソフトであるMicrosoft Excel が利用。
1. 「表計算」とはどういうことか
Microsoft Office Excel を起動する。
. 「箱」をセル(Cell:小部屋、細胞)という。セルにはA1、A2、B3 のような番地(アドレス)が付いている。
. 列は A、B、・・・Z、次は AA、AB、・・・となる
. 行は 1、2,・・・
. 一個のセルをクリックすると、そのセルが選択されて、黒枠が付く。この枠の右下隅のポッチを、「フィルハンドル」という。(数式をコピーする場合は、このフィルハンドルをドラッグする)サンプルのファイルを読み込みなさい。
. 「Office ボタン」→「開く」、「ファイルの場所」→
. 「計」と「合計」以外の、男女の数値を適当に変化させてみなさい。例えば、教育・発達基礎コースの男子を100 名増やしてみなさい。どこが変化するか?
. セルをクリックで選択すると、そのアドレスと内容が、表の一番上の「数式バー」に表示される。
. 「計」の列(D 列)と、「総計」の行(26 行)のセルには、どのような式が書かれているか?
. D3:(教育発達基礎コースの計) には =B3+C3 と書かれている(イコールが大切)
. B26(男子の総計)には =SUM(B3:B25) と書かれている(B3 からB25 までの和「SUM」という意味である)
グラフを描いてみる。
. グラフにしたい範囲(下図の範囲)をドラッグで選択する。
. 「挿入」メニューから「縦棒グラフ(どれでもいいけれど)」をクリックし、適当なグラフのパターンを選んでみる。
. 「コース・専修名」と「男」「女」の凡例(はんれい)が表示されるか確認する(そうなっていなければ、「範囲」を指定しなおす)
. 表の数値を変えると、瞬時にグラフも変化することを確かめなさい。
「式」の練習
X:ドライブ「情報機器の操作」「EXCEL」フォルダーにある「RENSHU.xls」ファイルを各自のZ:ドライブ(マイドキュメント)にコピーし、計算式を空欄に書き込んで結果を確認しなさい。
今日の課題 「売り上げ表」を作成する
「Office」ボタンから「新規作成」を選び、「新しいブック」をダブルクリックで開く。
新規の表が現れるので、そこで、以下の内容を入力する。
. A 列とB 列の境の縦棒をドラッグすると、セルの幅を変えることができる。「藤原(自分の名前)電器店売上表」が入るように、A 列の幅を拡げてください。
. 文字と数値を入力し終わったら、D4 に「金額」の計算式を =B4*C4 と入力する(星印[*]はかけ算の意味)。セルの番地は大文字(B3)でも小文字(b3)でもかまわない。
イコール記号(=)を忘れないように、これがないとExcel には「式」であることがわからない。
. D4 の数式をD5 からD9 にコピーするために、「フィルハンドル」をクリックし、D9 までドラッグする。
このあと、D5 からD9 までにコピーされた数式を確認しなさい。自動的に番地が調整されていることがわかるはず。
総和(SUM)の計算。
金額の合計セル(D10)を選択し、Σ「オートSUM(総和)」ボタンをクリックすると、自動的にD4 からD9 の和を計算する(範囲が点線で示されるので、確認し、再度クリックすると確定する)。
三けたのコンマと円(通貨)記号
会計の表では、数値には三けたカンマを打ち、計の金額には円記号(¥)をつけることになっている。
カンマを打つ範囲をドラッグで選択し、「カンマ」の記号(桁区切りスタイル)ボタンを押す。
計の金額には通貨記号(¥)を付ける(「計」ではない金額には通貨記号を付けないこと)
消費税の計算
消費税率は、最初は3%でした(1989 年、1997 年から5%)。近い将来必ず変わります(2009 年現在)。
そこで、税率を直接式に書くのではなく、D1 のセルを「変数」として扱います。つまり、計算式には5%と書くのではなく、D1 というセルの値を使います。こうすれば、ある日国会で、消費税が7%になったら、
D1 を「7」と書き変えるだけです。
. D1 に「5」と書いた場合、E4(プラズマテレビの消費税)はD4(金額)のD1(%)ですから、=D4*D1/100 と式を書きます(/スラッシュは「割る」の意味)
. D1 に「5%」と書いた場合は、=D4*D1 だけでOKです。
. これをフィルハンドルで下にコピーすると、D1 が→D2→D3 とスライドしてしまい、問題が起きます。
. フィルハンドルをドラッグして、数式をコピーすると、番地が自動的にスライドしてコピーされたことを思い出して下さい。(D1→D2→D3 となるが、D2、D3 には数字は入っていません)
. そこで、=D4*$D$1/100 とします。(「5%」と書いた場合は =D4*$D$1 です)
($D$1 は 値としては D1 で 、数式のコピーをしても、D1 のままで変化(スライド)しないことを示します。これを「絶対番地」といいます)。→(注1)
. さらに、消費税額は、小数点以下切り捨て、ですから、整数化関数(INT)を使って、
E4 には= INT(D4 * $D$1/100) と入力します。(「5%」と書いた場合は、= INT(D4 * $D$1)です)→(注2)
注意1 縦方向にコピーした場合、スライドするのは「行」の数字だけですから、$D$1 と書く代わりに、D$1 と書いても同じです。
注意2 実際には、消費税額は切り捨てですので、各項目の消費税額の合計は、売上金額の合計の5%とは異なります(教材の都合でこのように計算しましたが、実際の売上表ではどうすべきか、考えてください)。
罫線を引き、表の体裁を整える
提出課題: この表を完成させ、プリントアウトし、提出しなさい。
提出のチェックポイント
. . 表の枠とグリッド(格子)に罫線が引かれているか?
. 数字に3桁カンマがついているか? 数字の右端がそろっているか?
. 計の数字にだけ、通貨記号(円のマーク¥)がついているか?(全部の数字に付けてはいけない)
Appendix-2 ドーナツグラフを作ってみよう
. X:ドライブ(SHR_RO)、「情報機器の操作」、「Excel」にある「NaraEdu 在籍数2008.xls」ファイルを、「マイドキュメント」にコピーし、それを開く。
. 「コース名」と、「計の数字」のみ選択する。(連続する場所のクリックはドラッグする。離れた場所の選択は[CTRL]キーを押しながら、クリックまたはドラッグする)
. 「挿入」、「その他のグラフ」から「ドーナツ」グラフを選択する。
. 一応は、ドーナッツグラフができるが、右の「凡例」は不要
. グラフの枠内(グラフエリア)」をクリックして現れるメニューから「レイアウト」を選択し、「凡例」ボタンから「凡例を表示しない」選択を行う。次に
. ドーナツのどこかを右クリックし、現れるメニューから「データラベルの書式設定」を選択する。この項目が現れない場合、右クリックする場所を変えてみる。
. 「データラベルの書式設定」では、「分類名」と「パーセンテージ」にチェックを入れる。
. ドーナツのピース毎に「右クリック」し「データ要素の書式設定」で好みの「色」を選ぶ。
20 Excel-2 Excel とWord の連携 会計レポート作成
課題:Excel で作成した家計簿とグラフを、WORD で作成した「報告書」に貼り込み、報告書を作成する。
1) Excel で表とグラフを作成する
Excel を起動し、下の表の項目名と各月の支出の数字のみ入力しなさい。
X:ドライブ「情報機器の操作(共通)」「Excel」フォルダーからKAKEIBO.XLS を各自のマイドキュメントにコピーし、それを使ってもよい。
. 各月の合計(B11、D11、F11)を(オートSUM)ボタンで計算する。
. B、D、F 列の金額の数字を選択し、 (カンマ)ボタンで、3 桁毎のカンマ区切りを行う。
. 構成比を計算する。
C2 に =B2/B$11 と入力する。B11(1 月の合計)でB2(1 月の食費)を割るという意味である。 0.27 と表示されるであろう。(0 のみ、あるいは0.266・・となる場合は小数点移動ボタンのどちらかをクリックしてみる)
C2 のフィルハンドルをクリックし、下へ(C3〜C11)コピーする。この時、コピーされた各セルの内容を見ると、 =B3/B$11、=B4.... と分子は変化するが、分母は常に B$11 となっている。($は「絶対番地指定という。分母は分子といっしょにスライドしてはいけないので絶対番地指定をする)
. C 列の数字を選択し、(パーセント)ボタンで%表記にする。更に、 のどちらかのボタンを
クリックし、小数点以下1 桁の表示にする。
ここまでで、下のようになっている。
. 同様に 2 月、3 月の構成比を求めなさい。
E2 には =D2/D$11
G2 には =F2/F$11
と入力し、フィルハンドルで下にコピーしていく。(実は、C2 を Copy & Paste しても良い)
. データの並べ替え(ソート)
H 列に、1〜3 月の平均パーセントを追加し、この値の大きい順に行を並べ替える。
H2 に =(B2+D2+F2)/(B$11+D$11+F$11) と入力し、フィルハンドルでH10 までコピーする。
. A2〜H9 の範囲を選択し、「データ」→「並べ替え」をクリックする(「その他」と「合計」の項目は並べ替えの対象としない)。
「最優先されるキー」を列H(平均の%)、「順序」を降順(大きいものが上になる)として、並べ替えを実行する。
. 月毎支出の比較グラフを作成する
グラフにする範囲、「A1〜B10」 をドラッグし、選択する(1 月の支出金額のみである。合計は含めない)。
「挿入」「縦棒グラフ」から適当なグラフを選ぶ(シンプルな棒グラフがよい)。
. 2 月、3 月の支出をグラフに加えるために Copy&Paste を行う。具体的には
表の D1〜D10 (2 月の支出金額、合計は含めない)をマウスでドラッグし、選択する。
「編集」、「コピー」し(CTRL+C でもOK)、
グラフをクリックし、「編集」、「張り付け」を行う(CTRL+V でもOK)。
3 月分も同様にする。
. 表に罫線を引く(前回のプリント参照)
. この段階で、保存しておく。
2) Word で報告書を作成する
Word の文書の中に、Excel の表とグラフを取り込み、レポートを作成する。
. WORD も起動する(「スタート」→「プログラム」→「Microsoft WORD」)。
. タスクバーを使って、EXCEL と WORD の行き来ができることを確認する。
. サンプルを見本に、「会計報告書」、氏名所属、1. ・・等の文書の部分を入力する。
(この時点で、ファイルを保存しておくのが賢明です。
. EXCEL の表で必要な範囲を選択し、「編集」→「コピー」する(または、[CTRL]+[C])。
. WORD で「編集」→「貼り付け」をクリックする(または[CTRL]+[V])。
. EXCEL で、グラフをクリックし(四隅と四辺にポッチが付いた状態にして)、「編集」→「コピー」する(または、[CTRL]+[C])。
. 再び、WORD に戻って、「編集」→「セルの貼り付け」をする(または[CTRL]+[V])。
. 列の幅を変えたり、文字のフォントを変更して、見やすい表にして下さい。
. 表、グラフ、「考察」の本文は適切に左インデントしてください。
200X 年度前期会計報告書
200X/5/28
言語・社会コース
012345 奈良太郎
1. 今年度前期の家計支出状況は以下の通りである。
項目 1 月 2 月 3 月 平均
食費 73,469 26.6% 72,367 26.8% 66,245 29.4% 27.5%
被服 25,176 9.1% 37,729 14.0% 28,772 12.8% 11.9%
教育・教養娯楽 38,956 14.1% 28,239 10.4% 21,236 9.4% 11.5%
交際費 24,224 8.8% 24,860 9.2% 21,190 9.4% 9.1%
保健医療 7,814 2.8% 24,326 9.0% 20,000 8.9% 6.8%
光熱・水道 18,125 6.6% 18,004 6.7% 13,693 6.1% 6.5%
住居 15,748 5.7% 15,551 5.8% 13,297 5.9% 5.8%
交通通信 28,950 10.5% 7,833 2.9% 6,771 3.0% 5.6%
その他 43,475 15.8% 41,417 15.3% 33,915 15.1% 15.4%
合計 275,937 100.0% 270,326 100.0% 225,119 100.0% 100.0%
2. これをグラフで示すと以下の通りである。
3. 考察
食費については節約の余地はないが、被服費については一層倹約することが必要であろう。
以上
補足
A. Excel の表とグラフをWORD に「オブジェクト」としての挿入する。
. Excel 側でグラフを作り、表とグラフを適切に配置し、名前を付けて保存する。
. Word 側で「挿入」→「オブジェクト」→「ファイルから」で上のファイルを指定。
. Excel の表をダブルクリックすればExcel の機能で表の修正ができる。
B. グラフのX 軸の書式設定の方法
「食費」など、X 軸(横軸)のタイトル文字を、まっすぐ縦書きにしたい。
. グラフエリアを選択し、「レイアウト」、「軸」から「主横軸」、「主横軸のオプション」と行き、「配置」
の「文字列の方向」を「縦書き」にする。
21. Power Point プレゼンテーションツール
研究の発表、ビジネスプレゼンテーションのほとんどはPower Point で行われている。そのメリットは. 発表の直前まで内容を差し替えられる
. グラフ、画像を駆使し、説得力を高めることができる
. 簡単にプリントアウトできる・ホームページに変換することも可能
1) 「Microsoft Office」から「MS PowerPoint2007」を起動する。
2). 上の箱にプレゼンテーションのタイトル「私のポートフォリオ」または「自己紹介」、下の箱にコース・学籍番号・氏名を入力する。文字のフォントや大きさ(ポイント数)、色などを変更しても良い。
3) 「デザイン」からスライドのデザインを選択する。同じデザインでも「配色」を変えると印象が変わる。
4) 「新しいスライドを挿入」して、内容を書き足していく。文字だけでは、なるべく図や写真を取り込んで説明のしやすい画面を作る。
5) . 「ワードアート」で飾り文字をつくる。
6). 「スライドショウ」→「実行」で、プレゼンテーションが始まる。
7). スライドショウを中断する場合や前のスライドに戻りたい場合、右クリックし、「左下隅のマークをクリックする。ペンツールを使って、上演中のスライドにマークや文字を書き込むことができる。
8). ナレーションや音楽の挿入
あらかじめ、ナレーションや音楽のファイルが用意されている場合は、「挿入」→「サウンド」→「ファイルから」で行う。ここで、「サウンドの録音」を選択すると、パソコンに接続したマイクからの録音ができる。
9) アニメーションの設定
一度にスライド全体を表示するのではなく、説明の進行にあわせて1 項目ずつ表示したり、グラフや図を別のタイミングで表示させることができる。これをアニメーションという。
課題
「私のポートフォリオ」、「自己紹介」、「学科の紹介」、「クラブ・サークルの紹介」、「ディベートのテーマ」
など、自由な題材でプレゼンテーションを作成し、「配付資料(スライド6 枚を1 枚の用紙に印刷したもの)」
を提出しなさい。
. すべてのスライドに、絵、画像、グラフなどがあり、文字だけではないこと
. Appendix-3 効果的なプレゼンテーションの技法
. X:ドライブ「情報機器の操作」から、「奈良教育大学紹介-練習.ppt」(パワーポイント)ファイルを自分の「マイドキュメント」」にコピーし、開きなさい。「奈良教育大学紹介.ppt」は完成見本である。
1) 最初のスライドにアニメーションを設定する
「沿革」の項目を、クリックするごとに一個ずつ表示させる(スライドイン)
2) 次のスライドに「組織図」を作る
3). 次のスライドにブロック図を作る
. 図形は一個だけ作って、色をつけたり、グラデーションしたりしてからコピーするのが楽かもしれない。
. コピーや、拡大・縮小する際には「表示」メニューで「グリッド線」を表示しておくと、サイズや位置がをそろえやすい。
. 図形の中に文字を書くときは、「挿入」「テキストボックス」として、箱の中をクリックする。
. 箱に色を塗ったり、グラデーション(色の濃淡)を付けるのもよい。
22 ホームページを作る
22.1 ホームページを作るとはどういう作業か?
ホームページはどうやって作るか
手で書く 「<タグ>を打つ」、ともいう.
専用ソフトを使う。 「IBM ホームページビルダー」が有名.
ワープロやエクセルの文書を「HTML に変換」する・・etc.
いろいろな方法があるが、結局は 「HTML ファイル」というものを作ればよい。
(どれでもできるようになって欲しい)
ホームページはどうやって公開するか?
. 自分のパソコンで作った「HTML ファイル」を「サーバー」というコンピュータに転送する。(ファイル転送=FTP という)
BLOG は、「HTML ファイル」を意識しなくてもできてしまうので簡単。でも、カスタマイズ(自分流にアレンジすること)するためには、やはりHTML と、後でお話しする「STYLE」の知識が必要になります。
HTML って何?
Hyper Text Markup Language
Hyper (超) Text (文書) 「ものすごい文章」という意味らしい。どこが「すごい」のか?
ではMarkup とはそこでHTML の文法に従って書いた文書(HTML 文書)をファイルとして保存すると、HTML ファイルとなる。
HTML の基本的な規則
. <タグ>は「ブラウザー」への指示です。
. 「ブラウザー」である Internet Explorer やFireFox、Opera などは基本的に「欧米人」です。ですから、<タグ>は基本的に英語です
. そして、「半角英数」文字しか使えません。(全角文字を含んではいけません)
たとえて言うと、HTML 文書は演劇のシナリオに似ています。
. ブラウザーが上演される舞台、
. <タグ>はト書き、. それ以外の部分が「せりふ」にあたります。
簡単なHTML 文書を作って、表示してみましょう
「スタート」→「プログラム」→「アクセサリ」から「メモ帳」を開く
または「秀丸(ひでまる)」がある場合は、それで行う。
. 「メモ帳」や「秀丸」のような文字入力専門のソフトをエディターという(HTML やプログラムを書く場合に用いる)。エディターとして「秀丸」のほうが高機能なので、使える場合は「秀丸」を使う。
初めに、以下のように入力する(名前・住所や所属は自分のものにする)。
. <TAG>は、必ず半角英数字で打つ。
. <title>はローマ字でも日本語でもOK
. エル(l)と、いち(1)に注意してください。
一応、入力したら、「名前を付けて」、「各自のZ:ドライブ = マイドキュメント」に保存する。
ファイルの名前は、必ず homepage.htm としてください。(この講座での約束です)
5.4. このファイルを、IE(インターネットイクスプローラ)で見る。
「マイドキュメント」を開いて、
今保存した「homepage.htm」を見つけてダブルクリックすればよい。
インターネットイクスプローラが開いて、このように見えればよい。
22.2 ホームページ練習編
1) 始めよう (h1 は一番大きな見出し[heading]文字、hr は横罫線[horizontal rule]の意味)
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body>
<h1>
こんにちは
藤原公昭
です
</h1>
<hr>
奈良教育大学 言語社会コース
</body>
</html>
2) 背景に色を付けよう (bgcolor = background color) 「色の記号」
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ccffaa>
<h1>
こんにちは
藤原公昭
です
</h1>
<hr>
奈良教育大学 言語社会コース
</body>
</html>
3) 文字に色を付けよう ( font color) 「色の名前」
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ccffaa>
<h1>
こんにちは
<font color=crimson>藤原公昭</font>
です
</h1>
<hr>
奈良教育大学 言語社会コース
</body>
</html>
4) 改行する (Break)
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ccffaa>
<h1>
こんにちは<br>
<font color=crimson>藤原公昭</font><br>
です
</h1>
<hr>
奈良教育大学 言語社会コース
</body>
</html>
5) センターに表示する( center 中央揃え)
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ffffcc>
<center>
<h1>
こんにちは<br>
<font color=purple>藤原公昭</font><br>
です
</h1>
</center>
<hr>
奈良教育大学 言語社会コース
</body>
</html>
6) 箇条書き(番号無しリスト) Unordered List
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ffffcc>
<center>
<h1>
こんにちは<br>
<font color=purple>藤原公昭</font><br>
です
</h1>
</center>
<hr>
<h2>履歴</h2>
<ul>
<li>青森県生まれ
<li>岩手県育ち
<li>奈良教育大学教育実践センター所属
</ul>
</body>
</html>
7) 箇条書き(番号付きリスト) Ordered List
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ffffcc>
<center>
<h1>
こんにちは<br>
<font color=purple>藤原公昭</font><br>
です
</h1>
</center>
<hr>
<h2>履歴</h2>
<ul>
・・略・・
</ul>
<hr>
<h2>趣味</h2>
<ol>
<li>クラシック
<li>花の写真
<li>スキー
</ol>
</body>
</html>
8) 画像を取り込む (img = Image、src = Source)
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ffffcc>
<center>
<h1>
こんにちは<br>
<font color=purple>藤原公昭</font><br>
です
</h1>
</center>
<hr>
履歴
・・省略・・
<hr>
趣味
・・省略・・
<hr>
<center>
<img src=mojizuri2007-02.jpg>
</center>
</body>
</html>
9) リンクを貼る (Anchor タグ href= Hyper Text Reference)
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body bgcolor=#ffffcc>
<center>
<h1>
こんにちは<br>
<font color=purple>藤原公昭</font><br>
です
</h1>
</center>
<hr>
履歴
<ul>
<li>青森県生まれ
<li>岩手県育ち
<a href=http://www.koiwai.co.jp/>小岩井農場</a>が近い
<li>
<a href=http://www.nara-edu.ac.jp/>奈良教育大学</a>
教育実践センター所属
</ul>
<hr>
趣味
・・省略・・
</body>
</html>
10) 壁紙を貼る (壁紙の画像ファイルを各自の「マイドキュメント」にコピーしておくこと。そのファイルの名
前を、例えば01781.gif とすると、それをbackground(背景)= に書く
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body background=01781.gif>
<center>
<h1>
こんにちは<br>
<font color=purple>藤原公昭</font><br>
です
</h1>
</center>
<hr>
<h2>履歴</h2>
・・以下略・・
</body>
</html>
11) 表組み Table <tr> Table Record(横1列の開始) <td> Table Data(一個の箱の内容)
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body background=01781.gif>
<center>
<h1>
こんにちは<br>
<font color=purple>藤原公昭</font><br>
です
</h1>
</center>
<hr>
<h2>言語・社会コース担当教員</h2>
<table border=1>
<tr>
<td>田渕五十生
<td>社会科教育
<td>国際理解・人権教育
<tr>
<td>渡邉一保
<td>英語教育
<td>早期英語教育・英語ライティング指導
<tr>
<td>
<a href=http://beth.nara-edu.ac.jp/PERSON/matukawa.htm>
松川利広
</a>
<td>国語教育
<td>国語科カリキュラム・児童文学
</table>
<hr>
<h2>履歴</h2>
・・以下略・・
</body>
</html>
22.3 基本的なタグの説明
注意:
「メモ帳」から HTML ファイルを「開く」とき、「ファイルの種類」を「すべてのファイル」としないとhomepage.htm が見つからないのであわてないでください。
ここまでにでてきた<タグ>の解説
. <html>・・・・・</html> HTML 文書全体の開始と終了
. <head>・・・・・</head> ヘッド情報の開始と終了
. <title>・・・・・</title> タイトルの開始と終了
. <body>・・・・・</body> 文の開始と終了
. <h1>・・・・・・</h1> 見出し(Heading)「タイプ1」の開始と終了
. <hr> 水平罫線(Horizontal Rule)を引く
. <br> 改行(Break)する
<タグ>の書き方は、
. 半角英数しか使ってはいけないこと
. 大文字・小文字は、どちらでもかまわない・・<HTML> 、<html>、 <Html> どれでもOK
. <・・・>に対応して</・・・>があって、<タグ>の効果の範囲を決めている。しかし、<br>、<hr>
は例外
色を指定しよう
背景(Back Ground)に色を付けよう
<body> を <body bgcolor=#ffffcc> と変更してみよう
色の指定は、
. 色の記号(光の三原色[赤・緑・青]の強さを指定する) #●●■■▲▲ 方式と
. 色の名前 ( pink green red ・・・)方式がある
色の記号 #●●■■▲▲ 方式の説明
三原色の割合が同じなら黒〜灰色〜白と変化する。これをクレースケールという。
三原色の割合を変えると、色が付く。
色が想像しにくければ、ここを見よう
「大学HP」→「在学生の方へ」→「学内パソコン利用の手引き」→「ホームページの作成」→「色の記号」
ここで、各自のページに背景色を指定してください。
<body> のところを <body bgcolor=#??????> と書き直します。
そして、
メモ帳で追加修正したら
→「ファイル」→「上書き保存」し、
→「エクスプローラ」の「更新」ボタンで確認する。
色の名前
自分の名前だけ、文字の色を変えてください。たとえば、
こんにちは <font color=pink> 藤原公昭 </font>です
ここで、color= の指定には 色の記号でも色の名前(英語)でも良い。どういう色の名前があるかは、
「大学HP」→「在学生の方へ」→「学内パソコン利用の手引き」→「ホームページの作成」→「色の名前」
でみてください。あるいは、キーワード検索で「色の名前」としてみてください。
レイアウトのための<タグ>
1) 中央揃え
最初の挨拶文をセンター揃えにして下さい。
<center>
こんにちは<br>
<font color=green>藤原公昭</font><br>
です
</center>
そして、ブラウザーの窓の幅を狭くしたり広くしたりしてみて下さい。
2) 箇条書き(LIST)
以下のように、自己紹介の内容を箇条書きにしてください
・・・
<ul> ←(箇条書きの開始)
<li>青森県弘前市生まれ岩手県盛岡市出身
<li>奈良教育大学教育学部 教授
<li>奈良大学非常勤講師
<li>趣味は畑仕事とスキー
</ul> ←(箇条書きの終了)
・・・
ここで
<ul> 番号なし箇条書き(Un-ordered List)の開始
<li> リストの項目
<li> リストの項目
・・・
</ul> 箇条書きの終了
上の図のように、箇条書きのマーク(●)が各項目に付けられます。
参考:箇条書きのマークを「画像」にしたい。
<ul style="list-style-image:url(naruto.gif)">
情報機器の操作
奈良教育大学 P-94
<li> 荻窪ラーメン
<li> 博多ラーメン
<li> 天理ラーメン
</ul>
参考:箇条書きに順番を付ける(Ordered List)
<ol>
<li> 阪神
<li> 中日
<li> 横浜
</ol>
リンク
ホームページの存在理由は「リンク=他のページへ飛んでいけること」にあります。
各自のページに「奈良教育大学ホームページ」へのリンクを以下のように作ってください。
<a href=http://www.nara-edu.ac.jp/>奈良教育大学ホームページへ</a><br>
<a>をアンカー(Anchor=錨)タグと言います。Href=はHypertext Reference(超文書参照:エイチ・
レフと読んでください)の略で、飛んでいきたいホームページのアドレス(URL)を書きます。
<a href=ページのアドレス>何かの文字(画像でも良い)</a>
「何の文字」をクリックすると「ページのアドレス」に飛んでいく
どこかのページにある「情報の本体=船」からでている錨(Anchor)が、ここに打ち込まれている、というイメ
ージです。
絵を描いて、貼り付けよう
画像のファイルがすでにあれば、Image タグで表示させる。
<img src=画像ファイル名> Image Source(画像の元は) と読む
画像のファイルには二種類ある。
. ・自然画像 JPEG ファイル デジカメ、スキャナーなど
. ・イラスト GIF・PNG ファイル お絵かきソフト、設計図面など
色の数が少ない(256 色以内)なら後者が使われることが多い。(パレット/インデックス方式とも言う)
ファイル名の拡張子の由来は、画像圧縮形式の違いによる。
1)「ペイント」で絵を描いて、GIF ファイルを作る
手順:
. 「お絵かきソフト=ペイント」で自由に絵を描く
. 必要な範囲だけを指定し、「画像編集ソフト=PhotoShop」にコピー・ペーストする
. 必要なら拡大縮小する
. ホームページに貼り込むために、背景を「透明」にする。
. GIF 形式に圧縮して、ファイルに保存する
具体的な手順は以下のとおり
. 「アクセサリ」→「ペイント」を起動し、自由に絵を描く
. ペイントの画像の必要な部分を囲って(点線四角ツール)、「編集」「コピー」する
. 「Adobe Photoshop Elements 3.0」を起動する・最初の選択は「写真の編集と補正」とする。
. 「ファイル」「新規」「クリップボードから」とすると、ペイントで選択した範囲が表示される。
. このままで「ファイル」「保存」しても良い(GIF またはPNG ファイルで保存する)
. また、「イメージ」「図形解像度」で画像の大きさを変更することもできる。
. 背景を透明にするためには、さらに以下の操作を行う。
. 「イメージ」「モード」で「インデックスカラー」にチェックが入っていることを確認し、「カラーテ
ーブル」を選択する。(「カラーテーブル」が選択できないときは、「インデックスカラー」を一度選択することで、「インデックスカラー」になる。)
. 「カラーテーブル」の「スポイト」をクリックし、画像の背景の位置でクリックすると背景が市松模様となる。これで、背景が透明になる。
. 「ファイル」「保存」する。このとき、「ファイル形式」はGIF であることを確認する。
以上です。 ややこしいので、よくわからなくなったら、聞いてください。
これで、例えば apple.gif という画像ファイルができたので(名前は各自で違いますが)、これを表示するために、
生まれは青森です。<img src=apple.gif>
の様に、「適当な」ところにImage タグを書けば良いのです。
2) どんな画像でもOK
デジカメの写真でも、スキャナーで撮った画像でも、画像ファイルになってさえいれば、Image タグで表示することができますので、試してみてください。デジカメ写真の修整もPhotoshop でできます。
但し、ホームページは基本的に全世界に公開されるものですので、著作権や肖像権に注意してください。
3) 壁紙を選ぶ
ホームページの印象はデザインと「壁紙=背景の画像」で決まります。自分の趣味にあった壁紙を選んでみ
よう(自作してもよい)。
. 壁紙(Wall Paper)を選んで、取り込む
その他にも、GOOGLE や YAHOO で「素材集」というキーワードで探すと、壁紙(Wall Paper)が見つかります。
(素材集から借用する際は、注意事項をよく読んでください
・作成者名を明記して下さい。
・使用前・後にメールで連絡して下さい。
等を要求されている場合は、それにしたがって下さい。)
. 取り込む手順
気に入った壁紙の上で(右)ボタンをクリックし、ポップアップしたメニューで、「名前を付けて画像を保
存」(左)クリックする。
ファイル名はそのままで、ドライブを Z: (マイドキュメント)とし、OK とすれば 壁紙の画像のファイ
ルが、Z:ドライブ(マイドキュメント)に保存される。
このとき(作者がつけた)ファイルの名前をメモしておく。
. この壁紙を、ホームページに取り込むためには、
<body bgcolor=#・・・・> の代わりに
<body background=00680.jpg>
の様に、壁紙のファイル名を background=… で指定します。
. 壁紙の色合いを変えたい場合
壁紙の色が濃すぎて文字が読みにくい、あるいは、壁紙の色合いを微妙に変えたい場合、Photoshop で、そのファイルを読み込み、「画質調整」→「カラー」→「色相・彩度」などのメニューで変えてみます。
気に入ったものができたら、「ファイル」→「保存」で上書き保存するか、「別名で保存」します。
4) 壁紙の表示方法を変える(応用編)
壁紙は小さな画像がタイルのように敷き詰められるのが普通ですが、風景などの大きな画像を壁紙にする場
合、
A. 繰り返しをしない(1枚のみ表示する)
B. スクロールしない(画面に対して固定される)
としたい場合があります。これは、以下のようにします(・・・は壁紙の画像ファイル名です)。
A: <body background=・・・ style="background-repeat:none"> 繰り返しをしない
B: <body background=・・・ style="background-attachment:fixed"> 背景画像を固定
A+B: <body background=・
・・・・・・・・style="background-repeat:none; background-attachment:fixed">
22.4 タグのまとめ、基本編
基本的なタグの機能をここでまとめておきます。
1) BODY
<body bgcolor=(色) background=(背景の画像) text=(色) link=(色) vlink=(色) alink=(色)>
. 「色」は色コード(#FFFFCC)または色名(pink、green)どちらでも良い
. bgcolor=「背景色」かbackground=「壁紙ファイル名」、のどちらかにする
. 背景が暗い場合、text=で文字色を明るくする
. link=はリンクの文字色(通常は「青」)
. vlink=はすでに行ったことのあるリンク(visited)の文字色(通常は「暗い青」)
. alink=はリンクをマウスでクリックする時(active)の色(通常は「赤」)
2) 見出し(Heading)文字の大きさ
<h1>見出し文字1</h1>
<h2>見出し文字2</h2>
<h3>見出し文字3</h3>
<h4>見出し文字4</h4>
<h5>見出し文字5</h5>
. 1 行の「見出し」にのみ用いる。
. 長い文章の文字サイズや、単語の文字サイズを変えたい場合は<font size>を使う。
. 副作用として、改行される。(「ブロック要素」という)
. Style による「見え方の指定」を参照のこと。
3) FONT(字体)文字サイズと文字色
<font size=1>サイズ=1</font>
<font size=2>サイズ=2</font>
<font size=3>サイズ=3(標準)</font>
<font size=4>サイズ=4</font>
<font size=5>サイズ=5</font>
<font size=6>サイズ=6</font>
. 文字色も指定する場合は <font color=「色」size=「大きさ」>と両方書いても良い
. FONT の入れ子(Nesting)
ここは黒い文字とする
<font color=red>ここから赤い文字
<font color=blue>ここからは一時的に青い文字
</font>赤い文字に戻る
</font>黒い文字に戻る
4) 改行・パラグラフ・罫線
<br> 改行(Break)
<p>・・・</p> パラグラフ(段落の開始と終了:副作用として1 行の空白)
<hr> 罫線(Horizontal Rule)
<hr size=線の縦幅(ドット数) width=50%(画面幅の半分)> という指定もできる。
5) リスト(箇条書き)
(1) 番号付きリスト(Ordered List)
今週の順位
<ol>
<li>阪神
<li>巨人
<li>広島
</ol>
自動的に番号がつけられ、段が少し下がる
(2) 番号無しリスト(Unordered List)
今週のトピック
<ul>
<li>雨が降った
<li>床屋に行った
<li>風邪を引いた
</ul>
箇条書きのマーク(・)がつけられ、段が少し下がる
(</ol>や</ul>を忘れると、段が下がったままになるので注意)
6) 画像の配置
<img src=画像ファイル>で指定した画像の配置の方法
普通には、改行<br>の後なら画面の左に配置される。
(1) 画面の中央に配置
<center>
<img src=画像ファイル名>
</center>
(2) 図を画面の左に配置して(align=left)、文字を右に回り込ませる。
<img src=deer.gif align=left>
ここの文字は<br>
画面の右に「回り込む」。<br>
「回り込み」を止める。
<br clear=all>
ここからは、画面の下に文字が書かれる
(3) 図を画面の右に配置して(align=right)、文字を回り込ませる。
<img src=deer.gif align=right>
ここの文字は<br>
画面の左に「回り込む」。<br>
「回り込み」を止める。
<br clear=all>
ここからは、画面の下に文字が書かれる
情報機器の操作
奈良教育大学 P-101
7) BLOCKQUOTE(段落)
段を下げる<br>
AAAAA<br>
<blockquote>
この間は一段下がる<br>
BBBBB<br>
<blockquote>
もう一段下がる<br>
CCCCC<br>
</blockquote>
一段戻る<br>
BBBBB<br>
</blockquote>
元に戻る<br>
AAAAA<br>
8) TABLE の応用
(1) 二段組
<table border=0>
<td width=50% valign=top>
こちらは<br>
左の段になる<br>
LEFT-1<br>
LEFT-2<br>
LEFT-3<br>
LEFT-4<br>
<td width=50% valign=top>
こちらは<br>
右の段になる<br>
RIGHT-1<br>
RIGHT-2<br>
RIGHT-3<br>
</table>
(2) 見出し(Table Heading=TR)
<table border=2>
<tr>
<th>98 年度<th>おんな<th>おとこ<th>計
<tr>
<td>国語<td>100<td>50<td>150
<tr>
<td>社会<td>25<td>33<td>58
</table>
. tr =Table Record 横1 行の開始
. td =Table Data 個々のデータ項目
. th=見出しの項目(太字で中央揃えになる)
. border=枠の線の太さ(ドット)
(3) 表の応用「絵を並べる」
<table border=2>
<tr>
<td><img src=fujiwara.gif>
<td><img src=deer.gif>
<tr align=center>
<td>Father<td>& Son
</table>
align= right 右揃え、left 左揃え、center 中央揃え
9) タグの範囲についての注意(「入れ子」の原則、「互い違い」の禁止)
表示が思い通りにならない場合、「互い違い」を疑う。
22.5 サンプルページ
自己紹介、趣味のこと、関心のあることなど、自由に書き足して、サンプル程度のページを作ろう。
1) 以下のような構造で自分のページを作っていく。
<html>
<head>
<title>藤原公昭のホームページ</title>
</head>
<body background=01781.gif>
<center>
<h1>
Welcome to <font color=purple>藤原公昭</font>'s Page
</h1>
<img src=whoheis.gif>
</center>
<hr>
<h2>プロフィール</h2>
ここに、自分の履歴を書く<br>
郷土自慢でもよい。<br>
<hr>
<h2>言語・社会コースの紹介</h2>
各自のコースや専修の紹介を書き、<br>
担当の教員の紹介を表形式で書くこと。<br>
教員紹介のページとリンクしてください。<br>
<br>
<table border=1>
<tr>
<td>渡邉 一保
<td>英語教育
<td>早期英語教育・英語ライティング指導
<tr>
<td>
<a href=http://beth.nara-edu.ac.jp/PERSON/matukawa.htm>
松川 利広
</a>
<td>国語教育
<td>国語科カリキュラム・児童文学
</table>
<hr>
<h2>趣味・興味を持っていること</h2>
自由に書いてください
<hr>
<h2>将来展望</h2>
自由に書いてください
<hr>
<h2>リンク集</h2>
<ul>
<li><a href=http://www.nara-edu.ac.jp/>
奈良教育大学</a>
<li>
<a href=http://student.nara-edu.ac.jp/JK2009/2009jk56.htm>
言語社会コース受講者一覧</a>
<li>
<a href=http://student.nara-edu.ac.jp/JK2009/2009jk58.htm>
身体表現コース受講者一覧</a>
</ul>
</body>
</html>
・ポートレートかイメージ画像を貼る
・<h2>タグで中見出し
・<hr>で罫線を引く
・リンク集
2) 中見出しの色を変え、段落をインデントする(Style を用いる)
<html>
<head>
<title>藤原公昭のホームページ</title>
<style type="text/css">
.danraku { margin-left:40px;}
h2 { color:slateblue; font-size:16px;}
</style>
</head>
<body background=01781.gif>
<center>
<h1>
Welcome to <font color=purple>藤原公昭</font>'s Page
</h1>
<img src=whoheis.gif>
</center>
<hr>
<h2>プロフィール</h2>
<p class="danraku">
ここに、自分の履歴を書く・・・省略・・・
</p>
<hr>
<h2>言語・社会コースの紹介</h2>
<p class="danraku">
各自のコースや専修の・・・省略・・・
<br>
<table border=1>
・・・省略・・・
</table>
</p>
<hr>
<h2>趣味・興味を持っていること</h2>
<p class="danraku">
自由に書いてください
</p>
<hr>
<h2>将来展望</h2>
<p class="danraku">
自由に書いてください
</p>
<hr>
<h2>リンク集</h2>
<p class="danraku">
<ul>
<li><a href=http://www.nara-edu.ac.jp/>
奈良教育大学</a>
<li>
<a href=http://student.nara-edu.ac.jp/JK2009/2009jk56.htm>
言語・社会コース受講者一覧</a>
</ul>
</p>
</body>
</html>
「スタイル」は</head>の前で指定する
<p>〜</p>は段落(Paragraph)で、ひとかたまりの
文章を囲む
class="danraku"
{ margin-left:40px;} 左インデント40 ピクセル
h2 タグは 薄い青、文字サイズ16px
{ color:slateblue; font-size:16px;}
3) ボタンやラインに「素材」を用いる
<html>
<head>
<title>藤原公昭のホームページ</title>
<style type="text/css">
.danraku { margin-left:40px;}
h2 { color:slateblue; font-size:16px;}
</style>
</head>
<body background=01781.gif>
<center>
<h1>
Welcome to <font color=purple>藤原公昭</font>'s Page
</h1>
</center>
<img src=vine_line.gif>
<h2><img src=apple.gif>プロフィール</h2>
<p class="danraku">
ここに、自分の履歴を書く<br>
郷土自慢でもよい。<br>
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>言語・社会コースの紹介</h2>
<p class="danraku">
各自のコースや専修の・・省略・・
<br>
<table border=1>
・・省略・・
</table>
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>趣味・興味を持っていること
</h2>
<p class="danraku">
自由に書いてください
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>将来展望</h2>
<p class="danraku">
自由に書いてください
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>リンク集</h2>
<p class="danraku">
<ul>
<li><a href=http://www.nara-edu.ac.jp/>
奈良教育大学</a>
<li>
<a
href=http://student.nara-edu.ac.jp/JK2009/2009jk56.htm>
言語・社会コース受講者一覧</a>
</ul>
</p>
</body>
</html>
<img src=線の図形ファイル名>で
罫線<hr>の代わりに、模様を引く
見出しに
<img src=マークの図形ファイル名>
でマークを書く
4) 箇条書きのマークを好きなものにする
<html>
<head>
<title>藤原公昭のホームページ</title>
<style type="text/css">
.danraku { margin-left:40px;}
h2 { color:slateblue; font-size:16px;}
</style>
</head>
<body background=01781.gif>
<center>
<h1>
Welcome to <font color=purple>藤原公昭</font>'s Page
</h1>
</center>
<img src=vine_line.gif>
<h2><img src=apple.gif>プロフィール</h2>
<p class="danraku">
ここに、自分の履歴を・・省略・・
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>言語・社会コースの紹介</h2>
<p class="danraku">
各自のコースや専修の・・省略・・
<table border=1>
・・省略・・
</table>
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>趣味・興味を持っていること
</h2>
<p class="danraku">
自由に書いてください
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>将来展望</h2>
<p class="danraku">
自由に書いてください
</p>
<img src=vine_line.gif>
<h2><img src=apple.gif>リンク集</h2>
<p class="danraku">
<ul style="list-style-image:url(star_green.gif);">
<li><a href=http://www.nara-edu.ac.jp/>
奈良教育大学</a>
<li>
<a
href=http://student.nara-edu.ac.jp/JK2009/2009jk56.htm>
言語・社会コース受講者一覧</a>
</ul>
</p>
</body>
</html>
url(マークの画像ファイル名)で項目のマーク
を描く
課題
今後作成する自分のホームページの内容を構想し、文章を作成する。この文章を、担当教員宛にE-Mail で
提出しなさい。
. メモの内容(ホームページの構想)
A:自己紹介(内容は任せます)。実際のホームページではイラスト、写真をスキャナーで取り込むことも
可能です)
B:所属する学科またはコースの紹介、教員のホームページへのリンク(URL)
C:自分が興味をもって学習・研究している学科・科目について、どういう点に興味があるか、を記述し
なさい。また、関連する学会や団体、会社のホームページへのリンク(URL)を調べておきなさい。
D:自分の目指す教師像について、または
D':卒業後の進路について希望を語りなさい。
. 以上、全体で 35 字以内×15 行〜30 行でまとめ、E-Mail すること。
.
フィル転送ソフト FFFTP の使い方
(1) FFFTP を起動する。
. 対外的に公表して恥ずかしくない内容か?
. 著作権や肖像権を侵害していないか?
. 自分および他人のプライバシーを不必要に公開していないか?
に十分留意して下さい

修正と再転送
パソコン側のHTML ファイルを変更したり、画像を追加した場合、関連するファイルはすべて、再度、ファイル転送しないと、「受講者一覧」側のページには反映されないので注意してください。
22.7 複数のページを作る
「趣味のページ」、「旅行の記録」、「クラブの紹介」など、ページを分けてみませんか。
複数のページをお互いにリンクする. ページのファイル名は、拡張子が.htm または.html であれば何でも良い。但し、先頭ページは必ずhomepage.htm とする。
. 書き方は、HTML 文書共通の約束(<html>から開始し、</html>で終わる、etc)に従う。
例えば、homepage.htm の内容が以下のようだとする。
<html>
・・・・・
<a href=profile.htm>プロフィール(自己紹介)のページ</a><br>
<a href=hobby.htm>趣味のページ</a><br>
・・・・・・
</html>
このようにした場合、他に2 つのファイル、profile.htm と hobby.htm を作る。
これは、「メモ帳」でhomepage.htm の場合と同様に作成し、「名前を付けて保存」するときに、それぞれの
名前を付けて保存すればよい。
例えば、hobby.htm の内容は以下のようになる。
<html>
<head>
<title>趣味のページ</title> ←(タイトルは適当に)
</head>
<body>
・・・以下略・・・←(趣味の内容を書く)
<a href=homepage.htm>ホームに戻る</a><br> ←(先頭ページに戻るリンク)
・・・
</body>
</html>
必ず、自分のホームページ(homepage.htm)に戻るリンクを作っておいてください。
リンクの仕方
<a href=ファイル名.htm> 別のファイルのページにリンクする </a>
<a href=http://・・・・・(URL)> どこへでもリンクできる </a>
22.8 デジカメ画像の修正・補正(Photposhop の活用)
画像処理ソフトの定番がAdobe(アドビ)社のPhotoshop です。デジカメで撮った写真に修整や補正を加える
ことで、撮影時の失敗をある程度はカバーしたり、見栄えのよい画像にすることができます。
露出補正
シアーズタワーからのシカゴの夜景。露出過多、ガラスに室内照明が反射しているのを補正する。
修正前 修正後
修正の方法を順に示す。
(1) Photoshop Elements を起動し「写真の編集と補正」を選択する。
(2) 「ファイル」→「開く」から、X:ドライブの「公開講座」フォルダーからchicago-night.jpg ファイルを開く。
(3) 全体の明るさを調整するために、「画質調整」→「ライティング」→「レベル補正」を選ぶ。
情報機器の操作
奈良教育大学 P-114
(4) ガラスの写り込みが軽減し、街路の光のにじみが消える程度に、レベル補正のスライダーを調整する。写り
込みは完全に消えなくてもいい。
(5) 「スポイトツール」で暗い空の色を「吸い取って」、「ブラシツール」で残っている写り込みを消していく。
(6) OKなら「保存」または「別名で保存」する。
逆光の補正
人物が逆光で暗い、めがねのツルに光が反射している、これを補正する。
修正前 修正後
(1) めがねの反射光を消すために、「ビュー」→「ズームイン」で拡大する。
(2) 「スポイト」で周辺の色を吸い取って、「鉛筆ツール」で反射光を塗りつぶす。
(3) OKなら「ピクセル等倍」に戻し、確認する。
(4) 次に、逆光の人物を明るく補正するために、「レイヤー」を複製する。
これで、「背景」と「背景のコピー」という二つのレイヤーができる。
(5) コピーされたレイヤーで、人物を含む部分を□で選択する(他にも領域を選択する方法はあるが、一番簡単な方法を示す)
(6) 選択した部分を「画質調整」→「ライティング」で明るく調整する。
(7) 例えば「レベル補正」で調整すると、下のようになる。
(8) 人物の輪郭に沿って、背景の「レベル補正」を取り消す。これは、「消しゴム」で行う。
(9) 人物の輪郭の付近では、「ズームイン」し、消しゴムのサイズを調整して、慎重に行う。「後光」がのこるよ
りは、少しくい込むくらいでよい。
(10) OKになったら、「レイヤー」→「レイヤーを統合」して、「保存」または「別名で保存」する。失敗した
ら「レイヤー」を廃棄(削除)し、再度レイヤーの複製から行う。(元の画像には影響がない)
試してみよう:
. 若草山や窓を背景にポートレートを撮影して、逆光補正をしてみよう。
. 花の写真や置物の写真を撮り、「キズ」や「ヨゴレ」の修正をしてみよう。
22.9 「ホームページビルダー」を使ってみよう
HTML ファイルを作る別の方法として「ホームページ作成ソフト」の利用があります。世の中の多くのページはこの方法で作られています。代表的なホームページ作成ソフトであるIBM 社「ホームページビルダー」を使ってみましょう。
課題:
「趣味のページ」をホームページビルダーで作成し、homepage.htm とリンクしてみよう。
(1)ホームページビルダーの起動と「どこでも配置モード」
ホームページビルダーを立ち上げると、「ようこそ」画面が出ます。ここでは「編集モード」として「かんたん」モードか「スタンダード」を選びます。(とりあえず、「スタンダード」としましょう)
はじめに、「ファイル」→「どこでも配置モードで新規作成」を選択します。
(2) 「ページ編集」で作成・編集し「プレビュー」で確認する。
(3) ワープロ感覚でページを作っていく
左のメニューから項目を選んで、右の「キャンバス」に配置していきます。多分、直感的にわかりますので、自由にトライしてみてください。
(4) ファイルの保存
最後に「ファイル」→「名前を付けて保存」します。ファイルの名前は、特に指定しなければnewpage1.htmlとなりますので、適当に変更して保存してください。また、このとき使用した画像ファイル(壁紙やアイコンも)保存されますので、ファイル転送する際にそれらもサーバーに転送することを忘れないようにします。
22.10 スタイルシートに挑戦
ホームページビルダーは確かに簡単です。でも、だれが作っても同じような雰囲気のページになってしまいます。デザインを極めたい?方は、是非「スタイル」あるいは「スタイルシート」に挑戦してみてください。
ここではスタイルのエッセンスである「箱=BOX」の考え方だけを取り上げます。四角い箱を組み合わせて、画面を作る、ということです。
ボックスの構成
<html>
<body>
<h1>ボックスの意味</h1>
<hr>
<p style="margin:50px; border: solid 5px green; padding: 20px; →
background: pink; width:200px; height: 40px">
ここが内容を書き込む場所となります。
</p>
</html>
ボックスで画面を構成する
<html>
<head>
<style type="text/css">
<!--
#header {
width: 400px;
background: lightgreen;
}
#content {
width: 400px;
}
#menu {
width: 120px;
height: 200px;
float: left;
background: pink;
}
#main {
width: 280px;
height: 200px;
float: left;
background: skyblue;
}
#footer {
width: 400px;
clear: both;
background: yellow;
}
-->
</style>
</head>
・・・・・ここからBODY・・・・
<body>
<div id=header>
ここはヘッダーです
</div>
<div id=content>
<div id=menu>
ここはメニューです
</div>
<div id=main>
ここはメインです
</div>
</div>
<div id=footer>
ここはフッターです
</div>
</body>
</html>
ナビゲーション
リンクをまとめたものを「ナビゲーション」といいます。様々な視覚効果も加えることができます。
<html>
<head>
<style type="text/css">
<!--
body {
background-color: #73a1ff; /*青い背景色 */
}
.menu {
width: 460px;
}
.menu div {
float: left;
}
a {
width: 150px;
border: solid 2px;
border-color: white darkblue darkblue white; /*上右 下 左*/
padding: 4px 0px; /*上下左右*/
text-align: center;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: white;
}
a:hover { /* マウスをリンクの上に持っていくとボタンを押したように見える */
border-color: darkblue lightblue lightblue darkblue; /*上右 下 左*/
padding:6px 0px 2px 6px; /* 上右 下 左 */
background-color: #518cdd;
}
-->
</style>
</head>
<body>
<div class=menu>
<div>
<a href=http://www.nara-edu.ac.jp/>奈良教育大学</a>
</div>
<div>
<a href=http://www.nara-wu.ac.jp/>奈良女子大学</a>
</div>
<div>
<a href=http://www.nara-u.ac.jp/>奈良大学</a>
</div>
</div>
</body>
</html>
このページと前ページのHTML はX:ドライブ「情報機器の操作」「ホームページ」にあります。
23 利用上の注意
23.1 メール・掲示板のマナー
電子メールはとても便利なものです。メールで課題を提出することや、就職希望の企業の人事担当者とメールをやりとりすることなどもあるでしょう。
しかし、説明が足りなかったり、独りよがりな内容となっている場合は、受け取った相手を困惑させたり、思わぬ誤解を招いてしまう恐れがあります。
また、送信先を間違ってしまうことも、よくあることです。宛先不明で返ってくればいいですが、宛先が存在した場合は、全く別の人に読まれてしまうことになります。送信する前に送信先や内容をもう一度再確認しましょう。
挨拶や、自分のことを名乗らないメールは、マナー的によくないものです。携帯電話のメール機能と同じような感覚で、改行しない文章や挨拶や名乗りのない電子メールを送ると、相手に失礼になることがあります。
相手のメールアドレスを見ると、企業などの仕事で使っているのか、プライベートのものなかのかで、用途を使い分けておられるケースがあります。社内規定によっては、仕事用のアドレスを仕事以外の用途で使うことを禁じている所がありますので、みなさんも頂いたメールアドレスが、どうなのか・・・を知って送信先に選ぶようにしましょう。
また、「質問」というような内容がわからない題名(タイトル)を避け、内容を示す簡単な題名をつけるように心がけましょう。特に、レポートなどの場合は、学籍番号、氏名、どの授業のものか、などの情報も記載しておくことも必要ですね。
パスワードは安易に他人に知らせることのないようにしてください
23.3 個人情報の取り扱い個人情報保護法などの施行後、個人情報の取り扱いに皆さん自身の関心が高くなってきています。しかし、一部には間違った解釈も広がっていて混乱しているケースも見受けられるようになってきました。大学において、皆さんを「顧客」と考え、民間企業と同じように、顧客保護のために、利用目的の特定や明示、利用
目的に必要な範囲のみの収集、といったものがそうです。
、学生同士も共に影響しあいながら学びあうように教員が動くためにも、不断の情報共有も必要でしょう。
23.4 著作権・著作物について
引用」という言葉を聞いたことがありますね。大学生活ではレポートなどで文献から引用してまとめることが多くなってくるかもしれません。この「引用」にはルールがあります。
. 自分の文章が「主」で、引用部分が「従」となる文章量と扱いであること
(これが逆転すると「盗用」となります)
. 引用部分が明らかに本文と区別できること
(「」などで囲むとかです)
. どこから引用したのか、出典を明らかにすること
(そのために、引用されるものは既に公表されている著作物であること)
一般的には、「権利者の了承を得る」というのが、著作物を利用するときの基本で、その手続きを省略できる例外として、「引用」や「私的利用のための複製」などがあります。
これらのことは、「著作権法」などの関連法令で定められているのですが、情報化の進展に伴って年々改訂されてきているものでもあります。常に最新の法令を知っていくことも大事ですが、「著作者に迷惑をかけない」「自分の著作物はちゃんと主張する」というスタンスで行動していくとよいでしょう。
23.5 デジタル万引き
本屋さんで、まだ購入前の雑誌などの記事を携帯電話のカメラで撮影して持ち帰ったり、メールで友だちに送ってあげたりする行為のことを『デジタル万引き』と呼んでいます。
私たちは、社会の一員となるべく、幼い頃から『他人もモノを取ってはいけない』ということを徹底されてきました。ですので、駄菓子屋さんや八百屋さんの店頭に並んでいる商品を取っていくのは良くないことと知っていますし、そういう行動をするときには、多少なりとも罪の意識との葛藤が生じているでしょう。
このような、形のあるもの、目にみえるもの というような「モノ」(有形的存在)のことを、「有体物」と呼んでいます。例えば、机や、鉛筆、隣のお家の柿などがそうですね。
一方で、形のないもの、目にみえないもの(無形的存在)のことを「無体物」と呼んでいます。例えば、音楽や、詩、歌、におい、電波、ソフトウェアなどがそうですね。
この「無体物」を、奪う行為に関しては、特に罪の意識を感じていない人が多いでしょう。例えば、レンタルショップにて、CDを一泊で借りてきて、自分のデジタルプレーヤー(DMP)にダビングし、すぐ返却する。そして、デジタルプレーヤーで飽きるまで、ずっと聞いている・・・の行為に、あまり「罪の意識」を感じている方は、すくないでしょう。
「CDは、ちゃんと返しているから、誰もソンしてないやん!」
「ちゃんとお金払ってるし・・・」
という意見に納得できるのでしょうか?
実は、ここで、奪ったものが「無体物」であり、その無体物を「一泊聞く対価しか支払っていない」という、対価以上の利用になっているのです。
『デジタル万引き』により、本やCD の「情報」が不当に盗まれることで、出版社や著作者が不利益にならないように、私達自身で気をつけて行動していきたいですね。
23.6 情報モラル関連サイト次のようなサイトでは、情報モラルや情報安全教育に関する情報提供や教材が豊富に発信されています。こ
れ以外にも、学内専用の教材(「情報機器の操作」などの関連授業で紹介しています)がありますので、有効に活用してください。
. ネット社会の歩き方(財団法人コンピュータ教育開発センター)
http://www.cec.or.jp/net-walk/
. 情報モラル研修教材 2005(独立行政法人教員研修センター)
http://sweb.nctd.go.jp/2005/index.htm
. 場面対応型指導事例集 著作権教育5分間の使い方(文化庁)
http://www.bunka.go.jp/1tyosaku/kyouiku/sidoujireishu/
. キッズ・パトロール(警察庁)
http://www.cyberpolice.go.jp/kids/
. インターネットの世界(総務省)
http://www.kids.soumu.go.jp/internet/caution/