《トップ画面↑》

▲目次画面
情報コーナーに戻る↑

つぶやく!!つぶやく! つぶやく・・・

(バックナンバーに戻る↑)

HP作成に関しての講師依頼(パソコン)(自然周吾)

3月頃、パソコンクラブからHP作成に関しての講師依頼の打診があった。名誉なことなので、即了解の返事をした。

今日はその第1回であった。当該HP作成に当っての話なので、専門的レベルの話(専門家ではないので・・・)ではなく、 地に付いた実務のことなので、苦労話等、話す事は一杯あり、また、自分の等身大の作成実績なので、実績に関する質問なら 応じられると思っていたからである。(参照:1回目レジュメを見る。2回目3回目を見る。)

まずは、当該HPの操作を楽しんでもらいたかった。そして、時間中に実際のHTML作成操作を見てもらおうと思っていた。

あっという間に、2時間が済んでしまった。予定した質問・意見をエクセルで標記し、それをHTMLに作成するデモを行い、 次回参加者の操作データにしようという試みまでの行程には届かなかった。
参加20名程の人は、内容をどう感じていただろうか。それこそ、各位の意見を聞きたかった・・・。

(06/05/13)
(以下参考:レジュメ

「シンプルHPでまず作成!!」

=自分のレベルで創ろう(自己主張を安全に更改し継続する)=

(放送大学パソコンクラブ、学校のパソコンを使用する。⇒参加者がホットメール登録をする。データ送付用。)(10分)
◎当該ページをHP化する。(10分)

《1回目》(2006/5/13講習予定分)

1.デモ:jinen画面(30分)
@jinenのホームページ(http://www15.plala.or.jp/jinen-jinen/)を開き、表紙を元に、操作方法を確認する。
・分割動作の有効活用のデモ
・コスモス・欧州旅行・その他画像・つぶやき・俳句画面を解説
・会員ページ(アクセス制限ページ)→アクセス制限の設定経緯と制限内容(ページの制限が有効)→掲示板添付⇒会員参加型
←該当『つぶやく』を読む。更改経緯ページの解説(危険防止処理)
・安全:個人名を特定させない。内容に特定できない曖昧さを残す。大雑把な表紙。
Aソースを観る→他のホームページを参照。(放送大学、http://www.amago.jp.lv/、http://www12.plala.or.jp/sinano/)
←HTMLのシンプルさを比較し、内容を解説する。シンプルを評価する(容量節約・自分で更改しやすい)。
→他のHPのソートをコピーして活用する。

・バイト数を節約(現状容量:使用量5.3MB33%、未使用量10.6MB67%、計15.9MB)
例:さつきが丘テニスクラブの規約(HP参照)ワード⇒HTML化37KB←テキストから作成3KB
例:05年1月自然活動予定→エクセル→ワード(資料参照)⇒HTML化39KB←テキストから作成3KB

2.参加者操作の実習(20分)
jinenのホームページ(http://www15.plala.or.jp/jinen-jinen/)をお好みに登録→何度も開く。
分割なしの画面も登録する。ソートを観る。ソートとHTMLの画面を比較する。

(休憩)

3.感想・質問の集計(20分)
⇒1人1件以上出してもらう。→エクセルに記録する。(ソートし、質問に答える。)

4.デモ:ホームページ作成(40分)
⇒上記3エクセルデータから、@HPを作成する。A表のHPを作成する。(作成状況を画面で表示する。)

《2回目》

(質問を受ける。)→エクセルに追加記録する。(20分)
5.実技:《1回目》3.の宿題エクセルを個々に完成させる。(60分)
・ホームページ作成
→エクセルで記録分→各自に送付する→宿題として、HTML化する。→次回、質問を確認して個々に援助し、完成させる。
6.ホームページの進化(30分)
・ソートのコピー(デモ)
→つぶやく画面をコピーする。加工して、上書き保存、更新を繰り返して、完成させる。
 テキスト文章に、「つぶやく」からコピーして、新たな1ページを作成する。
→表紙らしきものを作り、クリックジャンプを完成させる。
・送信された画像を貼り付ける(宛先:jinen-jinen@hotmail.co.jp )

《jinenの現状HP作成時使用のタグ&カラー》
@使用タグの種類(他に未使用なタグが多々ある。<html>・・・</html>のようにセットで使用される。)
<html><head><title><body><bgcolor="yellow"><h1>

<p><div><br><hr><b><font size="2" color="yellow">

<img src="画像名"><a href="ファイル名"><align="center">

<table border><caption><tr><th><td>

A使用カラーの種類(他にカラーは多々ある。)
red orange yellow pink green cyan greenyellow black forestgreen white lightyellow

《3回目》

(質問を受ける。)→エクセルに追加記録する。(20分)
7.今までの一連の操作をおさらいし、再確認する。不明な点の繰り返しで、ファイル”HP”を完成する。(60分)
8.全体の質疑応答。ただし、登録公開処理まではしない。大学のパソコンのフォルダー上で操作(30分)

(このページのトップに戻る↑)