« 神奈川県産業技術センター:発表会の打ち合わせ | トップページ | TSUBAME2.0を見学 »

2011年3月 3日 (木)

情報B:CSSを説明

情報A・BともWebページを作成中。情報Bでは最後にCSSを説明した。

1月からWeb用の画像処理、16進法とカラーチャート、HTMLの基礎とJavaScriptによるプログラミングを学んできた。期末試験まで最後の4回の授業では、総合課題として次のようなサイトを作ることが課題。
画像処理はIrfanView、エディタにはMKEditorというフリーソフトを使って、タグ打ちで作成する。

Webページ作成課題

画像については、トリミングとリサイズ、適切な形式での保存。授業での成果物をキャプチャして使うこともある。
JavaScriptのページは、何かしらの仕掛けを作ることが課題。かなりのボリユームだが、過去の生徒作品の閲覧が作成のモチベーションを高める。

Web作成中

毎回、少しずつの講義を入れてから作業時間とする。最終回は、先延ばしにしてきたCSSの説明。
まず、与えてあるCSSファイルを削除(別に移動)させ、タグの再設定による装飾効果が消える実験を。次に、CSSファイルを元に戻して、その中の設定を少し変えて効果を確認する。後は、サイトが完成したら各自で調整させる。

明日から期末試験。提出期限は試験最終日まで。

|

« 神奈川県産業技術センター:発表会の打ち合わせ | トップページ | TSUBAME2.0を見学 »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/178689/39134194

この記事へのトラックバック一覧です: 情報B:CSSを説明:

« 神奈川県産業技術センター:発表会の打ち合わせ | トップページ | TSUBAME2.0を見学 »