【正文】 的安全。對原本不是很熟悉的 Photoshop，現(xiàn)在更進(jìn)一步的了解。 同時通過了本次的畢業(yè)設(shè)計，也使得我感覺自己對所學(xué)知識的重要性，也發(fā)現(xiàn)自己學(xué)的知識在綜合運用能力還差得遠(yuǎn)，但總體在完成這次上也有了一點進(jìn)步，使所學(xué)的知識和實踐知識融合在一起，也在處理問題上有了提高，同時也鞏固了所學(xué)的知識和技能。 時至今日，將近一個月的畢業(yè)設(shè)計終于可以畫上一個句號了，但是現(xiàn)在回想起來做畢業(yè)設(shè)計的整個過程，頗有心得，其中有苦也有甜，不過樂趣盡在其中。 第 1 周：明確畢業(yè)設(shè)計任務(wù)，進(jìn)行系統(tǒng)調(diào)研及文獻(xiàn)資料的檢索與閱讀，制定實習(xí)與工作計劃，提出課題總體設(shè)計方案；指導(dǎo)教師審查開題報告，然后進(jìn)行系統(tǒng)分析，完成畢業(yè)設(shè)計詳細(xì)設(shè)計方案。 20504班畢業(yè)設(shè)計國慶專題 商業(yè)網(wǎng)站設(shè)計（上海宜鑫） 361 羅海新畢業(yè)論文 19 第 2 周：題目確定后就是找資料了。 第 3 周：通過上面的過程，已經(jīng)積累了不少資料，對所選的題目也大概有了一些了解，這一步就是在這樣一個基礎(chǔ)上，綜合已有的資料來更透徹的分析題目。 第 4 周：實以前的三步都是為這一步作的鋪墊。并按照要求完成畢業(yè)答辯工作，在這期間寫好畢業(yè)論文至少要 5000 字以上（需要源代碼的地方，必須寫明白源代碼，以及為什么要這么 做）。 在這里，首先我要感謝我的畢業(yè)設(shè)計指導(dǎo)老師 朱希偉、范華淮 老師。 其次，我要感謝和我一起做畢業(yè)設(shè)計的同學(xué)，然后，我還要感謝大學(xué)三年來所有的老師，為我們打下電子商務(wù)專業(yè)知識的基礎(chǔ)；同時我還要 感謝所有的同學(xué)們，正是因為有了你們的支持和鼓勵。 20504班畢業(yè)設(shè)計國慶專題 商業(yè)網(wǎng)站設(shè)計（上海宜鑫） 361 羅海新畢業(yè)論文 20 參 考 文 獻(xiàn) 《網(wǎng)頁設(shè)計與制作》 ?????????????????? 清華大學(xué)出版社 《 javascript 實用教程》 ???????????????? 高等教育出版社 《網(wǎng)站建設(shè)與重構(gòu)案例分析》 ?????????????? 高等 教育出版社 《 ASP 動態(tài)網(wǎng)站開發(fā)教程（第二版）》 ??????????? 清華大學(xué)出版社 《電子商務(wù)網(wǎng)站建設(shè)教程》??????????????? 清華大學(xué)出版社 20504班畢業(yè)設(shè)計國慶專題 商業(yè)網(wǎng)站設(shè)計（上海宜鑫） 361 羅海新畢業(yè)論文 21 老師評語及評分 指導(dǎo)教師的評語及評分（占總成績的 50％） 評閱教師的評語及評分（占總成績的 20％） 答辯小組的通過意見及評分（占總成績的 30％） 。 感謝各小組的同學(xué)大力幫助和協(xié)作，感謝他們在畢業(yè)設(shè)計時給我的幫助和支持，感謝他們愿意和我并肩作戰(zhàn)一同完成畢業(yè)設(shè)計，感謝，再次感謝。我的設(shè)計較為復(fù)雜煩瑣，但是 朱希偉和范華淮 老師仍然細(xì)心地糾正設(shè)計中的錯誤。 我想 ,不管以后從事什么工作 ,這種經(jīng)驗是永遠(yuǎn)寶貴的。一步步地做下去之后，你會發(fā)現(xiàn)要做出來并不難，只不過每每做一會兒會發(fā)現(xiàn)一處錯誤要修改，就這樣在不斷的修改調(diào)試，再修改再調(diào)試。而后進(jìn)行頁面切割、優(yōu)化、導(dǎo)出網(wǎng)頁在用 CSS 樣式表來美化頁面，使用DHTML 或者 javascript、 vbscript 來實現(xiàn)客戶端的動態(tài)效果。總之，不管通 過哪種方式查的資料都是有利用價值的，要一一記錄下來以備后用。好比走路，這開始的第一步是具有決定意義的，第一步邁向何方，需要慎重考慮。畢業(yè)設(shè)計不僅是對前面所學(xué)知識的一種檢驗，而且也是對自己能力的一種提高。這次做畢業(yè)設(shè)計就不一樣了 ,是把以前所學(xué)的各種知識加以綜合地應(yīng)用 ,而且內(nèi)容多而復(fù)雜 ,有一定的難度。在剛拿到這個課題時，的確心里很沒底，看那些商業(yè)網(wǎng)站的設(shè)計方案都不知從和入手，在指導(dǎo)老師的指導(dǎo)下，經(jīng)過幾天的認(rèn)真分析和查有關(guān)資料才有了點頭緒 .此次畢業(yè)設(shè)計是我們所許的理論知識和實踐知識的一次實地驗證，培養(yǎng)我們綜合運 用已學(xué)理論知識和技能、分析問題、解決問題的能力。 通過這次商業(yè)網(wǎng)站畢業(yè)設(shè)計使我掌握了商業(yè)網(wǎng)站 建設(shè)的基本方法和思路，為今后的學(xué)習(xí)和工作打下了一定的基礎(chǔ)，在畢業(yè)設(shè)計過程中的總結(jié)如下：最后，通過這次畢業(yè)設(shè)計使我了解了商業(yè)網(wǎng)站論文的寫作規(guī)范，熟悉了網(wǎng)站建設(shè)和圖片處理等相關(guān)軟件的應(yīng)用。 可以先利用 Dreamweaver 自帶的測試功能對網(wǎng)站進(jìn)行內(nèi)部測試來發(fā)現(xiàn)和修改基本的問題，以保證整個網(wǎng)站的所有網(wǎng)頁均正確無誤，否則進(jìn)行遠(yuǎn)程調(diào)試 會比較復(fù)雜。)。 ???? onmouseup=changeImages(39。, 39。 fontweight: bold。 !表明文本 css樣式字體大小為 12 號字 padding: 15px。 } textpaiban { backgroundrepeat: norepeat。 function preloadImages() { if () { index_03_Over = newImage(images/)。 charset=gb2312 ! ImageReady Preload Script () !表明 javascript 腳本 script type=text/javascript ! function newImage(arg) { if () { rslt = new Image()。同時要注意 CSS 樣式在排版時的靈活應(yīng)用方法。 （優(yōu)化的原則：保持圖像質(zhì)量盡可能清晰的同時，減小文件的容量） （否則可能會出現(xiàn)顏色的不連續(xù)） JPG或者 PNG格式，因為只有 GIF格式才能存儲動畫（當(dāng)然在 Flash里做動畫除外） 下圖為在 Photoshop 中給切片或者圖像映像制作翻轉(zhuǎn)圖像的過程： 下圖為在 Photoshop 中給切片或者圖像映像制作動畫翻轉(zhuǎn)的過程： （注：靜態(tài)翻轉(zhuǎn)圖像和動畫形式翻轉(zhuǎn)圖像的制作都是由圖層復(fù)合所完成的，首先給按鈕制作兩種樣式，當(dāng)正常情況下顯示第一種樣式，當(dāng)鼠標(biāo)放上去的時候，通過圖層的20504班畢業(yè)設(shè)計國慶專題 商業(yè)網(wǎng)站設(shè)計（上海宜鑫） 361 羅海新畢業(yè)論文 13 顯示和隱藏來顯示第二種按鈕樣式效果【如果是動畫翻轉(zhuǎn)圖像最好在 Flash 軟件里完成】）。如果網(wǎng)頁設(shè)計者的技術(shù)很精湛，但沒有靈活的創(chuàng)作能力，作品就會顯得很呆板；在制作網(wǎng)頁過 程中一定要注意技術(shù)與藝術(shù)的組合。 在菜單欄中選擇 [文件 ]/[導(dǎo)出預(yù)覽 ]/命令，也可以對圖象進(jìn)行優(yōu)化，在優(yōu)化的同時可以看到導(dǎo)出文件的預(yù)覽效果。這種平衡行為謂之為優(yōu)化，即尋找顏色、壓縮和品質(zhì)的適當(dāng)組合。從而在色盤中選取顏色。 使用 Photoshop Cs 創(chuàng)建圖象的時候，離不開豐富多彩的顏色裝襯。 在 Dreamweaver 8 中可以改變圖象的亮度和對比度。如果要撤消操作，可執(zhí)行 [編輯 ]/[撤消 ]命令撤消所做的任何更改。單擊 [確定 ]按鈕，就可以對圖象進(jìn)行裁減。選中它，然后單擊上方的 [設(shè)為主要 ]按鈕，“ Adobe photoshop” 軟件就設(shè)置為默認(rèn)的圖象處理軟件了。搖曳這些控制手柄，就可以調(diào)整圖象的大小，也可以在 [屬性 ]面板中直接修改圖象的 [寬 ]和 [高 ]的數(shù)值來改變圖象的大小，這時候， [寬 ]和 [高 ]的數(shù)值也就都加粗顯示了。有時設(shè)置一個邊距一個非 0 的數(shù)值就可以起到美觀作用。這樣，一個圖象熱區(qū)就完成了，鼠標(biāo)指 針經(jīng)過每個圖象熱區(qū)的時候，都會發(fā)生相應(yīng)的變化，提示這是一個超連接，單擊它可以打開所連接的網(wǎng)站或頁面。 有時候需要在一幅大的圖象 中添加許多超連接，這時可以采用創(chuàng)建圖象熱區(qū)的方法，每一個熱區(qū)都可以建立一個超級連接。 前面給文字鏈接增加過提示，這一次給圖片增加提示。選 中圖象，在 [屬性 ]面板上，單擊 [對齊 ]下拉菜單中的 [左對齊 ]命令。還可以修改圖片的大小，裁減圖片，修改圖片的亮度和對比度等。再到入網(wǎng)頁進(jìn)行調(diào)節(jié)字體、顏色、行距、字號等。并進(jìn)一步的整理。 網(wǎng)站的結(jié)構(gòu)分析 宜鑫實業(yè)股份 成長之路 （ 01czzl） Images Flash Script Sound 輝煌歷程 (02ghlc) 真情訪談 (04zqft) 聯(lián)系我們 (08lxwm) ……………… Images Flash Script Sound Database 20504班畢業(yè)設(shè)計國慶專題 商業(yè)網(wǎng)站設(shè)計（上海宜鑫） 361 羅海新畢業(yè)論文 6 第三章 圖形圖象處理 LOGO 動畫制作 把切好的圖用裁切工具把單獨做動畫的切片裁剪下來，保留圖層的內(nèi)容，給圖 起名字，柵格化有圖層樣式的圖層和圖層蒙板，把疊加方式進(jìn)行 合并，在 Flash 軟件 中調(diào)入 PSD 文件格式制作動畫。同時，網(wǎng)站的色系能襯托出網(wǎng)站的主題，色系與主題合理搭配，將會大大的增強網(wǎng)站的視覺效果。其中， Dreamweaver 主要用來制作網(wǎng)頁文件，制作出來的網(wǎng)頁兼容性比較好，制作效率也很高， Flash用來制作精美的網(wǎng)頁動畫，而 Fireworks用來處理網(wǎng)頁中的圖形。 設(shè)計思路 通過此次畢業(yè)設(shè)計主要了解商業(yè)網(wǎng)站從構(gòu)思、策劃、結(jié)構(gòu)分析、數(shù)據(jù)庫設(shè)計、界面設(shè)計、頁面制作、程序的編寫以及網(wǎng)站最后的發(fā)布、維護(hù)和推廣的一系列過程（此課題制作的重點在于頁面的設(shè)計）同時深刻的認(rèn)識到頁面設(shè)計與創(chuàng)作 對于商業(yè)網(wǎng)站的重要性。達(dá)到高效，省錢的目的。實：就是實際，真實。而現(xiàn)在企業(yè)通過建立自己的網(wǎng)站，事情變得高效，便捷。 在本次畢業(yè)設(shè)計中，很多人都有這樣的感覺：千篇一律的網(wǎng)頁在網(wǎng)絡(luò)這個花花世界很容易就被網(wǎng)民所忽略，只有創(chuàng)意新奇，內(nèi)容精彩，風(fēng)格獨特的頁面才能吸引人們的注意力。搭建網(wǎng)站模型需要各方面的信息，使企業(yè)達(dá)到建站的目的， 對 建設(shè)好