2016年9月16日金曜日

2学期WEB第5回 menu.htmlの作成(1)

(5)9/16金 menu.htmlの作成(1)


メニューボタンの作り方


↑ 6月24日に公開している内容です。



教科書で学習したロールオーバーボタンは「Javascript」で出来ている。

[Javascriptメニューのデメリット]
  • Javascriptの場合、画像をボタンの数×2種類すべて作らないといけない
  • ((カテゴリー)が作成の過程で変更や増加した分だけデザインを合わせた画像を作り直さないといけない。)
  • jQueryなどと連動したとき画像のサイズやデザインの修正が必要な場合が出てくる。
  • [Javascript全体でのデメリット]  見る人がJavascriptをオンにしていないと表示されない。見る人がJavascriptを最新版に更新していないと表示されない。

cssとHTMLでもロールオーバーボタンは実現できる
cssとHTMLでのメニューのメリット
  • 背景画像を2種類作成し、上に乗せる文字(カテゴリー)が作成の過程で変更や増加しても文字を打つだけで良い。
  • jQueryなどの種類を変えても対応が可能


    板書


0 件のコメント:

コメントを投稿