第15回・名刺作り
* 名刺作り *
１時間だけの授業でした。今年も、地元どんどん商店街のWebページの作成に取り組みことになりました。その際に使う名刺の作成をしました。友達どうしで交換するものとは異なり、
正式な場で使うものですから、デザインもその目的にあったものにしなければなりません。
本校の校章、そしてシルエットを使って作りました。
第16回・Webデザイン
* コンテンツに合わせたWebデザイン *
既存のサイトのトップページのデザインを見ながら、それぞれどのような
工夫がなされているか考えていきました。
若者向けのレストランは暖色系の色を使い親しみやすく、
化粧品のメーカーはブルーを基調に清潔感を出す、
花やさんは華やかな雰囲気をグリーンで引き締める、
大学はブルーと白で知的な雰囲気を出す。
ブランドで売っているところは、落ち着いた雰囲気の茶系色を使い
高級感を出したり、ロゴを強調したりしている。
「YAHOO」などのポータルサイトは、一見できる範囲にできるだけ多くの情報を盛り込もうと、
表組みなどの工夫をしているといったことなどです。
* クールなサイトを探せ *
各自が、普段よく見ているサイトなどを中心に、
色使い、レイアウトなど
デザイン的にどういう工夫がなされているかをレポートしてもらいました。
第17回・Flashによるアニメーション
* アニメーション *
ページに動くコンテンツをということで、
Flashを用いたアニメーション作りを取り上げました。
予めオブジェクトを用意し、それらをレイヤーごとに配置し、
モーショントゥィーンを使って動きをつけていきます。
後半は、オブジェクトを自分で作ってそれを動かすということにも挑戦しました。
パブリッシュして、ムービーの実体としてのSWFファイルを作成し、
HTMLでそれを表示するということも提示はしましたが、
２時間の範囲ではそこまでが精一杯です。
Flashを用いてこんなアニメーションが作れるということをわかってもらう
までで、実際に生徒たちがこんなものを作りたいと思ったタイミングで
また指導していくようかなと思います。
第18回・Webページ作成の基礎・Webページの企画
* Webページ作成の基礎 *
昨年、１年生の時にWebページの作成には取り組んでいますが、ほとんどの生徒がそれ以来ですので、
ホームページビルダーを使いながら、基本的なところをおさらいしました。
ファイルの保存場所についての確認や、ファイル名に全角文字を使わないことなども確認しました。
* Webページの企画 *
次回の授業で、実際に担当するお店にお邪魔して取材をしますが、
その際に自分たちの方から提案できるように、Webページの企画を練りました。
どういうコンセプトで商品を売り込むか、また色やレイアウトなどどのような
ページ作りをしていくか、自分たちなりに提案できるように考えます。
第19回・担当の店舗への挨拶と取材
* 挨拶と取材 *
今日は取材の日です。予め用意した設計書と筆記用具、名刺、カメラを用意し、
服装を整えて出かけます。
予め取材のお願いはしてあったのですが、そうは言っても突然のお客さんがあれば、
なかなか取材に応じてもらえない場面もあります。
交番に出かけた生徒たちも、取材できずに帰ってきました。
放課後などの時間を活用して、また改めて出かけることにしました。
* 作成作業 *
取材を終えた生徒たちは、帰ってくるとさっそく写真の取り込み、そして加工です。
ほとんどのグループは、順調に取材ができたようです。
おみやげをもらって帰ってきたグループもありました。
地元商店街の方々の暖かいお気持ちに感謝いたします。
第20回・Webページ作成作業(1)
* 作成作業 *
授業の最初に、前後のスケジュールと今日の作業内容を確認します。
グループでの作業なので、よく打ち合わせをしないと、お互いの作品を上書きしてしまったり、
デザインが不統一だったりということが起こってきます。
それぞれの得意分野を活かしつつ、作業分担をすることが必要になってきます。
アニメーションの作成、画像素材の作成、そして各ページの作成へと進んでいきます。
第21回・Webページ作成作業(2)
* 作成作業 *
各グループとも順調に作業が進んでいるようです。
通常使っているコンピュータ教室には、Flash、DreamWeaver、Photoshopなどのソフトウエアが
ないので、これらを使う場合は、隣の教室に移動します。Flashを使ったアニメーションに取り組み始めたグループもあります。
第22回・中間提出
* 中間提出 *
１２月最後の授業は、４０分の授業でした。中間提出ということで、出来上がったものをお互いに検証しました。サイトのトップページからそれぞれのページに入れるかどうか、ページ内のリンクはたどれるか、画像が表示されているか、またフォルダ内のファイルの整理、ファイル名のつけ方なども確認していきます。また、他のグループの作品を鑑賞し、作業の進行状況や内容を評価し、自分たちのものをふり返ります。
第23回・Webページ作成作業(4)
* 作成作業 *
年明け最初の授業でした。
昨年末に行った評価、点検をふまえ、修正をしていきます。
ファイルの置き場所や名前などを確認し修正をすると、リンク切れを起こすケースもあり、
これを直していくという作業も生じてきます。
作業にかける時間も少なくなってきたということもあってか、
各グループとも一生懸命に取り組んでいました。
戻る
次へ