平成２２年０６月度

平成２２年０６月例会

日時：　　平成２２年０６月２５日（金）　　午後１：００～４：００
場所：　　京葉銀行文化プラザ内ボランティアズ・カフェ会議室
参加者：　Ｈｒさん、Ｎｈさん、Ａｓさん、Ｓｋさん、及びＨｓさんの５名
議題：　　Ａ．ホームページ同好会のブログの活用　及び　Ｂ．夏季合宿



スタイル・シートを勉強中のメンバー


（１）打ち合わせと報告事項

　Ａ．ホームページ同好会のブログの活用；
　
　　☆　会員はホームページ同好会の団体ブログに積極的に記事を投稿し、
　　　　　同時に投稿された記事に対しても積極的にコメントを書き加えることによって、
　　　　　ブログとホームページが共々に活発化すよう心がける。

　　☆　その為に会員各位はＣＡＮＰＡＮの団体ブログのバーチャル・メンバーになるよう各自手続きを取る。
　　　　　ＣＡＮＰＡＮのホームページの右上端にある「ご利用ガイド」ボタンをクリックすると；
　　　　　　　　＊ユーザー新規登録
　　　　　　　　＊団体情報登録（ご自分の団体ブログが必要な場合のみ）
　　　　　　　　＊バーチャル・メンバー承認依頼方法
　　　　　の手順が載っているので、それに従ってユーザー登録とバーチャル・メンバー依頼を行って下さい。

　　　　　若し、どうしてもこの手順が実行出来たいときは、ＣＡＮＰＡＮの事務局に電話して訊ねて下さい。
　　　　　ＣＡＮＰＡＮの事務局に電話番号は：　０３－６２２９－５５５１　です。

　　☆　今後会員への連絡は、ブログに慣れるために、出来る限りブログの｢お知らせ｣記事で行う。
　　　　　それに対して会員は出来る限り｢コメント｣で確認したり、意見を述べたりする。

　ということを確認しました。

　Ｂ．夏季合宿の計画：

　　　場所：　奥志賀高原　シャレー・クリスチャニア

　　　　　　　　Ｙａｈｏｏで奥志賀高原で検索すると、
　　　　　　　　　　奥志賀高原の概要
　　　　　　　　　　奥志賀高原の地図、シャレー・クリスチャニアの位置
　　　　　　　　　　アクセス方法
　　　　　　　　　　等が出て来ます。
　　　　　　　　　　長野新幹線で行くと、東京―長野の運賃と特急料金が約7,400円（ジパング割引きで約5,300円）
　　　　　　　　　　高速バスで行くと、新宿ー長野の運賃が2,500円で4時間掛ります。（8時→12時）
　　　　　　　　　　長野‐奥志賀は長野電鉄急行バス　１２：２０→１４：００　1,300円？等があります。

　　
　　　期間：　7月24日（土）～8月1日（日）

　　　目的：　各自無線ＬＡＮ機能のあるノートＰＣを持参し、ＣＧＩ等のインターネット関連の勉強をする。

　　　ハイキングや登山：　焼額山（2,009ｍ）、岩菅山（2,295ｍ）、志賀山（2,037ｍ）、鳥甲山（2,038ｍ）、秋山郷　
　　　　　　　　　　　　　　　　奥志賀渓谷等々

　　　参加する方は、遅くとも7月１０日までにメールで連絡を下さい。

　Ｃ．今後の例会予定：

　　　　日時：　７月と８月の千葉に於ける例会はお休みで、９月の例会は９月２４日（金）午後１時より
　　　　
　　　　テーマ：　スタイル・シートの全般復習とＣｌａｓｓ対象とＩＤ対象スタイル・シート

　　　　　

（２）　｢スタイル・シートの復習｣：

☆　スタイル・シートとは：

　世界のウェブ・ページの規格を決める団体であるW3C (World Wide Web Consortium) の最近の方針は、ウェブ頁のスタイル (書式、レイアウトやデザインなど見栄を規定するもの）は出来る限りHTMLの文法から独立して別個の文法として記述していこうという方針のようです。

その利点としては：

　＊　ファイルに書式を設定するより、はるかに凝ったレイアウトにすることができる。
　＊　ファイルを編集しなくても、スタイルシートを変えるだけで見栄えを変えることがでる。
　＊　共通のスタイルシートを使って、複数のHTMLファイルに統一したデザインを適用できる

☆　スタイル・シートを設定する方法は次の３通りがある：


　（１）HTMLのタグの属性としてスタイルを設定する

　　　HTMLタグのスタイル属性が記述されているタグにのみ効果が及ぶ局所的なスタイル設定

　（２）内部スタイル・シートとしてスタイルを設定する>
　
　　　HTML頁のヘッダー・セクションにスタイル・シートを定義し、同一頁内の条件が一致する
　　　全てのタグに指定されたスタイルが適用される
　　　　　

　（３）外部スタイル・シートとしてスタイルを設定する
　
　　　HTMLとは別のファイルとして保存されるスタイル・シートで、それを参照している全ての頁
　　　の条件が一致している全てのタグにそのスタイルが適用される。　
　　　ファイルへの参照はLINKタグでなされる。
　　　このスタイル・シートは一つのサイト全体の統一的なデザインには非常に有効的です。
　　　また、ウェブ・頁の見栄の設計の試行錯誤作業に有効である。


☆　スタイル・シートを設定する対象には次の３通りがある：


　（１）タイプ（HTMLのタグ）に対して設定する（今回はこの対象を主として勉強した）

　（２）クラスに対して設定する（特定のタグを対象にしない：今回は実習を割愛する）

　（３）IDに対して設定する（特定のタグを対象にしない：今回は実習を割愛する）

☆　スタイルの優先順位

　　　Style＝””の属性　＞　内部スタイル・シート　＞　外部スタイル・シート　＞　HTMLの属性

　　　但し、例外としてHTMLのFont属性は優先順位が最も高い。
　　　以上の点を考慮すると、色々なObjectの書式は出来るだけHTMLタグの属性とし設定し
　　　ないで、優先順位の低いスタイル・シートで設定した方が将来に亘って設計変更の自由度
　　　が高くなり、望ましいと考えられます。

☆　外部スタイル・シートの演習


外部スタイル・シートの作成操作：

　　 ① 対象となるページを編集状態にしておいて、　
　　　
　　　　メニュー「表示」→「スタイル・マネジャー」→「スタイル・マネジャーダイアログ」を表示する。

　　　　「外部スタイルシートの追加」ボタン　→「外部スタイルシート選択」ダイアログが表示　→

　　　　「外部スタイルシート名」を入力　→　＜挿入のタイプがリンクになっていることを確認＞　→「ＯＫ」

　　 ② ＜指定した名前（この例ではout_common）をクリック＞　→　

　　　　　＜現れる「ＣＳＳエディター編集」ボタンをクリック＞　→「ＣＳＳエディター」ダイアログが表示される

　　③ スタイルの指定の対象は、
　
　　　　 a. ＨＴＭＬのタグに指定する場合、　
　　　　 b. クラスに指定する場合、と
　　 　　c.　ＩＤに指定する場合があるが、

　　　　今回の例はa.ＨＴＭＬのタグにスタイルを指定するので、<「タイプセレクタ」を右クリック>

　　　　→　＜現れるメニューの「追加」を選択＞　→　＜「スタイル設定」ダイアログが表示される＞

　　 ④ サイト内の各頁に共通に使うＢｏｄｙの背景色と見出しＨ２の字体の色を設定する操作は：

　　　　＜ＨＴＭＬタグの候補＝ＢＯＤＹ＞　→「色と背景」タグ　→　＜背景色指定＞　→　「ＯＫ」更に

　　　　＜ＨＴＭＬタグの候補＝Ｈ２＞　→「色と背景」タグ　→　＜前景色指定＞→　「ＯＫ」


外部スタイル・シートを指定の頁からリンクさせる操作：

　　　　対象となるページを編集状態にしておいて；

　　　　右側ペインの「サイト・ビュー」タグ　→　「フォルダー」タグ　→　＜外部スタイル・シート指定＞

　　　　→　＜下段の「挿入」ボタンをクリック

演習結果の確認：

ホームページ同好会のTest_Siteの１３項目目の「スタイル・シートの復習」の頁を「ＨＴＭＬソース」モードにして、（１）、（２）及び（３）の段落のソース・コードで確認して下さい。

｢参考情報｣

　・Ｃａｎｐａｎ登録ページ：　https://canpan.info/index_view.do　（canpanで検索可）
　・ホームページ同好会ブログ：　http://blog.canpan.info/hpgrpchiba/　（同好会ＨＰからリンクあり）
　・Ｃａｎｐａｎの相談電話：　０３－６２２９－５５51 →　担当の女性が大変親切に対応してくれます。