css類：

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

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

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

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

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

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

js類：

1、首頁flash全頁面在不同分辨率的自適應方法，不出現滾動條。

2、怎么實現右側返回頂部的活動按鈕。研究其js實現原理。

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

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

5、怎么實現點擊不同的文字側邊對應顯示不同的圖片？

6、怎么實現點擊標題出現對應的內容

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

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

另外

設計類/體驗類：?

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

轉載于:https://www.cnblogs.com/windrainpy/archive/2011/06/30/2093936.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。