css類：

1、設(shè)置flash、div、img等元素的層次關(guān)系，方法是：position：rela；z-room:3；需要注意層的比較要在同級上來說的。

2、對于表單元素，用其他的定位方法很難達到各大瀏覽器很好兼容。最好的方法還是絕對定位每個元素。

3、submenu位置實現(xiàn)圖片“輪換”功能。一個<a>插入兩張img，css控制其鼠標移上和移開的display狀態(tài)。

4、三級導(dǎo)航那里還可以優(yōu)化一下，鼠標移上的背景圖用同一張png半透明實現(xiàn)，整條tab采用一張背景圖就好了，避免loading的時候有圖片出現(xiàn)不同步的狀況。

5、記住一些屬性的縮寫，減少代碼量，注意background、border、font、margin、padding等等的縮寫。靈活運用，至于在內(nèi)文中的padding和margin設(shè)置不必拘泥于設(shè)計稿的像素值，差不多就好，更重要的是達到一致性，就取一個比較易記的整數(shù)值吧。

6、表單中的輸入框要設(shè)置背景圖的時候不要在input本身設(shè)置，要在外面包一個層，在外面層設(shè)置背景圖。

js類：

1、首頁flash全頁面在不同分辨率的自適應(yīng)方法，不出現(xiàn)滾動條。

2、怎么實現(xiàn)右側(cè)返回頂部的活動按鈕。研究其js實現(xiàn)原理。

3、點擊功能按鈕改變字號。JQ來寫。

4、視頻播放器在頁面的運用，注意視頻的尺寸？還有播放器調(diào)用的視頻連接？怎么傳參數(shù)？和頁面上不同視頻的切換？

5、怎么實現(xiàn)點擊不同的文字側(cè)邊對應(yīng)顯示不同的圖片？

6、怎么實現(xiàn)點擊標題出現(xiàn)對應(yīng)的內(nèi)容

7、怎樣在輸入框中顯示默認提示的文字，獲取焦點之后消失，失去焦點之后重新出現(xiàn)文字？

瑣碎：
1、png圖片的輸出值為8和24時的差別。除了ie6的半透明可以用ddpng插件實現(xiàn)兼容png-24以外，折中的方法就是讓圓角類去掉半透明的像素。（IE6不支持png-24半透明，但是支持png-8完全透明。）

另外

設(shè)計類/體驗類：

1、整個畫面突出視覺沖擊的部分，首頁的設(shè)計除了表達了益力水對人體的健康成分和特點以外，還在頁面小圖里面的每個細節(jié)上加入了每個欄目的二級導(dǎo)航甚至三級導(dǎo)航里的內(nèi)容頁。

總結(jié)

以上是生活随笔為你收集整理的【项目总结】达能益力官网 windrainpy的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。