応用編の授業は今回で三回目。
授業の進み方はなんとなく基礎編と似ているな～と思っていたのですが…
進むスピードも内容も全然違うぅ。。
置いていかれそうになることもしばしば…
でももちろん置いていかれたりなんてしませんよわからないところはきちんと教えてもらえるし、小さな疑問もみんなで真剣に考えるし、差し入れのお菓子もおいしいし（？）みんなで一生懸命、みんなで仲良しな授業ってやっぱり楽しいです！
さー、今日は二週間ぶりに全員そろっての授業です！！
ということで、もちろんはじめは復習から
写真のレタッチをカンタンにおさらい。
そしてボタン作りのおさらい。
すらすらと進みますね～
そうして今回の中心となる授業内容はロールオーバーボタンの制作です。
ロールオーバーボタンてご存知ですか？
ホームページをご自身で作る人や、インターネットをする人は皆さん見たことがあるとか、知っているという方が多いのではないでしょうか
ロールオーバーボタンはマウスがボタンの上に乗っかると変身するボタンのことです。

そのためにはjava scriptっていうものを使います。
java scriptってなんだか複雑で難しい感じなのですが…これもホームページ作りの必殺ソフトDreamWeaverを使えばカンタン楽々♪
…ってこのセリフお店の回し者みたいでもほんとにこれ使うととっても簡単なんですよ
今回は姉妹品のFireWorksという画像編集ソフトで素材画像をレタッチします”画像編集ソフトというとPhotoShopなんかが有名ですが、私はWEB限定で使うならFireWorks１つで十分かなーと使っていて思います。
さて、トーンカーブと色相彩度でまず画像を編集。
そして、次にボタンを作ります。矩形ツールと文字入力でボタンが簡単に完成
マウスオン（マウスが上に乗った）状態の時のボタンももちろん作ります！！
楽しみ
色を変えたりしながら雰囲気を出します。。。。
素材が完成したら早速その素材を使ってDreamWeaverでHTMLを編集。
そうして完成したのはこちら

　↓↓↓　マウスオン　↓↓↓

こんな感じに変わるんですよー！！！
これが今回のポイント
ロールオーバーのメニューボタンです
→
→
ここでロールオーバーの実演ができないのは残念ですが、皆さん想像力で補ってください
いっぱいイッパイになりながらもなんとか、無事に完成したHTMLをブラウザを通して見たときはほんっとうに感動しました＊*
そんな楽しい時間も気づいたらまたおしまい。
今からもう、次の授業が楽しみです♪♪
では、また週末にお会いしましょうー

WEB（ホームページ）デザイン中級者向き　山梨県デザインスクール　ウェブデザインスタジオ山梨