畢業(yè)論文---蛋糕在線訂購網的建設及微信營銷

1、<p><b>　　畢業(yè)論文任務書</b></p><p>　　部長 企業(yè)（負責人） 指導教師 </p><p>　　畢業(yè)設計（論文）開題報告表</p><p>　　年 月 日</p><p>　題目sugar cage

2、蛋糕在線訂購網的建設及微信營銷</p><p>　學生姓名專業(yè)軟件工程班級1108班</p><p>　題目類型軟件開發(fā)型</p><p>　意義隨著科技水平的提高，網購已經應運而生地出現在我們的生活中。sugar cage蛋糕網站的建立，不僅可以成為一種引領時尚的標志，也可以為我們的生活提供更多的方便。甜點蛋糕出現的場合很多，生日party,婚禮宴會，浪漫溫馨的下

3、午茶都會有蛋糕的出現。sugar cage蛋糕網站的建立可以讓客戶更方便地瀏覽商品信息，在線咨詢，網上訂購等環(huán)節(jié)，還可以很好地幫助我們樹立企業(yè)文化，宣傳企業(yè)理念。 微信作為新時代的產物，微信營銷可以幫助我們更大的獲取客源。</p><p>　任務與進度要求2013.2.25-2013.3.01 撰寫畢業(yè)設計開題報告。2013.3.04-2013.3.08 回校開題答辯。2013.3.09-2013.4.20

4、設計網站欄目，設計數據庫等。2013.4.21-2013.5.05 完成網站的外觀設計，并做進一步的優(yōu)化，修改。2013.5.06-2013.5.09 將網站上傳到服務器，添加文章，保證網站的更新。2013.5.10-2013.5.19 提交百度等搜索引擎，在各貼吧發(fā)軟文，增加反鏈。2013.5.20-2013.5.24 論文定稿，提交畢業(yè)設計電子版文稿及文字文稿。2013.5.27-2013.5.31 完成畢業(yè)論文，準備答辯。2013

5、.6.03-2013.6.07 回校進行畢業(yè)設計（論文）答辯。2013.6.10-2013.6.14 將畢業(yè)設計（論文）材料按要求裝訂成冊并提交。</p><p>　主要參考文獻[1] 崔宏業(yè). Web2.0網站開發(fā)A. 黑龍江大學建橋學院出版社，2010[2] 張華、賈志娟. asp項目開發(fā)實踐. 中國鐵道出版社. 1900[3] 陳君. 基于PHP的在線音樂網站的設計與實現. 武漢理工大學，2012-0

6、5-01 [4] 巫志文. 基于ASP.NET 3.5技術專題學習網站的設計與應用研究. 長春師范學院，2012 [5] Ben Willmore. Adobe photoshop大師技巧. 北京：中國電力出版社，2006.[6] 劉俊榮. 基于行為識別的網頁文本分類算法研究與實現[D]. 北京郵電大學 2010[7] 張思望. 網頁設計中視覺元素的功能與審美性研究[D]. 西北大學 2006[8] 朱舉英. 基于交互學習的精

7、品課程網站設計與開發(fā)研究. 西北師范大學， 2012</p><p>　起止日期2013年2月25日—2013年5月31日 </p><p>　備注</p><p><b>　　摘 要</b></p><p>　　國際互聯網的興起，人們已進入了信息時代。在數字化網絡環(huán)境下，消費者希望得到方便快捷的服務，因此網上購物方式

8、開始興起。網上購物將改變人們的購物方式，是購物變得省時省力，消費者不必在夏日炎炎或者三九寒冬的日子里到擁擠的商業(yè)街，一家一家的挑選自己喜歡的商品，而可坐在舒適的家里在internet上搜索、查看、挑選商品，同時直接面對商家，使得他們的最大限度的進行比較和挑選，大大的提供了購買效率。</p><p>　　這不僅僅可以方便消費者的選擇和購買，還可以提升品牌的企業(yè)形象，方便宣傳企業(yè)文化。促進科技的蓬勃發(fā)展，提高人們的生

9、活效率。制作一個蛋糕在線訂購網站，用戶能在線瀏覽蛋糕照片，選購蛋糕。sugar cake 蛋糕網站，通過設計，搭建、優(yōu)化推廣整個流程可以讓網民方便、商業(yè)盈利、可以體現網絡營銷自身的價值。</p><p>　　本文中所涉及到的網站主要是應用photoshop進行設計規(guī)劃，dreamweaver進行對網站超文本編輯語言的編碼，織夢cms二次開發(fā)對網站具體功能的實現。以及微博、博客、論壇、即時通訊和微信進行網站的推廣。

10、主要是以微信的方式來實現網絡營銷的效果。</p><p>　　關鍵詞：蛋糕網站；生日蛋糕；甜點；蛋糕訂購</p><p><b>　　ABSTRACT</b></p><p>　　With the rapid popularization of Internet, online shopping is no longer a fresh thi

11、ng, more and more people began to love online shopping, enjoy the convenience and benefits.</p><p>　　On-line supermarket is to provide people shopping through the Internet Web site.</p><p>　　Onl

12、ine shopping based on sales targets of different animals also can be divided into B2B and B2C two models. B2B is a business and commercial activities between enterprises, in addition to large quantities of logistics, the

13、re are many other business activities. </p><p>　　On-line supermarket is a large-scale Web application, which is composed of much small Web application combination. Between these small Web application is a re

14、latively independent and the relational database organically basic together.</p><p>　　Involved in the website is the main application of Photoshop planning and design of Web site, Dreamweaver, hyper text mar

15、kup language code, the realization of two development of site specific function. Cms. As well as the micro-blog, blog, forums, instant messaging and micro message of website promotion. Is mainly to achieve the effect of

16、network marketing to micro message way.</p><p>　　Keywords: cake birthday cake; dessert;website cake orders</p><p><b>　　目 錄</b></p><p><b>　　第一章 緒論1</b><

17、/p><p><b>　　1.1前 言1</b></p><p>　　1.2 設計思路2</p><p><b>　　1.3構架3</b></p><p>　　第二章 網站設計的準備5</p><p>　　2.1 網站設計的準備5</p><p&

18、gt;　　2.2 建設網站前所用軟件及環(huán)境的準備5</p><p>　　第三章 網站的設計6</p><p>　　3.1 Photo shop功能簡介6</p><p>　　3.2 Photo shop 在網站設計中的應用6</p><p>　　第四章 網站的搭建8</p><p>　　4.1 Drea

19、m-weaver功能簡介8</p><p>　　4.2 Dream-weaver 在網站設計中的應用8</p><p>　　4.3 網站首頁的介紹10</p><p>　　第五章 網站的二次開發(fā)11</p><p>　　5.1 織夢CMS功能簡介11</p><p>　　5.2 織夢CMS的安裝11&l

20、t;/p><p>　　5.3 運用織夢CMS系統(tǒng)開發(fā)12</p><p>　　5.4網站結構的優(yōu)化16</p><p>　　5.5網站產品列表頁16</p><p>　　5.6網站新聞動態(tài)列表頁17</p><p>　　5.6網站內容頁18</p><p>　　5.7網站購物車功能19&

21、lt;/p><p>　　5.8網站在線訂購功能22</p><p>　　第六章 上傳至網絡空間24</p><p>　　6.1域名和空間的選擇、解析與綁定24</p><p>　　6.2運用FTP上傳24</p><p>　　第七章 網站的優(yōu)化推廣25</p><p>　　7.1提交百

22、度收錄25</p><p>　　7.2更新網站內容25</p><p>　　7.3推廣網站25</p><p>　　7.3.1博客推廣25</p><p>　　7.3.2微博推廣26</p><p>　　7.3.3微信推廣27</p><p>　　7.3.4騰訊推廣27</p

23、><p><b>　　第八章 總結29</b></p><p><b>　　參考文獻30</b></p><p><b>　　附 錄31</b></p><p><b>　　致 謝34</b></p><p><b&g

24、t;　　第一章 緒論</b></p><p><b>　　1.1前 言</b></p><p>　　隨著科技的進步，微信營銷也應運而生地來到的我們的生活中來。微信的方便性與使用性讓人們對它更加的青睞也使微信的發(fā)展更加的迅速。sugar cage蛋糕在線訂購網的建設及微信營銷，就是通過網站的推廣與優(yōu)化和微信營銷的手段將sugar cake 蛋糕推廣出去。

25、使實體商鋪與網上商鋪相結合，與時俱進跟上時代的潮流。通過微信營銷的方式不僅可以將網站的產品推廣出去，達到利潤上的收入，還可以將sugar cake 蛋糕這個品牌宣傳出去，為企業(yè)樹立良好的企業(yè)形象。營銷信息是營銷策略和通信的背景。但是營銷信息一定要清楚明了，讓人一目了然，加上最流行的營銷策略，一定會是是事半功倍。</p><p>　　本文中所設計到的網站是一家sugar cake 蛋糕網站，網站主要是通過網上銷售和

26、實體店鋪銷售方式經營，而這里的網站就是在這家蛋糕店中的宣傳營銷網站。</p><p>　　網站主要在參考一些文獻的基礎上，利用photoshop進行網站布局的設計，包括配色、結構、樣式、布局要保持整體的和諧性，和統(tǒng)一性。既要主次分明，又要井然有序。網站主頁與子頁本應不同但是一定要保留整個網站整體樣式的統(tǒng)一協調。</p><p>　　進行設計之后可以用dreamweaver進行對每個網頁的排

27、版了，在平排版的過程中主要采用的是html超文本標記語言。利用div+css對網站進行編碼。</p><p>　　在靜態(tài)網站都準備完善之后就是對網站進行二次開發(fā)了，這里用的是織夢cms，對網站主頁、列表頁、內容頁實現文章的調用，實現購物車和在線訂購的的功能。</p><p>　　在推廣方面，使用博客、論壇、微博、即時消息等方面進行推廣，在這個主要是通過對微信的應用實現對網站的推廣。一方面見

28、證新興軟件給我們帶來的便捷，一方面，快速有效的將網站推廣出去達到營銷的目的。</p><p><b>　　1.2 設計思路</b></p><p>　　首先，應該對各個產品的優(yōu)先級進行列表排序，處理好它們的邏輯關系。給每個產品一個屬于它們的定位。例如，提拉米蘇這個甜品，是給它放到“其它口味”這個分類中，還是給它放到“下午茶”這個分類中，這就要看給它放到哪里會提升他的捕

29、捉率，提拉米蘇通常是我們休閑下午茶的主打產品，無疑也就給它放到了“下午茶”這個分類里了。其次，網站要沿著其品牌的目標設計[1]。</p><p>　　我們制作網站最初的目的，就是消費者進入到我們的網站可以找打自己喜歡的蛋糕，從而撥打我們的購物電話進行進行訂購，直到接到訂購的蛋糕，這樣的一個結果，讓我們完成了一單。讓我們進行了盈利。然后高一級的目的就是對我們的品牌進行宣傳推廣和提升。最后能夠讓顧客一想到蛋糕，就會認

30、準我們的品牌。</p><p>　　一個網站的設計要在很大程度上為其業(yè)務性質設置一個適當的設計標準。而保守的細微差別并且要樹立好公司的企業(yè)形象，顏色，字體，圖形可以混合在一起想出多種組合方式多樣化。既要保證網站與蛋糕這個食品的同一性，又要保證與其它品牌的差異性。要解決網站各個解剖細節(jié)：設計，包括顏色，背景，和圖像；內容，涵蓋的寫作風格，字體，和公司信息；和可用性，為相關的屏幕尺寸和彈出廣告。</p>

31、<p>　　顏色是因為有你的圖像編輯軟件上可能的顏色混合，并不意味著你將使用他們全部。在一般情況下，一個網站的色彩構成是一個或兩個基地的顏色和明暗變化之間的交融。這里的指導原則是：堅持顏色已經占主導地位的產業(yè)，增加的變化來傳達你的品牌個性。太遠離公約會改變形象和產生你企業(yè)的不確定性。本網站選擇了灰色做底色，可以給人們帶來一種容易親近的感覺。并且灰色屬于無彩色顏色，在搭配起來沒有太多的不融合。背景顏色應該來自網站的中央顏色。這

32、樣可以保持可讀性，然而，去與色調，明亮的眼睛上還容易。</p><p>　　網站都有背景圖片。本網站運用了一些圖片中的主要物體，將他們通過photo shop的摳圖或剪裁的方式，放到一張大圖中，再通過調色，對比度，等方面，進行重新的分配調整，從而實現背景圖片的設計。</p><p>　　基本圖像，圖像作為添加更多的“生活”的單調頁的插圖與美學。就是說，除非你運行一個在線藝術畫廊，你應該使用

33、圖形難，太多的人可能會妨礙用戶的瀏覽過程，改變你的品牌的個性。</p><p>　　產品說明，堅持一個清晰的圖像點的空白。藝術的目的，目的為專業(yè)開發(fā)的那些代表的美學和你的品牌的特征。</p><p>　　加入了屬于合適網絡營銷和企業(yè)提升的寫作風格。尤其是產品的信息，采用準確的分類來傳達每一款蛋糕的信息。字體的大小，類型，和你的字體顏色，一般選用的是，比較柔和的方式，在重點的位置進行了突出，

34、符合整體設計元素。一般字體大小適中，如果字體太小容易看不清楚字體太大有會顯得太過于張揚。</p><p>　　保留在網站的基本色，字體太多的顏色變化顯得粗疏簡陋。</p><p>　　在“關于我們”中提供關于你的公司的詳細信息，位置，電話、傳真。來增強可信度，保證用戶有真實的商業(yè)業(yè)主和真實的人在網站。在“產品介紹”中提供了商店中所有產品的完整信息。</p><p>

35、　　減少水平滾動條的出現，水平滾動的可用性專家Ja kob Nielsen指出，在2002的十大網站的可用性故障之它拖累了閱讀，使掃描的麻煩，而這意味著基本的設計和缺乏承諾用戶的在線體驗。</p><p>　　實現品牌信譽維系不僅僅需要一個好的第一印象。然而，有一個試圖描繪捕獲潛在客戶的興趣是在傳達品牌。 </p><p><b>　　1.3構架</b></p

36、><p>　　如今談到網頁設計和開發(fā)，可以有很多選擇，你可以使用。大多數可以使用包含代碼嵌入到HTML頁面使用特殊標簽的方法。此代碼然后運行在服務器返回的是一個Web瀏覽器看到HTML頁面的一部分內容。PHP和ASP[2]兩種編程語言能夠幫助開發(fā)Web內容這樣。ASP.NET是由微軟雖然PHP是一個開源的語言，Oracle已經選擇使用它的產品。</p><p>　　每一種語言都有其長處和短處。

37、我們將對兩種語言的優(yōu)點和缺點，所以你可以很容易的決定哪一個是你可以使用一個特定的項目。</p><p>　　ASP.NET是構建Web應用程序的一個完整的框架。PHP是一種腳本語言，與Web服務器通信。Web服務器識別PHP[3]腳本標簽和執(zhí)行PHP命令。它類似于C語言，Java和Perl。已經與這些語言的程序員有挑選了PHP的容易。</p><p>　　PHP是一種非常好的開發(fā)工具，但它

38、確實有它的缺點。它是敏感的，一些程序員發(fā)現是非常惱人的功能。PHP是不是設計為面向對象。特征的面向對象的編程是后來加上去的，可能會導致一些問題。</p><p>　　即使有這些缺點，PHP比ASP.NET更快和更有效的在一個熟練的PHP程序員手中。在這兩個安全是平等的。定價是另一個要考慮的比較時，PHP和ASP。PHP是免費的。ASP.NET不是。你投資的錢是從什么時候開始你選擇使用ASP.NET[4]和會繼續(xù)與

39、擴展技術。因此，在這次畢業(yè)設計中還是選擇了PHP這種腳本語言。</p><p>　　建設一個網站的設計過程，涉及到許多技術，而這都屬于專業(yè)性質的。利用互聯網的便捷與高效進行互相競爭來獲得公眾的注意，在如今的社會是非常重要的。為了達到這一點優(yōu)勢，網站利用里PHP編程會所有的資源和情報編譯工具和框架列表創(chuàng)建一個門戶網站，是動態(tài)的，用戶友好的和各種Web服務器兼容。</p><p>　　這種兼容

40、性在服務器級別的PHP腳本的主要吸引力，這進一步加劇了框架系統(tǒng)中的應用。不同架構的工作是可能的PHP程序員，因為這個人具有所需的經驗與不同的工具的工作，為了使網站易于被用戶使用。</p><p>　　使用框架可以聯想到一個動態(tài)編碼的網站很多靜態(tài)的記錄，在一個單一的網站命中將帶領游客到其他部分提供PHP程序員。大多數的網站都這樣，游客們可以找到一些信息，當他們訪問一個網站鏈接需要。PHP開發(fā)者能夠工作在這樣的框架，

41、用來制作動態(tài)網站。</p><p>　　有專家免費使用，沒有時間和辦公條件的限制，這些自由職業(yè)者的PHP腳本給形狀的多功能的能力。當網站聘請PHP編程專家服務，他們肯定會得到專業(yè)門戶網站，這些網站為他們喜歡的人。</p><p>　　它的工作越來越的PHP程序員具有不同的框架，所需的知識服務的網站是必不可少的。互聯網的世界，要定期更新新的定期流動技術。也是可取的去為這樣一個蛋糕PHP開發(fā)者

42、因此受益，誰可以做靈活的體系結構和框架來創(chuàng)建和維護不同的Web應用程序。</p><p>　　與適當的軟件和網站設計工具的幫助，可以創(chuàng)建復雜的網頁。本身是一個PHP Web開發(fā)工作的專業(yè)知識并不是每個人都能夠妥善處理。因此，一個新的動態(tài)會給網站帶來更多的游客。</p><p>　　第二章 網站設計的準備</p><p>　　2.1 網站設計的準備</p>

43、;<p>　　網站設計指的是網站本身，包括網頁的可用性，交互式應用程序的圖形用戶界面的化妝，和水平的游客感知。網站設計軟件是用于創(chuàng)建Web頁面定制。該軟件配備不同的特點，雖然基本功能包括拖放圖像選擇，網頁模板，布局，圖形特效和動畫，包括顏色，可定制的字體。事實上，軟件被設計用于在一瞬間建筑專業(yè)的網站。在運用軟件前應該確定網站的建構和內容，這就好比是一個網站的螺母和螺栓。</p><p>　　首頁被稱

44、為你的網站的主頁或窗口，反映了該網站的全部內容在最好的。設計在網站的主頁，取決于網站設計軟件工具：動畫，揚聲器和必要的閃光效果，鏈接指向下頁，彩色圖形，標志等。</p><p>　　網站的導航可以根據網站的結構變化。找到嵌入式鏈接，面包屑路徑，彈出下拉按鈕，導航條，按鈕和其他Web站點上可用。這里，它被構造成和用戶友好的工具，因為訪客主要大道的導航和發(fā)現網站的其余部分。</p><p>　

45、　2.2 建設網站前所用軟件及環(huán)境的準備</p><p>　　Photo shop 、Dream-weaver、織夢CMS系統(tǒng)等軟件和系統(tǒng)的安裝。網站的建設需要Photo shop軟件進行設計排版，用Dream-weaver進行網站的緊密搭建，基于php平臺，進行織夢CMS的二次開發(fā)。</p><p>　　第三章 網站的設計</p><p>　　3.1 Photo

46、 shop功能簡介</p><p>　　隨著Adobe PS軟件[5]對圖象處理的成功和專業(yè)使用，根據業(yè)務和市場需求在網站設計這環(huán)節(jié)中對于他的使用時再巧妙不過了。在雇傭負擔得起的Adobe PS圖象處理網頁設計師，能夠獲得此項軟件獨有的設計的閃光點，結合Flash設計為Web應用程序設計，適當的和持續(xù)的維護以及Flash設計項目的升級和網上管理系統(tǒng)來管理網站開發(fā)服務。PS圖象處理軟件有很多的好處，運用Adobe

47、PS圖象處理軟件網頁設計師自己以獲得最好的結果。其中Adobe PS圖象處理軟件可以確保最佳的結果。從功能上看，該軟件可分為圖像編輯、圖像合成、校色調色及特效制作部分等。 圖像編輯是圖像處理的基礎，可以對圖像做各種變換如放大、縮小、旋轉、傾斜、鏡像、透視等。也可進行復制、去除斑點、修補、修飾圖像的殘損等。這在婚紗攝影、人像處理制作中有非常大的用場，去除人像上不滿意的部分，進行美化加工，得到讓人非常滿意的效果。</p>&l

48、t;p>　　Adobe PS圖象處理軟件被認為是一個領先的計算機軟件，使用它可以調整圖片。一旦你打開圖片與照片處理軟件，下面的步驟是開始操縱它。確保你產生的原始圖像的備份副本，所以你可以如果你產生錯誤的開始?？梢栽诖蠖鄶登闆r下，使用涂抹工具，模糊工具是你將被應用。這個特殊的設備將能夠消除缺陷的照片，如濕漬，和陽光的傷害，但它可以另外一輪被撕得粉碎的照片上，甚至提高圖像的整體外觀。你也可以認為這是太暗調整照片的亮度水平，改變?yōu)閷Ρ仁?/p>

49、畫面與銳化工具有助于使照片更清晰更明顯。當然，為了讓所有的漂亮的有光澤，你想用一個不同的平面設計的應用程序，如無限靈活的Adobe PS圖象處理軟件，圖形或其他。一旦把元素結合在一起，可以在線準備開始做生意?，F在挑戰(zhàn)是讓人們來！</p><p>　　3.2 Photo shop 在網站設計中的應用</p><p>　　運用“快速選擇”和“調整邊緣”工具快速進行選擇。松散地在某個圖像區(qū)域上繪

50、圖， “快速選擇”工具會自動完成選擇。然后使用“調整邊緣”工具微調選擇的區(qū)域。</p><p>　　高級復合功能：通過自動對齊基于相似內容的多個 Photo shop 圖層或圖像， 創(chuàng)建更加準確的復合圖像。自動對齊圖層命令快速分析詳細信息并移動、旋轉或變形圖層以完美地對齊它們， 而自動混合圖層命令混合顏色和陰影來創(chuàng)建平滑的、可編輯的結果。</p><p>　　簡化的界面和調板管理：最大化用

51、于編輯的屏幕空間， 同時保持必備工具可以訪問。調板現在以方便的、自動調節(jié)的?？糠绞竭M行排列， 可以擴大到原來的大小或縮小為圖標， 或者甚至縮小為監(jiān)視器邊緣的一個小巧的、自動展現的帶區(qū)。</p><p>　　第四章 網站的搭建</p><p>　　4.1 Dream-weaver功能簡介</p><p>　　當談到創(chuàng)造創(chuàng)新維護網頁時，網頁設計師和專業(yè)人士來依靠Ad

52、obe Dream weaver。事實上，Dream weaver網頁制作工具是是可給給設計師們帶來高效率的軟件。新的版本中，Adobe Dream weaver 提供舊版本的所有好處和完善后，他們在許多方面。布局工具已重新設計[6]，以提高速度和處理事情的能力；從概念的方式執(zhí)行和交付。通過復雜的網站頁面導航也是輕而易舉的增強編碼功能。該軟件是用新的特征和功能，提高整體的網頁設計經驗值?？梢栽O計你的網站和預覽馬上結果與新生活的看法通過A

53、dobe Dream weaver制作的效果。還可以直接訪問代碼和所有更改將在實時取景顯示即時瀏覽。</p><p>　　最終用戶可以編輯網頁，你設計的范圍內，使用Adobe Dream weaver編輯的在線服務-無需額外的軟件。作為一個設計師，你可以限制用戶可以執(zhí)行特定的頁面區(qū)域和自定義格式選項的變化。</p><p><b>　　HTML數據集</b></

54、p><p>　　創(chuàng)造更好的集成動態(tài)數據到你的網站不需要掌握復雜的數據庫或XML編碼。數據集可以認出創(chuàng)建一個簡單的HTML表作為一個交互式數據源的內容。</p><p>　　CSS最佳實踐，相關文件和代碼導航</p><p>　　你可以實現CSS最佳實踐不容易寫一個代碼。新的CSS規(guī)則可以在屬性面板創(chuàng)建。該軟件將通知您在每個屬性適合風格的級聯。至于相關的文件，你可以點擊任

55、何文件相關的文件包括在酒吧在設計視圖中查看它的父頁面和它的源代碼視圖。代碼導航器可以查看和訪問CSS源代碼很容易。</p><p>　　4.2 Dream-weaver 在網站設計中的應用</p><p>　　Dream weaver網頁設計[9]是必要的,Adobe Dream weaver已超過十年的商業(yè)用途而它的的發(fā)展和普及仍在繼續(xù)。這是因為它的所見即所得的特征。所見即所得是你看到

56、的就是得到的縮寫。這意味著軟件編寫實際的代碼為寫的文字或導入圖片。學習的正確方法是看網站的引擎蓋下的引擎和理解，代碼。</p><p>　　然而，許多人被吸引到是由Dream weaver使用所見即所得的特征的網頁設計創(chuàng)意的可能性。它允許用戶更快速地創(chuàng)造的東西，而不僅僅是視覺上的代碼行[7]。</p><p>　　首頁可以說，很基本的，但它作為這一行業(yè)的進入點。我用Dream weaver

57、 CS4版本。作為一個網頁設計師有了軟件[8]，真正吸引我的許多方面，雖然我從未見過升級到最新版本的好處。我早就停止使用它作為一個WYSIWYG編輯器現在我手上的代碼，但我真的很喜歡的布局。它很容易翻轉之間的代碼和預覽視圖，或分體組合的兩個，和項目現場堆放整齊的意義快速和容易的訪問時需要的所有文件。我特別喜歡它是多么容易在您所選擇的瀏覽器預覽網頁的代碼和驗證功能。</p><p>　　真正的好處是它快速的網頁設計

58、模板系統(tǒng)。說，例如，你需要創(chuàng)建30頁面，然后附近的身份很容易創(chuàng)建一個主模板頁面和基地的所有后續(xù)頁上。更改模板頁面然后自動改變所有這30個人的子頁面。</p><p>　　這是PHP編碼而無用的，我使用一個單獨的PHP的IDE。Dream weaver后續(xù)版本使用Ajax的緩解也有額外的功能，Adobe空氣和XML。還有其他一些基本的WYSIWYG編輯器有如Pompier和Mozilla組件，但不靠近Dream w

59、eaver經驗。所以網頁設計需要Dream weaver，肯定會在你追求網站的過程中是一個關鍵的援助。</p><p>　　遵循的基本的網頁設計技巧[10]，自己基本的網頁設計可以用平面設計HTML語言，使用Adobe Dream weaver。它更像是一種習慣，就像鍍金的瑞士軍刀的網絡編輯-它的一切，使網站看起來驚人的。這是值得的因為它不僅提供了幾乎每一個功能，它可以通過所有的專業(yè)知識水平的網站使用。Dream

60、 weaver不僅允許使用簡單的HTML語言，與CSS，雙方共同在今天的網站。</p><p>　　對模板的內幕:接下來應該做的事情是把對級聯樣式表（CSS），如上面所提到的。它本質上設置樣式和其他特定的屬性到您的網站。這是比較容易學習，很有幫助，因為它控制著整個站點的外觀，感覺和操作，提供一個統(tǒng)一的，“在一起”的出現。使用CSS，你可以改變的外觀和功能（如鏈路著色，字體，背景，等等）和一些小的變化，直接在樣式表

61、中，而無需重新加工的所有HTML整個網站，節(jié)省了大量的工作！從一個簡單的方法是用CSS樣式表已經貼到網站模板。</p><p>　　在選擇合適的模板，作為設計網站的模板，先在HTML[10]編輯器中打開它，如Dream weaver。一定要有一個額外的副本保存在其他地方，以防萬一你撥弄它太多。幾乎所有的模板有一個網頁的工作，你可以在你的網站上的其他網頁進行變化。你可以通過做一個“另存為”命令，用一個不同的文件名的

62、每一個變化。但是當你有很多頁或變化組內頁-一些頁面可以切換定期或季節(jié)性-你需要適當地組織這些文件。</p><p>　　組織是關鍵:網站就是一堆這些網頁或文件在服務器上的。他們需要被發(fā)現，訪問和管理很容易。應該確定所有文件和子文件夾的標題。例如，如果本網站是關于蛋糕，將創(chuàng)建一個網頁等，然后創(chuàng)建子文件夾，說，生日蛋糕，婚慶蛋糕，節(jié)日蛋糕，等。會創(chuàng)造更多的詳細的文件夾。在許多情況下，子文件夾的名稱將是用戶看到并激活導

63、航菜單項。</p><p>　　創(chuàng)建計算機硬盤驅動器上的一個文件夾。使一個文件夾命名保存到一個預定的地點。只是一定要在適當的位置創(chuàng)建文件夾／目錄。保存網站模板在這個文件夾。如果模板有一個圖像的文件夾，將需要移動或復制到內部“圖片”文件夾的內容。只是繼續(xù)保存的東西到這個文件夾，因為它反映了服務器上的網站的層次結構。所有這一切都將是無限的幫助，讓你的網站快速啟動和運行。</p><p>　　4

64、.3 網站首頁的介紹</p><p>　　首頁主要分為三個部分，導航部分、大圖部分、動態(tài)部分。導航部分分為首頁、關于我們、產品介紹、新聞動態(tài)、在線訂購、聯系我們幾個欄目每個欄目是網站的一個子頁。方便訪客的查找與應用。大圖部分主要通過ps的處理通過利用草莓填充舌頭的質感，更加增加了食欲。動態(tài)部分有新聞動態(tài)和小屋新寵兩個部分組成?？梢燥@示新添文章的標題，點擊既可以瀏覽。有利于蜘蛛的爬行，利用網站的收錄。</p&

65、gt;<p>　　圖4-1 網站首頁圖</p><p>　　第五章 網站的二次開發(fā)</p><p>　　5.1 織夢CMS功能簡介</p><p>　　這網站的運用織夢CMS[12]系統(tǒng)進行二次開，填充網站的內容。是網站的內容豐富，更具有流動性。Dede CMS早期就已經加入了這個采集的功能，以前我們添加網站內容一般都是通過復制、粘貼、編輯然

66、后再發(fā)布，這樣對于少量的文章還是可以，但如果對于一個新站，什么內容都沒有，那就需要復制粘提大量的文章，這是一個重復、枯燥的過程，內容采集就是解決這個問題，將這個重復的操作簡化成規(guī)則，通過規(guī)則進行批量操作。</p><p>　　首先我們需要知道HTML基本內容，我們知道瀏覽器中顯示的各種各樣的頁面其實都是由最基本的HTML組成的，我們可以在我們Dede CMS系統(tǒng)后臺發(fā)布一篇內容，然后對內容進行一些格式上面的設置。

67、</p><p>　　織夢內容管理系統(tǒng)是國內最專業(yè)的PHP網站內容管理系統(tǒng)，是輕松建站的首選利器。采用XML名字空間風格核心模板：模板全部使用文件形式保存，對用戶設計模板、網站升級轉移均提供很大的便利，健壯的模板標簽為站長DIY 自己的網站提供了強有力的支持。高效率標簽緩存機制：允許對類同的標簽進行緩存，在生成 HTML的時候，有利于提高系統(tǒng)反應速度，降低系統(tǒng)消耗的資源。模型與模塊概念并存：在模型不能滿足用戶所有

68、需求的情況下，DedeCMS推出一些互動的模塊對系統(tǒng)進行補充，盡量滿足用戶的需求。眾多的應用支持：為用戶提供了各類網站建設的一體化解決方案，在本版本中，增加了分類、書庫、黃頁、圈子、問答等模塊，補充一些用戶的特殊要求。面向未來過渡：織夢團隊的組建為織夢CMS的發(fā)展提供堅實的基礎，在織夢團隊未來的構想中，它以后將會具有更大的靈活性和穩(wěn)定的性能。</p><p>　　5.2 織夢CMS的安裝</p>&

69、lt;p>　　首先，到http://www.dedecms.com 網站進行安裝包的下載。加壓后放到電腦硬盤中的一個位置，然后雙擊打開setup可執(zhí)行文件夾進行安裝。在此過程中要設置好數據庫的密碼。</p><p>　　在將自己的網站放到htdocs文件夾中。</p><p>　　5.3 運用織夢CMS系統(tǒng)開發(fā)</p><p>　　所謂對網站的二次開發(fā)，就是對

70、其一些具體功能的實現，和對網站內容的充實。在網站中對其文章內容的增加與更新，有利于后期網站的優(yōu)化和推廣。登陸到dedeCMS 系統(tǒng)中。</p><p>　　http://127.0.0.1/phpmyadmin/通過這個網址可以進入到數據庫中，可以在其中對其內容進行增加，更改和查詢。這也是對網站數據庫更改內容最直接的方法。</p><p>　　一下是數據庫中一些常見表的含義：</p&

71、gt;<p>　　dede_antiparticle 文章模型</p><p>　　dede_Armageddons 圖集模型</p><p>　　dede-Addisonian 信息模型</p><p>　　dede-addonshop 商城模型</p><p>　　dede_addonsoft 軟件模型&l

72、t;/p><p>　　dede_addonspec 專題模型</p><p>　　dede_admin 管理員</p><p>　　dede_ admintype 管理員級別，欄目管理員，信息發(fā)布員</p><p>　　dede_advanced search 高級搜索</p><p>　　de

73、de_archives 主表，文章的內容都存在主表之內</p><p>　　dede_area 地區(qū)信息</p><p>　　dede_channel type 頻道模型（模塊--頻道模型）</p><p>　　dede_disforms 自定義表單</p><p>　　dede_downloads 下

74、載地址</p><p>　　dede_err-add 錯誤報告</p><p>　　dede_feedback 評論</p><p>　　dede_member 會員表</p><p>　　dede_myad 廣告插件</p><p>　　dede_pwd_tmp

75、 整合</p><p>　　dede_search_cache 搜索緩存</p><p>　　dede_search_keywords 搜索關鍵字</p><p>　　dede_sys_module 系統(tǒng)模塊</p><p>　　dede_uploads 上傳文件管理</p><p>　　dede_ve

76、rifies 投票</p><p>　　圖5-1 數據庫常用表</p><p><b>　　織夢前臺模版風格：</b></p><p>　　1.織夢程序的設計架構</p><p>　　2.織夢系統(tǒng)數據庫常用表</p><p><b>　　3.新建織夢模版</b>

77、;</p><p><b>　　4.調用文章</b></p><p>　　5.底層模版，如何修改</p><p><b>　　6.跨頻道調用</b></p><p><b>　　新建織夢模版：</b></p><p>　　生成 >更新主頁html

78、-> 選擇主頁模版 其中的內容可以隨便更改</p><p><b>　　若出現錯誤</b></p><p>　　會提示：D:\PHPnow-1.5.6\htdocs\templets\default\myhome.htm Not Found! </p><p>　　代表該文件件中找不到myhome.htm這個文件</p>&

79、lt;p>　　D:\PHPnow-1.5.6\htdocs\templets</p><p>　　在這個目錄下可以建立文件夾，這是主頁（模版）存放的位置，系統(tǒng)系統(tǒng)基礎參數，設置默認模版，生成>更新主頁。</p><p>　　新建織夢系統(tǒng)的方法（就是新建一個文件）</p><p>　　1.D:\PHPnow-1.5.6\htdocs\templets<

80、;/p><p>　　在該目錄下新建一個文件夾（xuewl）再在其中放個文件（1. thm）</p><p>　　2. 回到 dede 后臺的界面系統(tǒng)</p><p>　　系統(tǒng)-> 系統(tǒng)設置 -> 系統(tǒng)基本參數 -> 模版默認風格</p><p>　　生成 -> HTML更新 -> 更新主頁 -> 選擇主頁模版

81、</p><p><b>　　織夢文章的調用方法</b></p><p><b>　　織夢的調用標簽</b></p><p>　　在新建的織夢模版（1.htm）中建立代碼</p><p>　　{dede:arclist row=10}</p><p>　　. <a hr

82、ef="[field:arcurl]/">[field:title/] <a></p><p>　　{/dede:arclist}</p><p><b>　　回到 dede后臺</b></p><p>　　核心 -> 常用操作 -> 網站欄目管理 -> 添加頂級欄目 -> 欄目名

83、稱：新聞</p><p><b>　　文件保存目錄</b></p><p>　　點擊創(chuàng)建的該欄目->添加文檔</p><p>　　將default 中的article_article.thm 復制到模版文件制定的路徑下</p><p>　　生成---更新首頁-- 其它基本語法{dede:arclist

84、 flag='h' typeid='' row='' col='' titlelen='' infolen='' imgwidth='' imgheight='' listtype='' orderby='' keyword='' limit='0,1&#

85、39;}<a href='[field:arcurl/]'>[field:title/]</a>{/dede:arclist} 標簽屬性? col:分多少列顯示（默認為單列），5.3版中本屬性可以通過多種方式進行多行顯示 ? row:返回文檔列表總數 ? typeid:欄目ID,在列表模板和檔案模板中一般不需要指定，在首頁模板中允許用","分開表示多個欄目

86、? getall:在沒有指定這屬性的情況下,在欄目頁、文章頁模板,不會獲取以","分開的多個欄目的下級子類 ? titlelen:標題長度 等同于titlelength ? infolen:表示內容簡介長度 等同于infolength ? imgwidth:縮略圖寬度 ? imgheight</p><p>　　5.4網站結構的優(yōu)化</p><p>　　在網站的

87、<title></title> 是很重要的，在是個地方可以加入之前準備的關鍵詞，有助于之后網站的優(yōu)化，和搜索引擎的收錄和提取。</p><p>　　<description>重要性和title是一樣的，或者說，只比title小一點點，在這個標簽中加入對網站的基本描述“網站主要經營生日蛋糕，婚慶蛋糕，節(jié)日蛋糕，歡迎訂購各種口味的蛋糕?！?lt;/p><p>

88、　　圖片采用與圖片內容相關的關鍵詞命名圖片添加alt屬性，還是很重要的</p><p>　　是搜索引擎識別圖片的重要屬性文字配合圖片，并用文字的相關內容，添加Alt屬性重要內容切莫單純用圖片表示控制圖片文件大小圖片文件最大值30KB</p><p>　　圖片格式GIF 圖形的顏色比較簡單JPG(JPEG) 圖片使用多種顏色，特別是不同顏色相互交叉。</p><p>

89、　　5.5網站產品列表頁</p><p>　　運用dede 底層模板的調用，將欄目中的文章和圖片調用出來。</p><p>　　對于圖片標題和圖片的調用用的是一下代碼：</p><p>　　{dede:list pagesize='10'}</p><p>　　<div class="procduct1&quo

90、t;> <a href="[field:arcurl/]"><img border="0" src="[field:litpic/]" width="220" height="200"></a><a href="[field:arcurl/]" >[field:ti

91、tle/]</a></p><p>　　圖5-2 網站產品介紹列表頁</p><p>　　5.6網站新聞動態(tài)列表頁</p><p>　　在新聞動態(tài)列表頁中應用了dede中的文章標題的調用、日期的調用、瀏覽數的調用、好評的調用，具體代碼如下：</p><p>　　{dede:list pagesize='10'

92、}</p><p><b>　　<li> </b></p><p>　　<a href="[field:arcurl/]" class="title">[field:title/]</a> <span class="info"> <small>日期：

93、</small>[field:pubdate function="GetDateTimeMK(@me)"/] <small>點擊：</small>[field:click/] <small>好評：</small>[field:scores/] </span></p><p><b>　　</li>&l

94、t;/b></p><p>　　{/dede:list}</p><p>　　圖5-3 網站新聞動態(tài)列表頁</p><p><b>　　5.6網站內容頁</b></p><p>　　在內容頁中主要是對文章標題和內容的調用，具體代碼如下：</p><p>　　<h3>{ded

95、e:field.title/}</h3></p><p>　　{dede:field.body/}</p><p>　　圖5-4 網站內容頁</p><p>　　5.7網站購物車功能</p><p>　　在網站中添加了“購物車”功能，用戶可以通過瀏覽網站找到自己喜歡的蛋糕類型進行，收藏，放入購物車等功能的實現，具體代碼如下：

96、</p><p>　　<div class="viewbox"></p><p>　　<div class="title"></p><p>　　<h2>{dede:field name='title'/}</h2></p><p>　　&

97、lt;/div><!-- /title --></p><p>　　<div class="infolist"></p><p>　　<small>信息類型：</small><span>{dede:field.infotype/}</span></p><p>　　&l

98、t;small>測試：</small><span>{dede:field.vocation/}</span></p><p>　　<small>商品原價：</small><span>{dede:field.price/}元</span></p><p>　　<small>優(yōu)惠價格：<

99、/small><span class="fc-f60">{dede:field.trueprice/}元</span></p><p>　　<small>品牌：</small><span>{dede:field.brand/}</span></p><p>　　<small>單位：

100、</small><span>{dede:field.units/}</span></p><p>　　<small>上架日期：</small><span>{dede:field.pubdate function="MyDate('y-m-d H:i',@me)"/}</span></p&g

101、t;<p>　　<small>人氣：</small><span><script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}"

102、type='text/javascript' language="javascript"></script></span></p><p>　　<form id="formcar" name="formcar" method="post" action="{dede:fie

103、ld name='phpurl'/}/posttocar.php"></p><p>　　<input type="hidden" name="id" value="{dede:field.id/}" /></p><p>　　<input type="hidden&qu

104、ot; name="title" value="{dede:field.title/}" /></p><p>　　<input type="hidden" name="price" value="{dede:field.trueprice/}" /></p><p>　　

105、<input type="hidden" name="units" value="{dede:field.units/}" /></p><p>　　<small>購物車：</small><span><a href="{dede:field name='phpurl'/}/c

106、ar.php" target="_blank">查看購物車</a></span></p><p>　　<small>購買：</small><span><button type="submit" name="button" class="btn-2">

107、;放入購物車</button></span></p><p><b>　　</form></b></p><p>　　</div><!-- /info --></p><p>　　<div class="picview"></p><

108、p>　　<img src={dede:field.litpic/}></p><p>　　</div><!-- /info --></p><p>　　<div class="labeltitle"></p><p>　　<strong>商品介紹</strong><

109、;/p><p><b>　　</div></b></p><p>　　<div class="content"></p><p>　　<div id="contentMidPicAD" style="float:right; clear:both; top:0; ver

110、tical-align:top;">{dede:myad name='contentMidPicAD'/}</div></p><p>　　{dede:field.body/}</p><p><b>　　</div></b></p><p>　　<div class="b

111、oxoff"></p><p>　　<strong>------分隔線----------------------------</strong></p><p><b>　　</div></b></p><p>　　<div class="handle"><

112、;/p><p>　　<div class="context"></p><p><b>　　<ul></b></p><p>　　<li>{dede:prenext get='pre'/}</li></p><p>　　<li>{

113、dede:prenext get='next'/}</li></p><p><b>　　</ul></b></p><p>　　</div><!-- /context --></p><p>　　<div class="actbox"></p

114、><p><b>　　<ul></b></p><p>　　<li id="act-fav"><a href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}" target="_blank">

115、收藏</a></li></p><p><b>　　</ul></b></p><p>　　圖5-5 網站購物車功能</p><p>　　5.8網站在線訂購功能</p><p>　　在網站中添加了在線訂購的功能，客戶通過訂單的提交，可以提供送貨上門貨到付款功能的實現，具體代碼如下

116、：</p><p>　　<form action="/plus/diy.php" enctype="multipart/form-data" method="post"></p><p>　　<input type="hidden" name="action" value=

117、"post" /></p><p>　　<input type="hidden" name="diyid" value="1" /></p><p>　　<input type="hidden" name="do" value="2&qu

118、ot; /></p><p>　　<table style="width:97%;" cellpadding="0" cellspacing="1"></p><p><b>　　<tr></b></p><p>　　<td align="

119、right" valign="top">蛋糕編號：</td></p><p>　　<td><input type='text' name='bianhao' id='bianhao' style='width:250px' class='intxt' value=&#