2016年11月25日金曜日

11/25金 仕上げ作業 jQueryを組み込み完成

(21)11/11 自分のサイトのindex.htmlの作成
(22)11/15 自分のサイトのメニュー部分の作成 
 

(23)11/18金 仕上げ作業 テンプレート完成
(24)11/22火 仕上げ作業 メニューと各カテゴリー(コンテンツ)ページの完成 
↑ ここまでは完了してない場合、
 急がないと追いつかなくなって完成できなくなってしまいます。


(25)11/25 仕上げ作業 jQueryを組み込み完成 ← 今日
(26)11/29 仕上げ作業 SNSやWEBツール等の埋め込み表示完成

12月
(27)12/02 仕上げ作業 作品集ページの完成1
(28)12/06火 仕上げ作業 作品集ページの完成2

(29)12/09金 仕上げ作業 ※最終のアップロードは忍者サーバへ

-------------------------------------------------------

本日までにとにかくjQueryを組み込み完成までの作業を進めましょう

-------------------------------------------------------


例: button要素のデザインを変えたい

http://html5.cyberlab.info/elements/forms/button-autofocus.html

<button>ボタンに書く文字</button>
すべてオリジナルデザインにできるdivタグではなく、
HTMLタグの一種なので、各ブラウザによって初期デザインが設定されていて、
見た目が変わってしまいます。
これを統一するためには、各ブラウザで設定されているデザインに使われているcssに
オリジナルのcss設定をする必要があります。





サンプル

ボタンのようなデザインが各ブラウザで自動的に
<button>のコードに適用されてしまうので


<style type="text/css"> 
 button {
     padding: 0;
     margin:3px;
     border: none;
    }         
  button img { display: block; }
 </style>                  

のように「<button>のコードに何もデザインされないようにデザインする」設定
が必要になります。

ボタンのコードを使って自作の画像を入れて動かす場合にも、
何もデザインされていないデザインに変えてから文字の部分に画像コードを入れます。


(音の出る仕組みの解説はこちら


0 件のコメント:

コメントを投稿