webをつくる人になる

スクールでwebサイト制作を学んだことをきっかけに、webやパソコンなどについて記録していく たまにCG たまにおやつ・・・

【Fireworks】スライス書き出し(授業メモ)

 

Fireworks

 

■スライス書き出しの仕方

ウィンドウ
 CSSプロパティ

スライス→緑色・・・長方形ツールと同様、削除や非表示できる(Webレイヤー)
Shift押しながらクリック→白丸

ウィンドウ
 最適化

 GIF 透過 256色 軽い ×写真 単色・単純なイラスト向き PNG8と同じでPNG8の方が1割ほど軽いのでPNG8でOK
 JPG きれい PNGよりは軽い 写真向き
 PNG 透過 きれい 重い 透明の効果 写真・アイコン向き

書き出すとき
背景を非表示
スライスを挿入

PNG8 透明可能 マット:背景色(通常白が多い)
アルファチャネル

ディザ 100%:アンチエイリアスかかってなめらか
    0%:ギザギザ

ファイル
 書き出し
  画像のみ
  スライスの書き出し
   保存

 PNG8 256色 透過あり
 PNG24 フルカラー 透過なし(PS、AIでは24で不透明度設定できる→32扱い)
 PNG32 フルカラー+透過あり

---------
■HTMLの手順
1.文字を起こす
2.HTMLのタグ付け
3.CSS
---------
■リスト

dl,ul,ol

dl:定義リスト
 dt:説明される内容
  dd:説明