【導(dǎo)讀】來(lái)的巨大變化和革命性的影響。21世紀(jì)人類生活模式和商業(yè)模式等將全面發(fā)生轉(zhuǎn)型并。Inter是目前世界上最大的計(jì)算機(jī)互。聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。分迅速，成為目前世界上最大的信息資源寶庫(kù)。，一種真正能發(fā)揮Inter效能的電子。商務(wù)技術(shù)正在向我們走來(lái)。電子商務(wù)的發(fā)展非常迅速，電子貿(mào)易額劇增。電子優(yōu)惠券是隨著Inter技術(shù)的迅速發(fā)展和普及應(yīng)用順應(yīng)網(wǎng)絡(luò)迅猛發(fā)展的潮流，時(shí)向商家出示即可享受商家的優(yōu)惠打折承諾。電子優(yōu)惠券既省去了商家的印刷和發(fā)送。傳統(tǒng)印刷優(yōu)惠券的成本，又方便了消費(fèi)者的使用。經(jīng)過(guò)了細(xì)致的分析，基本滿足用戶的需求。作可以使頁(yè)面更美觀和更實(shí)用清楚。并且運(yùn)用了photoshop，flash等工具軟件對(duì)網(wǎng)站進(jìn)。行了美化和加工。E時(shí)代電子優(yōu)惠券網(wǎng)站主要實(shí)現(xiàn)了，優(yōu)惠券的分類，商家信息，消。費(fèi)者社區(qū)與會(huì)員注冊(cè)功能。會(huì)員注冊(cè)可以讓消費(fèi)者積分等優(yōu)惠政策更加的省錢。解優(yōu)惠券的商家，更加直觀和做到了良好的宣傳。

　　

【正文】 op 提供的繪圖工具讓外來(lái)圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無(wú)縫。 本網(wǎng)站將一些圖象中對(duì)網(wǎng)站有用的部分取出來(lái)，整合成單獨(dú)的圖象。校色調(diào)色是 Photoshop 中深具威力的功能之一，可方便快捷地對(duì)圖像的顏色進(jìn)行明暗、色編的調(diào)整和校正，也可在不同顏色進(jìn)行切換以滿足圖像在網(wǎng)頁(yè)設(shè)方面應(yīng)用。 本網(wǎng)站對(duì)一些圖像的色彩進(jìn)行調(diào)整，使得圖像更搭配網(wǎng)站色彩。信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 章 網(wǎng)站實(shí)現(xiàn)8（1）新建一個(gè)背景，在新建一個(gè)圖層 1，利用投影效果和填充顏色，制作出左面的橙色梯形。在橙色部分加入文本框，改變字體。在右上角在加入文本框，輸入“e 時(shí)代”網(wǎng)站的網(wǎng)址信息。在分別在中間部分插入 2 個(gè)文本框，分別輸入打折信息 折和商鋪的地址聯(lián)系信息等。如圖 所示。圖 未完成素材圖片（2）在左下角加入圖片 LOGO：先打開 LOGO 然后利用套索動(dòng)能，截取出需要的圓形部分。然后在插入左下角，和背景重疊在一起。右下角插入文本框，輸入網(wǎng)站手機(jī)版網(wǎng)址，改變字體和顏色。如圖 所示。信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 章 網(wǎng)站實(shí)現(xiàn)9圖 完成的素材圖片 LOGO 設(shè)計(jì)（1）在 LOGO 的設(shè)計(jì)上突出體現(xiàn)色彩性，用 4 個(gè)圖層建立 4 個(gè)浮雕效果的圓，體現(xiàn)網(wǎng)站的網(wǎng)址和網(wǎng)站的性質(zhì)。e 時(shí)代網(wǎng)站，專業(yè)電子優(yōu)惠券網(wǎng)站。如圖 所示。圖 logo 設(shè)計(jì)信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 章 網(wǎng)站實(shí)現(xiàn)10（2）把制作好的 LOGO 復(fù)制到新的頁(yè)面，插入“e 時(shí)代，最省錢”文本，調(diào)整字體大小，在利用字體的條幅方向，制作字體的方向，右側(cè)在插入圖片。利用濾鏡庫(kù)。如圖。圖 網(wǎng)站圖片設(shè)計(jì) Flash 的制作在網(wǎng)頁(yè)中插入 FLASH 對(duì)象能給網(wǎng)頁(yè)增添不少動(dòng)感。利用 flash 里的關(guān)鍵幀技術(shù)，制作一個(gè)動(dòng)態(tài)的 flash 如圖 所示。信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 章 網(wǎng)站實(shí)現(xiàn)11圖 flash 制作 CSS 外部的實(shí)現(xiàn)網(wǎng)站采用外部 CSS 描述顯示樣式約束網(wǎng)頁(yè) DIV 框架。CSS 樣式對(duì) DIV 進(jìn)行約束樣例代碼，例如網(wǎng)站右側(cè)處的 DIV+CSS，代碼如下。.center_content{width:900px。padding:0px 0 0 0。background:url(images/) norepeat center top。}.left_content{width:490px。float:left。padding:20px 0 20px 20px。}.left_content h1{ fontsize:14px。 color:000。 float:left。 width:490px}.wy_list{ width:280px。 float:left。 margin:0 0 0 30px。 float:left。}.wy_list li{ lineheight:22px。 textalign:left。 width:280px。 liststyletype:none。 float:left}.right_content{width:370px。float:left。信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 章 網(wǎng)站實(shí)現(xiàn)12padding:20px 0 20px 20px。}.title{color:993a4e。padding:0px。float:left。fontsize:19px。margin:10px 0 10px 0。}{float:left。padding:0 5px 0 0。}.prod_title{color:993a4e。padding:5px 0 0 15px。fontsize:13px。}{fontstyle:italic。color:993a4e。float:right。textdecoration:none。fontsize:11px。padding:0px 15px 0 0 。}.about{width:337px。clear:both。background:url(images/) norepeat bottom center。padding:0 0 50px 0。}{float:right。信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 4 章 網(wǎng)站實(shí)現(xiàn)13padding:0 0 0 30px。}.right_box{width:170px。float:left。padding:10px 0 0 0。}信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 5 章 網(wǎng)站測(cè)試14第 5 章 網(wǎng)站測(cè)試 網(wǎng)站測(cè)試目的網(wǎng)站測(cè)試是網(wǎng)站建設(shè)過(guò)程中的一個(gè)重要環(huán)節(jié)。通常在制作出每個(gè)網(wǎng)頁(yè)之后就要對(duì)它進(jìn)行必要的測(cè)試，是否能夠正常運(yùn)行，布局和圖片位置是否正確。網(wǎng)站的制作者和測(cè)試者應(yīng)該是同一個(gè)人。在這個(gè)單獨(dú)頁(yè)面測(cè)試階段結(jié)束之后，對(duì)網(wǎng)站總體還應(yīng)該進(jìn)行各種綜合測(cè)試，這是網(wǎng)站建設(shè)中的另一個(gè)獨(dú)立的階段，通常由專門的測(cè)試人員承擔(dān)這項(xiàng)工作。在網(wǎng)站建設(shè)的過(guò)程中，可能存在著各種各樣的出錯(cuò)的可能性，網(wǎng)站在費(fèi)盡心力調(diào)試完畢之后仍然可能存在著一些意想不到的錯(cuò)誤，因此我們要進(jìn)行網(wǎng)站測(cè)試。 測(cè)試中遇到的問題與解決辦法（1）當(dāng)一個(gè)圖片或表格在頁(yè)面中不能始終保持橫向和縱向的居中使。解決辦法： 首先插入一個(gè) 1 行 1 列的表格，設(shè)置其寬度為 100%、高度也為100%，邊框?yàn)?0。然后設(shè)置單元格的屬性，設(shè)置其內(nèi)容的水平對(duì)齊方式和垂直對(duì)齊方式均為居中。最后在這個(gè)單元格插入圖片或表格，就可以保持內(nèi)容在頁(yè)面內(nèi)橫向和縱向都居中顯示了。（2）表格內(nèi)的文字不會(huì)自動(dòng)換行。解決辦法：用 CSS 把表格內(nèi)文字的字體設(shè)置成了英文字體，這樣在 DW 里表格內(nèi)的文字不會(huì)自動(dòng)換行，但這僅是 DW 里的顯示效果，在 IE 里其實(shí)是可以正常換行的。如果希望在 DW 的編輯狀態(tài)也能使文字自動(dòng)換行，把表格內(nèi)文字的字體設(shè)置為中文字體即可（例如“宋體” ） 。（3）在 DW 中把單元格高度設(shè)置為 1 時(shí)沒有效果。解決辦法： DW 生成表格時(shí)會(huì)自動(dòng)在每個(gè)單元格里填充一個(gè)代碼，就是空格代碼，如果有這個(gè)代碼的存在，你把該單元格寬度或高度設(shè)置為 1 都沒有效果，實(shí)際預(yù)覽時(shí)該單元格會(huì)占據(jù) 10px 左右的寬度。如果代碼去掉，再把單元格寬度或高度設(shè)置為 1，就可以在 IE 中看到預(yù)期的效果。但是在 NS 中該單元格不會(huì)顯示，就好象表格中缺了一塊。在單元格內(nèi)放一個(gè)透明的 GIF 圖，然后把它的寬度和高度都設(shè)置為 1，這樣就可以同時(shí)兼容信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 5 章 網(wǎng)站測(cè)試15IE 和 NS 了。 測(cè)試結(jié)果在進(jìn)行以上測(cè)試以后，順利的在 IE 上成功運(yùn)行，測(cè)試結(jié)果表明，F(xiàn)lash 以及圖片能夠清晰顯示。下載功能和注冊(cè)功能都能夠順利完成，布局正確以及跳轉(zhuǎn)的頁(yè)面和超鏈接正確。網(wǎng)站能夠正常運(yùn)行，和預(yù)期目標(biāo)一樣。信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 6 章 結(jié)論16第 6 章　結(jié)　論在這次 E 時(shí)代電子優(yōu)惠券網(wǎng)站的設(shè)計(jì)與制作過(guò)程中，本人受到了很大的啟發(fā)，不僅僅是在網(wǎng)頁(yè)的制作和開發(fā)上，更多的是體會(huì)到了理論與實(shí)踐結(jié)合的重要性。通過(guò)對(duì)E 時(shí)代電子優(yōu)惠券網(wǎng)站的設(shè)計(jì)與制作，逐漸的熟悉了 CSS+DIV 布局設(shè)計(jì)，網(wǎng)絡(luò)三劍客的運(yùn)用和圖片的制作和處理。以及一個(gè)網(wǎng)站制作的具體的各個(gè)部分，從需求分析，網(wǎng)站設(shè)計(jì)、網(wǎng)站實(shí)現(xiàn)、到網(wǎng)站測(cè)試整個(gè)過(guò)程都進(jìn)行了實(shí)踐，將所學(xué)的知識(shí)進(jìn)行綜合的運(yùn)用，知識(shí)水平得到了很大的提高。本文主要闡述了 E 時(shí)代電子優(yōu)惠券網(wǎng)站的設(shè)計(jì)與制作過(guò)程，對(duì)此次畢業(yè)設(shè)計(jì)進(jìn)行了需求分析，設(shè)計(jì)了各個(gè)模塊，導(dǎo)航條，關(guān)于我們，商家信息，消費(fèi)者社區(qū)，會(huì)員注冊(cè)。詳細(xì)介紹了網(wǎng)站的建成過(guò)程和模塊的具體實(shí)現(xiàn)，構(gòu)成了 e 時(shí)代電子優(yōu)惠券網(wǎng)站。在本次開發(fā)中，由于經(jīng)驗(yàn)不足和時(shí)間的匆忙，許多問題考慮欠周全，還有一些功能沒提出。在許多方面還需要改進(jìn)，在設(shè)計(jì)與實(shí)施的過(guò)程中，閱讀了大量的網(wǎng)站管理、網(wǎng)站設(shè)計(jì)及 Dreamweaver，Photoshop ，F(xiàn)lash 的相關(guān)書籍，發(fā)現(xiàn)了自己在技術(shù)及業(yè)務(wù)方面的不足之處，F(xiàn)lash 的制作應(yīng)該加強(qiáng)，對(duì)網(wǎng)頁(yè)的效果更加直觀和美感。找到了今后努力方向的切入點(diǎn)。技術(shù)上的不足和實(shí)踐的欠缺，都需要去磨練和練習(xí)。總之，在本次畢業(yè)設(shè)計(jì)的過(guò)程中提高了業(yè)務(wù)處理能力、技術(shù)實(shí)現(xiàn)水平，獲益匪淺。信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 參考文獻(xiàn)17參考文獻(xiàn)[1] 黃海濱. 電子商務(wù)概論[M] , 上海: 上海財(cái)經(jīng)大學(xué)出版社, [2] 濮小金. 電子商務(wù)理論與實(shí)踐[M] , 北京: 機(jī)械工業(yè)出版社, [3] 李宗耀. 李靈. 尉斌. 電子商務(wù)應(yīng)用基礎(chǔ)教程[M], 天津: 天津大學(xué)出版社, [4] 李紅. 梁晉 . 電子商務(wù)技術(shù)[M], 北京: 人民郵電出版社, [5]黃維梁. 網(wǎng)上營(yíng)銷產(chǎn)品定價(jià)心理效應(yīng)探討[M], 重慶: 重慶出版社, [6] 李春青. 基于電子商務(wù)網(wǎng)站的網(wǎng)上拍賣系統(tǒng)[N], 天津: 天津理工學(xué)院學(xué)報(bào), [7] 羅掌華. 劉魯. Inter 交易中的動(dòng)態(tài)定價(jià)機(jī)制研究[D], 北京: 北京航空航天大學(xué)學(xué)報(bào), [8] DDC 傳媒, ACAA 專家委員會(huì)主編: Dreamweaver 8 必修課堂[M], 北京: 人民郵電出版社, [9] 聶小燕. 蹇佳君編著 精通 Flash 基本技能、視覺設(shè)計(jì)與商業(yè)案例[M], 北京: 人民郵電出版社, [10] Kynn Bartlett 著. CSS 入門經(jīng)典[M], 北京: 人民郵電出版社 ,[11] 賈志銘. 龔毅. 李鑫編. Fireworks 網(wǎng)頁(yè)設(shè)計(jì)專家門診 [M], 北京: 清華大學(xué)出版社, 信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 致謝18致 謝又是一年梔子花開，今年是在大學(xué)的最后一年，在本次畢業(yè)設(shè)計(jì)過(guò)程中，學(xué)校、老師和同學(xué)都給予了大力的協(xié)助。在此深表謝意。首先，我要對(duì)我的導(dǎo)師表示深深的感謝。我的畢業(yè)成果離不開她的辛勤指導(dǎo)。在整個(gè)的畢業(yè)設(shè)計(jì)過(guò)程中，她都親自對(duì)我進(jìn)行了指導(dǎo)。在此過(guò)程中，她淵博的專業(yè)知識(shí)、嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、敬業(yè)的工作態(tài)度都給予了我極大的鼓勵(lì)與幫助。對(duì)于提出的問題和遇到的困難都給予細(xì)心的解答和真誠(chéng)的幫助，再次表示衷心的感謝。最后，我還要對(duì)學(xué)院及系里的各位領(lǐng)導(dǎo)、老師們表示謝意，在這次畢業(yè)論文期間給我們提供了良好的學(xué)習(xí)和生活環(huán)境，并給予軟硬件的支持。使得我的系統(tǒng)設(shè)計(jì)工作及論文撰寫工作更加順暢、便利。最后我還要感謝所有為我的畢業(yè)設(shè)計(jì)提出指導(dǎo)意見的信管系各位老師、同學(xué)們！信息學(xué)院畢業(yè)設(shè)計(jì)（論文） 附錄畢業(yè)設(shè)計(jì)（論文）任務(wù)書畢業(yè)設(shè)計(jì)（論文）題目：E 時(shí)代電子優(yōu)惠券網(wǎng)站的設(shè)計(jì)與制作設(shè)計(jì)（論文）的基本內(nèi)容： 本課題主要利用“Dreamweaver” 、 “Flash”、 Photoshop 等技術(shù)和工具設(shè)計(jì)并實(shí)現(xiàn)電子優(yōu)惠券推介網(wǎng)站，采用靜態(tài)網(wǎng)頁(yè)完成網(wǎng)站的設(shè)計(jì)，網(wǎng)站將包括網(wǎng)站 Logo、Flash 動(dòng)畫，個(gè)性素材，并且網(wǎng)站將保持統(tǒng)一風(fēng)格，利用外部 CSS 描述頁(yè)面顯示樣式，頁(yè)面布局采用 div 方法。本網(wǎng)站實(shí)現(xiàn)四個(gè)主要模塊：會(huì)員注冊(cè)、優(yōu)惠券分類、商家信息、消費(fèi)者社區(qū)。畢業(yè)設(shè)計(jì)（論文）專題部分：題目：　　　　　　　　　　　　　　　　　 　　　　　　　　　　　　　　　設(shè)計(jì)或論文專題的基本內(nèi)容： 學(xué)生接受畢業(yè)設(shè)計(jì)（論文）題目日期　　　　　　　　　　　　　第 1 周指導(dǎo)教師簽字：2020 年 12 月 1 日