5/15のまとめ

授業メモ

Dreamweaver
  • 左側のボタンからサイト管理を選択→編集 昨日作ったファイルのサイト名、フォルダを選択
  • サイト名には漢字も使える
  • サイト管理から新規フォルダを作成していく
画像
  • 説明のいらない画像はbackground-image
  • キャプションで説明を入れるもの(商品写真、ビルボード、バナー)はimg 要素。alt を活かす
  • globalnaviは背景画像でもよい。どちらにするか迷ったらimg 要素にする
  • border に見えるものは画像側でつける
  • img はli にwidth, height を指定するとその中に入る
  • CSS sprites: 画像を二つ読み込んでおいて、ずらして表示する
  • 縦ナビのときは横に画像を読み込み、横ナビは縦に読み込むことが多い
IE6対策
  • IE6はauto がわからないのでbody にtext-align: center を使う
  • container のoverflow をhidden にする
  • container にwidth を指定したらheader, footer は数値指定せずauto
    →幅を固定すると中身が出たりすることも
ほか
  • ul にするか迷ったらp
  • 両側float している場合は便宜上clear する
  • 重層構造は重なり合っていないと空きはできない
  • ナビの幅は細かく指定しなくてもいい→トラブル防止のため
  • diplay: inline 主に文字だけを横並びさせる。後ろ側に影響が出ない
  • display: block 面として画像を使ったり、背景色などを変えたい場合
li とli a

li {
float: left;
}
li a {
display: block;
width: "";
}