設計筆記

寫CSS Layout時，最痛苦的莫過要讓不同瀏覽器表現一致 而最讓設計師頭痛的大概就是IE 不同版本的IE瀏覽器，問題也都不同 因此常常頁面得編寫邊修正 可是同一個作業系統又無法同時存在不同版本的IE 因此就需要 IE Tester的幫忙了 http://www.my-debugbar.com/wiki/IETester/HomePage 下載後開始安裝 安裝後啟動程式，更改面板顯示語言 之後關閉程式在重新啟動，面板就會以繁中顯示 下面是測試不同版本的畫面，網址列前面會有一個小數字標示版本 再開發工具裡面有一個除錯功能 可以協助尋找 CSS 或JS 的錯誤 但是必須另外下載才有 http://www.debugbar.com/download.php 下載後直接點選安裝，安裝時會要求關閉所有IE瀏覽器 安裝好後，啟動IE Tester到開發工具選項 然後拖拉紅色小方塊內項雷達的圓形圖示到想檢查的區塊 放開時區塊會有黑色邊框代表有選取到 左邊就會顯示該區塊內的程式碼 對於檢查除錯相當方便好用 

之前提到 Alexa可以分析網站使用者資訊 但是必須一個一個貼入作搜尋 這樣非常麻煩 假如改用 Google Chrome瀏覽器 這樣就能安裝一個長註小程式 當你瀏覽網暫時它變自動幫你分析 也不會影響你瀏覽網站 非常方便 用Chrome開啟下面網址 https://chrome.google.com/extensions/detail/cknebhggccemgcnbidipinkifmmegdel 點選安裝 完成後如下 點選Accept and Enable，接下來的畫面 可點選 No Thanks，接著進入安裝成功畫面 以後就可以點選右上角的logo符號查看網站資訊

想瞭解某網站的排名、關鍵字、流量來源、用戶的年齡與性別…等資訊 請用來自 亞馬遜齊下的子公司所創立的網站 - Alexa 你只需把要搜尋的網址輸入到欄位中 紅圈圈是美國主站 下方是其他國家或相關的網站 點選Get Details查看主站的分析資料 紅框框內式各種不同分析的選項 從這資料可以看見哪個年齡層的人對他的網站資訊最有興趣 以及瀏覽者對網站內的哪一項產品最有興趣 當你瞭解之後可以對網站作出更正確的判斷貨修正

建製一個網站之前必須要清楚的知道目標族群的使用習慣 依照需求去設定網頁完成之後 必須支援的瀏覽器版本與功能 http://gs.statcounter.com/ 可以輸入想了解的資訊與區域() 便會自動產生搜尋結果 使用相當方便

網站不以Flash為主 是一個網頁設計師發表的網站 有藝郎發表作品，也有設計師專區 類似黑秀網的運作方式 http://www.thebestdesigns.com/

http://www.thefwa.com/site/lego-star-wars-iii-website

認識這個網站已經很多年了 在我2002年到美國參加SIGGRAPH展時 還有幸的聽到她本人主講關於網頁配色的ㄧ個Topic http://www.lynda.com/ 其實lynda.com早期出版的是多媒體的教學光碟 如Photoshop、Director、Authorware...等之類的教學光碟 後來e-Learning盛行之後 他們也開始有線上教學課程 搭配實體出版的光碟與書 慢慢的他們在全美也開始有實體教室敎授多媒體課程 直到現在 加入會員會有一些免費的教學影片可以看 http://www.lynda.com/

http://garcya.us/category/free-templates/

http://www.morguefile.com/ http://www.sxc.hu/ http://www.dreamstime.com/free-photos