(A)「千葉イスラエル教会」のホームページ立上げ支援:
平成24年12月に支援要請を受けていた全国組織を持つプロテスタント系キリスト教会の千葉支部である 「千葉イスラエル教会」のホームページのリ・フォーム支援を平成25年正月から継続して行いました。
今月も第2週と第3週の水曜日午後2時から5時まで教会信者有志に対するホームページ作成講座を開催した。
講座の講義内容はテスト用のサイトを利用して:
(a)HTMLやCSSのソース・コードに慣れておく必要性
(b) HTMLファイルの構造
<html> <head> この中に <meta> <title> <link>
<script> 等のHTMLタグが含まれる </head>
<body> この中に <div> <h1> <p> <ul> <li> <table> <img> 等のHTMLタグが含まれる </body>
</html>
(c) HTMLタグの主なもの
見出し:h1,h2,h3,h4.h5,h6、段落 :p 、枠:div、画像:img、ハイパー・リンク:a href="アドレス"
表:table, th, td、リスト :ul,ol,li 、ファイル識別:HTML、head識別:head 、本体識別 :body
表題:title、リンク:link 、スクリプト:script
(d) CSSの役割
(e) 「健康コーナー」の頁作成実習
平成25年4月17日千葉イスラエル教会でのホームページ作成講習会風景
(B)4月度の月例会:
千葉市民活力創造プラザの会議室での勉強会風景の動画: 特にこの折はUSTREAMによるLive動画配信の実演の模様
再生ボタンを押すと、最初にCMが流れることがありますが、僅か2,30秒ですので待っていれば消えます。
4月26日(金)の13時より開かれた例会で次の件が討議された上、了承された。
- 「千葉イスラエル教会」リ・フォーム支援プロジェクト
ホームページ立上げ支援とアフター・ケアの講習会は4月17日の「ホームページ作成レッスン」もって基礎講習会を終了したことが報告されました。お二人会員のアシスタントに感謝致します。
更なる上級レベルの講習は受講者がもう少し基礎技術に習熟してから行う方が得策と報告された。 - 「TOP英会話スクール」支援プロジェクトのアフター・ケアーとして外人講師の交替に関わる写真の差し替え支援を4月13日(土)に行ったことが報告されました。
- 7月と8月の例会は例年通りお休みとすることに決まりました。
(C)勉強会:
(1) JavaScriptに関する復習
- オブジェクト指向プログラミングの基本フォーム:
Object.Method(パラメター); オブジェクトの動作を規定する
Object.Property(パラメター); オブジェクトの属性(性質)を規定する - jQuery の基本構文:
$(”セレクター”). jQueryの命令(); - jQuery実行タイミングに関わるおまじない
$(document).ready(function() {
ここにJavaScriptの処理を記述<br>
});
この省略形が:
$(function() {
ここにJavaScriptの処理を記述<br>
}); - jQueryの本体のライブラリーの読み込み
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
他のjQuery サブ・ライブラリー又はプラグイン・ライブラリーに先行して記述しなければならない。 - CSSのプロパーティーを変更する方法
$(“セレクター”).css(”プロパティ”:”値”);
(2)USTREAMによるLiveビデオ配信の実演
(a)USTREAMとは:
(b)USTREAMに必要なもの: USTREAMへの登録、PC、ウェブ・カメラ、Windows Live Messenger
(c)USTREAMにログイン後のダッシュボード上のライブ配信等の操作方法の説明と実演(上のビデオ参照)
(3)jQueryの勉強
(a)イベントに反応するjQuery命令
$(”セレクター”).click(function() {
ここにjQueryの処理を記述する
});
(b)(サンプル・プログラム03-02: 歴史上の人物の女性と将軍を識別する演習
演習を通じて講師が気付いた注意すべき点:
- jQueryの本体のライブラリーの読み込み指定を忘れないこと
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
この読み込みコードは手入力をしないで、HPBの「挿入」→「その他」→「スクリプト」の機能を使うこと - 既存のコードを利用してCopy&Pasteする場合は出来たらTeraPad等のTextEditorを介して行うこと
直接Copy&PasteするとHPBのゴミが入ってエラーを起こす可能性がある - 既存のコードを利用してCopy&Pasteする場合は、慎重にCopy範囲を選んでタグ゙のオープン・クローズのペアリングが乱れることが無いように気を付けること
ペアリングが崩れたままPasteすると、HPBは保存の折に予想外のコード誤修正を行って、収集の付かないようなエラーを起こします。
(D) 次回の例会とその討議テーマ
日時: 平成25年5月24日(第4金曜日)13:00~16:30
場所: ツイン・ビル2号館9階の千葉市民活力創造プラザの会議室
テ―マ: jQueryの入門の続きで更に複雑な実習をします。
日本一周クルージングのLive配信の成果を検証します。特に、Live配信中のコミュニケーションに就い
てその方法と成果を確認します。
宿題: 演習の準備の仕組みを良く理解して、次のSample03-03からの実習がスムーズに行われるように
しておく。