このページは、岐阜大学 工学部 応用精密化学科・生命工学科１年のクラスの授業の内容です。
斎藤末広（岐阜大学非常勤）
岐阜大学教育学部教育学科治療教育コース卒業後、ソフトハウス、株式会社テスクを経て、現在、日本総合ビジネス専門学校、助教授。
タッチタイプ
メールの操作
ホームページの公開
簡単なプログラミング
メール操作、ホームページ操作を通じて，パソコン操作に慣れる。
ホームページ作成を利用してプログラムの基礎を学習する。
課題重視，出席は必ずしも必要ない。
美佳タイプのローマ字単語で，手元を隠して，45 字/分で合格。毎授業，常時テスト（学生証必要）可能，締切２月１０日１７時５０分。
トップページ，勉強リンク集（生命工学，英語など），時計ページ(課題 3)のを作成して，公開すること。公開したら，勉強リンク集か時計ページの URL をメールで知らせること。締切２月２９日（この日に公開が成功していなければいけない）
学校外サイトで公開してもかまわない。
Winパソコン基本操作：チェックリスト
（日本総合ビジネス専門学校社会人向け短期パソコン習得講座用から）
『驚異のブラインド・タッチ』増田忠 著 参考サイト：増田式キーボード学習法
『詳解
HTML&JavaScript 辞典』岡崎桂子 長谷川豊 半場方人 著 秀和システム発行
キーボード練習プログラム ミカタイプ：美佳のタイプトレーナ ダウンロード
岐阜大学サイト内の斎藤のウェブ
この授業で、パソコン、インターネットを自分の道具にすること。そのためには、キーボードを見ずにたたけるようにすること、さらに、自分用のパソコンを手に入れ、すぐにでも自分の道具して使用を開始することである。
また、自分の学習パターンにインターネットを利用することを組み入れること。
参考（昨年度）：パソコン推薦（生協共同購入）
検索サイトの使用法
コンピュータを利用した学習
主な検索サイト紹介
日本総合ビジネス専門学校のWeb検索
野口悠紀雄Online 2000のレファレンスルーム（『超整理法』の著者のサイト）
コンピュータを利用した学習法のコツ
「宿題メール(ID:1414)」「ウイークリィまぐまぐ」を解除したか。
→まぐまぐ解除サイト
FTP の仕方をメモしたか。
勉強リンク集を充実させるか，時計ページ（kadai.html)を充実させる。
参考：教科書(348〜367ページ参考)
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-0203
学籍番号は，フル桁です。
メールの中身は，「半年受けたこの授業の感想，提案事項」と，自分のサイトの URLを載せること。URL とは，"http://" から始まるアドレスのこと。
ローマ字単語（メニューで，４，２）手元を見ずに，45 文字/分を超えたら，合格。
JavaScript 関数
勉強リンク集更新
関数サンプル説明
課題ページ作成開始
キーボードテスト
メールをチェック。必要のないメールは，受信箱，ゴミ箱（Eudoraの）ともに消す。
キーボード練習
新しくページ(kadai.html)に，時刻表示をするボタンを張り付ける。
|
関数(仕事名）の定義は，<HEAD>部で， |
新しいページの作成の仕方は，第６回目講義の「ページ分割」を参考にする。
勉強リンク集を充実させる。「自分が得意になりたい科目を勉強するため」のリンク集を目指す。
FTPで更新する。更新できたか試す。自分のホームページへのリンクを入れておくと作業がしやすくなる。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-0127
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
各自，最低１回は，美佳タイプを練習して，退席すること。ローマ字単語で， 手元を見ずに，60 字/分を超えたら，テストを受ける。
画像の張り付け
勉強リンク集更新
ウェブページの更新
アイコン，バナーの説明
画像の探し方
勉強リンク集更新
キーボードテスト
メールをチェック。必要のないメールは，受信箱，ゴミ箱（Eudoraの）ともに消す。
キーボード練習
作業
あなたの勉強リンク集にこのような表示を出す。
画像の保存の仕方，ソースのまね仕方を勉強する。
（１）画像を保存する
（２）ソースを修正する。
勉強リンク集を充実させる。「自分が得意になりたい科目を勉強するため」のリンク集を目指す。
FTPで更新する。更新できたか試す。自分のホームページへのリンクを入れておくと作業がしやすくなる。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-0120
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
各自，最低１回は，美佳タイプを練習して，退席すること。ローマ字単語で， 手元を見ずに，70 字/分を超えたら，テストを受ける。
HTMLの中にJavaScriptを入れる
ウェブページの更新
ホームページという用語の説明
ウェブを作成するためにHTMLとJavaScript
ウェブの修正と公開
メールをチェック。入らないメールは，受信箱，ゴミ箱（Eudoraの）ともに消す。
キーボード練習
作業
あなたのトップページの下にこのような表示を出す。
|
このページを表示した時刻 : 2000年1月13日11時57分47秒 |
サンプルの解説
プログラムソース（ウェブページ）の構造
HTMLのヘッド部，ボディ部
HTMLが親言語で，その中に組み込むJavaScriptは，子言語となる。HTMLで表示の位置を指定して，時間を調べるのはJavaScriptが担当する。
|
HTML |
配置を指示 |
|
JavaScript |
ロボットを作成して，仕事 |
|
オブジェクト |
仕事をするロボット |
|
クラス |
ロボットの設計書 |
| メソッド | ロボットの作業 |
nx = new Date()とすると，nxという名前のオブジェクト（ロボット）を製作する。クラス（設計書名）は，Date。
documentもオブジェクト（ロボット）の一つ。
メソッド（ロボットがする作業）の例
write()は，documentオブジェクト（ロボット）のメソッド（作業）
getYear()は，dxオブジェクト（ロボット）のメソッド（作業）
| JavaScriptは，ウェブページ上にロボット（オブジェクト）を作成して，それに仕事を指示（メソッドを起動）できる |
フロッピーに入っている index.html を開いて，サンプルを参考に修正する。それを，FTPで公開する。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-0113
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
各自，最低１回は，美佳タイプを練習して，退席すること。ローマ字単語で， 手元を見ずに，80 字/分を超えたら，テストを受ける。
ホームページの公開
ページ分割の仕方
教室に来たら
公開するための手順
公開
メールをチェック。入らないメールは，受信箱，ゴミ箱（Eudoraの）ともに消す。
使用する道具（プログラム）
Telnet（テルネット） 離れた場所のコンピュータを操作する。
FTP(エフティピー） 離れた場所にコピーをする。
注意：機能名と商品名 例 ワープロと一太郎
公開すると，
|
http://www2.gifu-u.ac.jp/~jhs4002/index.html |
作業
メモ帳に ログイン名とパスワードを入れておく。必要に応じて，それをコピー＆張り付けを利用する。
情報処理センタのサーバ内に自分の場所(あなたのディレクトリ）を確保
← Telnet を使用
専門用語で，「ディレクトリの作成」
その場所は，自分は見えて，書き換え可能，他の人は，見るだけに設定 ← Telnetを使用
専門用語で，「パーミッションの変更」
情報処理センタのあなたのディレクトリに，ホームページの原稿をコピー ← FTP を使用
公開を確認する。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-1202
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
各自，最低１回は，美佳タイプを練習して，退席すること。ローマ字単語で，100字/分を超えたら，テストを受ける。
ローマ入力練習
ページ分割の仕方
メールをチェック。入らないメールは，受信箱，ゴミ箱（Eudoraの）ともに消す。
メモ帳を起動しておく，メモ帳は，字を大きく設定しておくとよい。
ALT+半角・全角キーで，漢字入力モードにする。
メモ帳を利用して，キーボード練習(p62)を私の声に従ってやる。
課題：index.html のリンク集を別のページにする。
主な作業の手順
フロッピーの中の，index.html をコピーして，それを，slink.htmlとする。
slink.htmlを開く。これから，slink.htmlの中を整理する。
slink.htmlのソースを表示して，<titel>のところを「勉強リンク集」 とする。
htmlの構造を壊さないようにして，勉強に関係ないものを消す。
|
<html> <head> </head> <body> </body> </html> |
slink.html内に，「トップページへ」というリンクを埋め混む。slink.htmlを閉じて，表示実験。「トップページへ」をクリックして，index.htmlの内容が表示されればうまくいっている。
|
<p><a href="index.html">トップページへ</a></p> |
うまくいったら，今度は，index.htmlを次の様に修正する。
index.htmlのソース(index.htmlを起動して，表示/ソース)を表示して，HTMLの基本構造を壊さずに，「リンク集に関係するところを消す。
index.htmlのソースに，「私の勉強リンク集へ」というリンクを埋め込む。
|
<p><a href="slink.html">私の勉強リンク集へ</a></p> |
index.htmlを起動して，「私の勉強リンク集へ」をクリックして，slink.htmlが表示されば，うまくいっている。
|
すでにあるものをコピーして，修正する。 |
|
１ 右ボタンでドラッグ |
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-1202
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
各自，最低１回は，美佳タイプを練習して，退席すること。ローマ字単語で，100字/分を超えたら，手巣を受ける。
ローマ入力練習
メールマガジンの解除（まぐまぐ）
リンクの仕方
メールをチェック
メモ帳を起動しておく，メモ帳は，字を大きく設定しておくとよい。
ALT+半角・全角キーで，漢字入力モードにする。
メモ帳を利用して，キーボード練習(p62)を私の声に従ってやる。
フロッピーのなかのindex.html(サンプル)を表示して、ソースを見る。
<p><a href="http://www.yahoo.co.jp/">ヤフー</a></p>
の記述を探す。
その下に，同様に，ヤフーで探した，ページを組み込む。
リンクの埋め込み方
|
<a href="調べたらアドレス">表示する文字</a> |
ヤフー以外に，あと３つ追加しておくこと。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-1125
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
各自，最低１回は，美佳タイプを練習して，退席すること
英字入力練習
HTML の構造
メールをチェック，
メモ帳を起動しておく，メモ帳は，字を大きく設定しておくとよい。
『ハンドブック』の p15 〜 p30 までは，来週の授業までに各自読んでおくこと。
メモ帳を利用して，キーボード練習。私の声に従ってやる。
（前回，サンプルをフロッピーに保存していない組は，フロッピーに保存します。やり方は，授業で説明します。）
サンプルを表示して、ソースを見る。
やり方：先ず，フロッピーを開いて，そこにある，index.htmlをダブルクリック，そうすると，ブラウザーにサンプルが表示される。ブラウザのメニューバーの「表示」を選んで，プルダウンメニューが出るので，そこの「ソース」を選択する。
これからこの操作を，「サンプルを起動し，表示−ソース
と選ぶ」 と言った書き方をします。
<html> 〜 </html>
<head> 〜 </head>
<body> 〜 </body>
をソースの中にどこにあるかを確認し，教科書『詳解 HTML&JavaScript 辞典』を見る。
コンピュータのマニュアル(手引き）を読むコツ
|
教科書の分かったところのみ，線を引く。 |
|
<html> <head> </head> <body> </body> </html> |
<titel> 〜 </title>
<p>
<hr>
<h4>
<a href=" "> 〜 </a>
をソースの中のどこにあるかを確認し，教科書を見る。教科書の分かったところのみ，線を引く。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-1117
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
各自，最低１回は，美佳タイプを練習して，退席すること
英字入力練習
簡単なホームページを作成
メールをチェック
メモ帳を起動しておく
『ハンドブック』の p15 〜 p30 までは，来週の授業までに各自読んでおくこと。
メモ帳を利用して，キーボード練習。私の声に従ってやる。p156。メモ帳は，字を大きく設定しておくとよい。設定の仕方は，授業で言うのでメモをしておくこと。
サンプルを表示して、自分のフロッピに保存する。「見たものの表示の仕方」説明するので，メモを取ること。
それを修正する。
ダブルクリックで表示，ソース表示
○○のところに自分の情報を入れる
閉じる
ブラウザーの更新ボタンの利用。（ついでに，「中止ボタン」「更新ボタン」の説明あり，メモをとること）
ホームページは，今日は，フロッピーの中においておくだけ。
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-1111
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
窓の移動，拡大，メールの読み方，コピー＆張り付け，削除方法（仮削除，本削除），終了の仕方
メモ帳の起動と終了方法
ローマ字入力の仕方
ダウンロードの仕方
本日の宿題へ返信
生命工学科：「宿題メール」の購読
メールのあて先：spage@yscon.co.jp
Subject(件名)は、半角で、学籍番号-1028
学籍番号は，フル桁です。
メールの中身 アンケート
その１ 今日の授業を理解できたか？（５段階評価）
その２ 今日の授業の自分の充実度（５段階評価）
その３ 授業の感想
授業の受け方、単位の取り方（タッチタイプ、プログラム課題）、期末テストはない。
WinNTの基本的な操作の確認
ホームページの見方
メールの設定
化学科：「宿題メール」の購読
