【正文】 border:none。 width:274px。 marginleft:15px。 marginbottom:3px。 paddingtop:5px。 height:71px。 overflow:auto。 lineheight:normal。 fontsize:12px。 fontfamily:Arial, 宋體。 color:999。 outline:none。 resize:none。}.ha1:HOVER, :LINK, :VISITED { color: 000。 textdecoration: none。}.ha2:HOVER, :LINK, :VISITED { color: fff。 textdecoration: none。}menu { position: relative。 zindex:9999 }nav { lineheight: 24px。 liststyletype: none。 paddingtop:40px。 fontsize:20px。 paddingleft:300px。}nav a { display: block。 width: 120px。 textalign:center。 color:0000FF }nav a:link { color:0000FF。 textdecoration:none。}nav a:visited { color:0000FF。 textdecoration:none。}nav a:hover { color:FFFFFF。 textdecoration:none。 fontweight:bold。}nav li { float: left。 width:120px。}nav li a:hover { background:0000FF。}nav li ul { lineheight: 27px。 liststyletype: none。 textalign:left。 left: 999em。 width: 180px。 position: absolute。}nav li ul li { float: left。 width: 180px。 background:9DD7EC。}nav li ul a { display: block。 width: 156px。 textalign:left。 paddingleft:24px。}nav li ul a:link { color:666。 textdecoration:none。}nav li ul a:visited { color:666。 textdecoration:none。}nav li ul a:hover { color:0349DC。 textdecoration:none。 fontweight:normal。 background:FFFFB3。}nav li:hover ul { left: auto。}nav ul { left: auto。}foot { width:1366px。 height:20px。 background:fbcd70。 float:left。 margintop:620px。 position:absolute。 zindex:99999999。}foot p { fontsize:12px。 textalign:center。}JSscript type=text/javascript!//![CDATA[//!function menuFix() {var sfEls = (nav).getElementsByTagName(li)。for (var i=0。 i。 i++) {sfEls[i].onmouseover=function() {+=(0? : ) + sfhover。}sfEls[i].onMouseDown=function() {+=(0? : ) + sfhover。}sfEls[i].onMouseUp=function() {+=(0? : ) + sfhover。}sfEls[i].onmouseout=function() {=(new RegExp(( ?|^)sfhover\\b),)。}}}=menuFix。//!]]/script//點擊每個小圖標切換顯示大圖和詳細內容六、網(wǎng)站測試結果主頁效果圖登陸頁效果圖內容頁效果圖 FF下測試結果主頁效果圖登陸頁效果圖內容頁效果圖六、項目計劃及分工項目計劃表電子商務網(wǎng)站設計 項目計劃表項目組長: 班級: 日期:進程第1次課(.)第2次課(.)第3次課(.)第4次課(.)第5次課(.)負責人項目計劃章素珍翁曉珍總體方案章素珍翁曉珍效果圖章素珍HTML翁曉珍CSS章素珍翁曉珍JS章素珍翁曉珍整體修改章素珍翁曉珍設計報告章素珍翁曉珍系統(tǒng)測試章素珍翁曉珍答辯章素珍翁曉珍分工完成情況章素珍：積極完成各項內容翁曉珍：積極完成各項內容七、總結翁曉珍：通過這次網(wǎng)頁設置，我深切體會到學好html和css的重要性。認識到在平時的課堂中和課下作業(yè)中需要打好基礎，掌握、理解好各種標簽的必要性。網(wǎng)頁制作并沒有想象中那么簡單，不是敲鍵盤就能行的，要通過很多遍的調試和修改。但同時，我也覺得，網(wǎng)頁制作在熟悉了各種代碼格式之后，還要保持自己的創(chuàng)造性和靈感，面對企業(yè)的網(wǎng)站設計，這不同于學校里交一份作業(yè)這么簡單，除了頁面搭配，還要以訪問者的角度去審度自己設計的網(wǎng)站，是否會讓訪問者過目不忘，只有做到這一點才能夠說明這一份網(wǎng)站設計是成功的，而我也有很多要去學習和修改的地方。這次網(wǎng)頁設計中，鍛煉了我的網(wǎng)頁排版技能，培養(yǎng)了我的耐心和細致，同時也提高了我的審美能力,知道了一些基本配色方案。希望在以后的學習中學到更多的有關網(wǎng)頁設計的知識。章素珍：在學習網(wǎng)頁制作的過程中，我深深體會到一點“有付出，就終有回報”，你的付出與你的回報終究是成正比的。經(jīng)過了多少漫漫長路，經(jīng)過了多少忘我的投入，經(jīng)過了多少波折，我們的網(wǎng)頁完成了。拿圖片來說，網(wǎng)頁必須適當?shù)丶右恍﹫D片，增加可看性，讓人一目了然，讓人去思考，去了解它。圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小，圖片的大小在很大程度上影響了網(wǎng)頁的傳輸速度。還有在做網(wǎng)頁時用的圖片經(jīng)常會用到PS切片，這時不能忘了換成web所需的格式，png格式在有些瀏覽器中不兼容也就不能顯示，. 做好網(wǎng)頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調等很多東西。