「Webの匠の会」: 6月 2012

2012年6月17日日曜日

第１3回「Ｗｅｂの匠の会」を開催

第１３回「Ｗｅｂの匠の会」を２０１２年６月１６日に開催

１．質疑応答の実施
　・Javascriptの事例を実施したがうまく動作しなかった。
　　　http://home.e02.itscom.net/shouji/raku/kouza/doc/js-s1.html
　　　上記をコピーしての実施例の修正
　　　Javascriptの関数の作成位置を変更したら動作
functionの位置を<body></body>から<head></head>へ変更
　・写真の画像サイズの大きさを統一する
　　　小さい画像から拡大画像の大きさがバラバラになる現象
　・Javascriptの学習では、IEの設定の「スクリプトエラーごとに
　　通知を表示する」をオンにする。
　　「マイコンピュータでのファイルでのアクティブコンテンツの実行
　　　を許可する」

２．参加者のページの改善について
　　http://home.j07.itscom.net/sansaro/
　・マージ（ボーダーの外側）とパディング（ボーダーの中側）の違い
　　について
　・<table>タグの利用→不要な設定で変更
　・align="left"の設定についての解説（うかして、表示の回り込み）
　・&nbsp→ の設定誤りの修正
　・マージンの設定による表示の修正
　　<img>タグにstyle="float:left;margin-right:1em;"を追加
　・IEでの不要なスクロールバーの表示の対応
　　<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
　　でのTransitionalを削除する：IEの過去からの継承をやめる。
　・<body>への枠の色
　　padding:5px 10px 10px; boder:#ff9900 1px solid;
・cssでの複数タグへの同一設定について

３．他サイトの学習・解析について
　・「表示」→「ソース」にて、ソースを見る
　・「名前をつけて保存」にて、ソース、CSS、画像などを参照する。
　　　（一部をブラウザーにて解析

４．オートシェープサロンのページの検討
　オートシェープの会での作成成果を掲載するホームページを作成する。
　次回にページのイメージを作成し、本会で実現を検討する
　

2012年6月3日日曜日

第１２回「Ｗｅｂの匠の会」を開催

第１２回「Ｗｅｂの匠の会」を２０１２年６月２日に開催

１．参加者からの質疑応答
　　各自が作成したページに関する上手くできない点の質疑を実施
　　・テーブル設定（tr)の左寄せが有効にならない。
　　　　→同一ページのCSSでのセンター揃いでの指定との競合
　　・更新したページがすぐ反映されない。
　　　　→PCのローカルフォルダーでのキャッシュの問題
　　　　　作成者が練習用のサイトと本番サイトの２つを有している問題
　　・CSSの外部ファイル設定の指定（link)について　など

２．JavaScriptの関数の利用について
　　「資料５：　Javascript の基礎知識」項番12以降の学習
　　http://home.e02.itscom.net/shouji/raku/kouza/doc/doc-5.html#n12

３．資料６：　Javascript を使った表示例
　　http://home.e02.itscom.net/shouji/raku/kouza/doc/doc-6.html
　・小さな画像のサンプルから大きな画像を表示させる例
　・デジカメのサイズは、通常大きすぎるのパソコンの画面サイズに
　　予め調整する。
　（Photshop、ペイント、縮小専用、ホームビルダー（ウェブアートデザイナー）Windows Live ホトギャラリー）
　・例題：http://home.e02.itscom.net/shouji/raku/kouza/doc/js-s1.html

４．例題２．画像のロールオーバー
　・例題：http://home.e02.itscom.net/shouji/raku/kouza/doc/js-s2.html

５．画像のスライドショーの事例　など
　・例題：http://home.e02.itscom.net/shouji/raku/kouza/doc/js-s4.html
　→タイマーの値を変えている（上限値、下限値など）

以上