bg_pat.gifがオカシイサイズになる場合はこのデータを
control+クリックして保存し、自分のサイトのフォルダに移動して使用する。
control+クリックして保存し、自分のサイトのフォルダに移動して使用する。
↓
２.「リンクを新規タブで開く」を選択
３. 出て来たタブをクリックして画像をcontrolキーを押しながらクリック
４.「別名で保存」を選択し、ダウンロードする
５. [HD]→[iMac○○]→[サイト]→[自分のサイトのフォルダ]→[common_style]→[images]
の中にダウンロードしたファイルを移動して保存
↓
P.142〜158の手順に従って編集を進めて行く。
完成したら、自分のサイトにアップロードして公開する=提出。
----------------------------------------------------------------------------------------------------------------
前回までの復習
- CSSはボックスモデルでできている。(divボックス)
- ボックス＝中身の幅 + 余白の幅 + ボーダーの幅 + マージンの幅
- (ボックス背景色＝マージン領域に表示されないことがある)
- 見出しを画像にする場合は、音声ブラウザへの対応を考えて、ブロックのテキストインデントを-9999に。
- IDセレクタ＝1ページに1回だけ。クラスセレクタ＝複数回使用可能。
課題が完成した人は メニューボタンを作成しよう！
-メニューボタンを CSS でつくるには -
(文字と背景カラーでつくる／文字と背景画像でつくる／画像でつくって表示位置をズラす)
http://www.css-designsample.com/csslayout/technique-3.html
- CSSとHTMLがセット配布されているもの(22種類) -
http://myisland.jp/template/menus/index.html
カーソルを置いた時に表示が変化するメニューボタン(6種)
