6/25,6/27のまとめ

授業

サイト制作

  • ナビの工夫をする
  • 人が作ったデーターをたくさん見る
  • 丸みを出す→カジュアルになる
  • 公的なところは、角丸は良いが丸ボタンは駄目
  • 検索エンジンにとって価値があるのはドメインのindex.html
  • 下の階層の表示は20位くらいが限度

透過PNGの作成、表示

はじめに
  • 透過Png: win用IE6以下では見られない
  • PNG-8: 8bit 256色
  • PNG-24: フルカラー
IE6で透過PNGを表示させる
  • DD_belatedPNGでjsファイルをDL
  • サイトフォルダ内にjsをフォルダを作り、DLしたjsファイルを保存
  • 以下をHTMLファイルのheadに記述

<!--[if IE 6]>


<![endif]-->

  • DD_belatedPNG.fix('img.png');の('')の中に設定したclass名を入れる
  • 背景の場合は(.png_bg)
  • .pngや.imgで一括指定できるが重くなるので気をつける
  • pngはデータ量がjpgの1.5倍
filterを利用して表示させる
IEでの表示確認ができるアプリケーション

ほか

  • IllustratorのドロップシャドウはFlashでは無視される→Flash側でドロップシャドウをつける
  • 文字はアウトライン化すると画像になり、ばらばらに動かせる
  • サイトタイトルは、大きくデザインされたものを載せるほうがインパクトがある
  • footer側にロゴマークを入れるのが一般的になっている
  • Project DD Flash→HTML5サイトの紹介