浪漫婚紗攝影網(wǎng)站設計與實現(xiàn)的畢業(yè)論文

1、Comment 師師師1: 將該封面替換為 新的模版 精選文檔 GDGM-QR-03-077-B/1 Guangdong College of Industry rn Zaefferer，羅馬尼亞的 Stefan Petre 等等。 jQuery 是繼 prototype 之后又一個優(yōu)秀的 Javascript 框架。 特點： （1）動態(tài)特效、通過插件來擴展。 （2）方便的工具 - 例如瀏覽器版本判斷。 （3）漸進增強、鏈式調(diào)用。 （4）多瀏覽器支持。 精選文檔 三、三、網(wǎng)站總體分析與設計網(wǎng)站總體分析與設計 ( (一一) )網(wǎng)站主題的設計網(wǎng)站主題的設計 規(guī)劃設計一個網(wǎng)站，首先遇到的問題就是網(wǎng)頁

2、定位的主題。一個網(wǎng)頁的主題決定了這 個網(wǎng)站的主要風格以及這個網(wǎng)站的主要內(nèi)容。所謂主題也就是網(wǎng)站的題材。至今，人們對 于婚紗照的要求越來越高，所以在 Internet 上建設網(wǎng)站，不僅僅能夠提升公司形象，加強 客戶服務，而且還挖掘更多的潛在客戶，獲取更高的利潤。隨著物質(zhì)和精神生活的提高， 婚紗影樓網(wǎng)站是一種空間展示，它的設計不同于一般的作品，所以人們對它的需求越來越 高，在互聯(lián)網(wǎng)上設計婚紗攝影網(wǎng)站會吸引很多顧客的潮流。所以以”浪漫婚紗攝影” 作為網(wǎng)站的的主題。 ( (二二) )網(wǎng)站的需求分析網(wǎng)站的需求分析 在設計一個的網(wǎng)站時，第一件事就是確定建站目的，然后就是分析該網(wǎng)站功能需求，因 為網(wǎng)站的功能

3、強度決定了網(wǎng)站的規(guī)模以及投入費用。所以設計網(wǎng)站之前要充分分析和確定這 個網(wǎng)站需要實現(xiàn)什么功能和什么效果，這樣才能沒有浪費精力和財力。所以 主要功能分析的設計的分為以下幾點來設計整個網(wǎng)站： 1) 品牌：企業(yè)網(wǎng)站形象就是企業(yè)的招牌，顧客可以快速了解一個企業(yè)的實力以及服 務等信息，最好的途徑就是訪問該公司的網(wǎng)站，所以網(wǎng)站建設的美麗和豐富直接 關系到企業(yè)的在消費者心中的形象 2) 產(chǎn)品/服務的展示：人們訪問網(wǎng)站的主要意圖就是更加深入的了解該公司的產(chǎn)品 和服務等信息，該婚紗攝影網(wǎng)站的主要功能就是將公司的產(chǎn)品、服務等充分地展 示給顧客，從而可以讓顧客從多方面，多角度地了解到諸如不同婚紗照的價位、 最新優(yōu)惠

4、活動等信息，這樣可以吸引顧客的喜歡和心動！ 3) 客戶在線服務：通過網(wǎng)站可以很方便快捷地為顧客提供在線服務和幫助信息，如 免費電話咨詢等，同時顧客也可以通過網(wǎng)上留言的方式提交自己的問題，然后由 公司人員進行回應。 4) 動態(tài)新聞發(fā)布：網(wǎng)站是一個龐大信息庫，作為一個強有力的宣傳工具企業(yè)可以通 過網(wǎng)站隨時發(fā)布一些有利于宣傳企業(yè)形象、顧客服務和促進銷售的企業(yè)新聞動態(tài)、 產(chǎn)品相關信息等。 精選文檔 ( (三三) )總體布局總體布局 浪漫婚紗攝影網(wǎng)站浪漫婚紗攝影網(wǎng)站 首頁 聯(lián)系我們 婚紗禮服 婚紗作品 外景展示 婚紗套系 婚紗視頻 露 維 婭 婚 紗 奈 特 麗 婚 紗 洛 維 思 婚 紗 HE LL

5、O 魔 鏡 大 觀 世 界 石 門 公 園 百 萬 葵 園 沙 面 美 景 精選文檔 ( (四四) )網(wǎng)站風格網(wǎng)站風格5 5 設計一個網(wǎng)站，首先是將網(wǎng)站規(guī)定一個整體的風格：簡潔、時尚、浪漫等，一個網(wǎng)站的整 體風格會給人們帶來視覺享受，減少視覺疲憊感。但是風格也必須與網(wǎng)站的主題相符，信息網(wǎng) 站所對應的應該是簡潔的風格。所以作為一個資源信息網(wǎng)，我認為頁面必須是簡潔明了，文字 簡短易懂，讓用戶在瀏覽時能夠用最短的時間獲取最有用的信息。 設計特征： （1） 首先用 DIV+CSS 將首頁整個頁面布局好，設計網(wǎng)頁的基本框架 （2） 網(wǎng)站頂部放上導航，而且將導航固定，隨時跳轉頁面。不必拉到對頂端再跳轉。

6、（3） 網(wǎng)站整體風格以白藍紅為主要色，堅持三色原則。 （4）頁面文字醒目，字體規(guī)格統(tǒng)一，尺寸分配不夸張。按鈕為淺色背景色 ( (五五) )設計思路設計思路 功能突出：一個網(wǎng)站的頁面要整潔明目，各種功能要顯現(xiàn)出來，主要體現(xiàn)在登錄窗口還有 導航欄上。 統(tǒng)一整體：網(wǎng)站的整體性統(tǒng)一使人不會在瀏覽時有障礙感，能夠清晰的瀏覽整個網(wǎng)頁的布 局。 用色協(xié)調(diào)：協(xié)調(diào)的用色使人不會感覺到視覺疲憊，能夠長時間的停留和瀏覽。 形象突出：突出自身行業(yè)的特點，還有自家主要的資源，使瀏覽者能夠針對性的尋找。 交互式強：不會僅僅停留在頁面上的文字敘述，內(nèi)置交流功能使能夠靈活的溝通。 ( (六六) )網(wǎng)頁設計的配色風格網(wǎng)頁設計的

7、配色風格5 5 色彩是藝術表現(xiàn)的要素之一。在網(wǎng)頁設計中，設計師根據(jù)和諧、均衡和重點突出的原則， 將不同的色彩進行組合搭配來構成美麗的頁面。 根據(jù)色彩對人們心理的影響，合理地加以 運用。個人博客網(wǎng)主要靠黑色、白色和灰色來讓網(wǎng)頁更加和諧簡潔，一目了然。 精選文檔 四、四、網(wǎng)頁的制作與實現(xiàn)網(wǎng)頁的制作與實現(xiàn) (一)首頁設計 精選文檔 精選文檔 1. Logo 的制作 Logo 的 psd 制作1，首先在 ps 軟件先新建 220 X 46 畫布，搜索比較合適的小圖片，用 ps 軟件摳出雙心的圖標。雙心的圖標作為一個圖層，然后用比較有 Blackadder ITC 的字體制作具 有代表性的小 logo-

8、 L height: 65px; background-color: #C3A67A; position: fixed; z-index: 999; 3. 圖片輪播的實現(xiàn) 目標：實現(xiàn)幾張圖片的自動輪播的效果5。為了實現(xiàn)這種效果，要用 jQuery 的插件和 JavaScript 的實現(xiàn)代碼來實現(xiàn)的。div+css 的代碼如下。 先引入 jQuery 的插件和 JavaScript 文件 精選文檔 css 的實現(xiàn)代碼 .clearfix:after content: .; display: block; height: 0; clear: both; visibility: hidden; .c

9、learfix zoom:1; imgborder:0 .focuswidth:100%;height:500px;position:relative;margin-top:60px;margin-bottom: 30px; .f426x240width:100%;height:500px; .f426x240 imgwidth:110%;height:500px .rslideswidth:100%;position:relative;list-style:none;padding:0 .rslides_navheight:65px;width:40px;position:absolute;

10、-webkit-tap-highlight-color:rgba(0,0,0,0); top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden; text-decoration:none;background:url(./images/i.png) no-repeat 0 0px;margin-top:-40px; .rslides_nav:activeopacity:1.0 .rslides_nav.nextleft:auto;background-position:-27px 0px;right:0 .rslides_ta

11、bsmargin:12px auto;clear:both;text-align:center .rslides_tabs lidisplay:inline;float:none;_float:left;*float:left;margin-right:5px .rslides_tabs atext-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border- radius:15px;background:rgba(0,0,0, .2);background:#DDD;disp

12、lay:inline- block;_display:block;*display:block;width:9px;height:9px .rslides_tabs .rslides_here abackground:rgba(0,0,0, .6);background:#390 精選文檔 4. 圖片的展示的不同效果2 了解更多 奈特麗婚紗 Comment 師師師3: 可以查看所有的 問答信息嗎，還是只能看 3 條，請做 出進一步說明 精選文檔 5. 在線問答的 js 效果 在網(wǎng)頁中設計代碼中有 6 條問答的信息，但是想在在首頁中設計固定的寬度只顯示 3 條信 息，但是這顯示三條信息是設計代碼

13、的 6 條信息的其中，只是讓信息不斷的去跳動讓人們可以 看到。而且信息要不斷的去跳動。所以需要用 js 設計來實現(xiàn)這個效果。 $(function() var items=$(ul#answer_item li).length; if (items3) setInterval(function() var e=$(ul#answer_item li:first); var height=e.outerHeight()+px; var bak=e.clone(); e.animate(marginTop:-=+height,function() e.remove(); bak.appendTo(

14、ul#answer_item); ); 精選文檔 ,2000); ); 6.預定訂單的效果 把這個小圖標固定在頁面的旁邊，然后點擊后會跳出預定的訂單，這種效果用 jQuery 可 以去實現(xiàn)，實現(xiàn)的步驟就是首先要隱藏訂單信息，如果點擊要出現(xiàn)訂單信息，用 jQuery 中 fadeIn，接著設計訂單中用 x 的小圖標再一次隱藏訂單信息，用 jQuery 中 fadeOut 的去實現(xiàn)。 提交訂單 x 您的姓名： 精選文檔 手機號碼： 聯(lián)系 Q Q： 訂單要求： function order(par) $(#submit).fadeIn(1500) function order_lose(par) $

15、(#submit).fadeOut(1500) 精選文檔 (二)婚紗禮服的子頁面露維婭婚紗、奈特麗婚紗、洛維思婚紗、HELLO 魔鏡 實現(xiàn)了鼠標經(jīng)過的時候就會出現(xiàn)另一個 div 覆蓋以前高清的圖片，把它設置為透明度。還 有品牌的名字從 div 的底層鼠標經(jīng)過就會慢慢跳動到中間，這么顯示比較有好感， 圖片要用 ps 處理適合的的圖片 精選文檔 (三)婚紗套系的子頁面-大觀世界、石門公園、百萬葵園、沙面美景 精選文檔 精選文檔 五、五、結束語結束語 經(jīng)過一段時間的學習與制作，企業(yè)網(wǎng)站的設計制作基本上已經(jīng)告一段落?？偨Y這次 制作畢業(yè)設計的過程，對我來說是一個將所學知識從書本運用到實際操作的初次體驗。

16、 通過這次的制作與設計讓我了解了一個網(wǎng)站形成的基本過程和基本綱領構架，加深了我 對現(xiàn)在計算機技術、通訊技術、英特網(wǎng)技術等的認識，還有對制作網(wǎng)站上用到的 Dreamweaver、Photoshop 等設計與制作網(wǎng)站的工具有了更多的了解，得到了深入的理解 同時更熟練地使用這些工具。相信這些知識都將對我的工作帶來很大的幫助。在這次的 畢業(yè)設計中使我得學習了比以前更多的知識，提高了自己的學習和操作能力。 這次的論文設計讓我重新了解了很多在學校所學不到的東西，也借此回顧了一下我 大學所學的知識。它讓我掌握了很多網(wǎng)頁設計及制作的知識和 PS 軟件的運用，讓我對 我所學過的知識有所鞏固和提高。在整個過程中，

17、我學到了新知識，擴大了知識面。也 讓我認識到了學海無涯的真正含義，我將會不斷的學習新的知識，讓自己的能力得到進 一不的提升。 本次設計由于設計時間較緊，且相關模塊比較多，加之設計經(jīng)驗的不足，在網(wǎng)站的 整體設計及各模塊功能可能設計的不完全，有待于進一步的完善和改進。 精選文檔 致致 謝謝 時光匆匆如流水，轉眼便是大學畢業(yè)時節(jié)，春夢秋云，聚散真容易。離校日期已日趨漸進， 畢業(yè)論文的完成也隨之進入了尾聲。從開始進入課題到論文的順利完成，一直都離不開老師、 同學、朋友給我熱情的幫助。在論文的寫作過程中遇到了無數(shù)的困難和障礙，都在同學和老師 的幫助下度過了。在校圖書館查找資料的時候，圖書館的老師給我提供了很多方面的支持與幫 助。 在這里，衷心感謝高學勤老師的耐心指導與督促，讓我能完成這次的畢業(yè)設計和論文。我 在設計經(jīng)驗上還存在很多的不足，論文也有值得完善之處，懇請各位老師批評指正。 Comment 師師師4: 請在正文中將應 用文獻的地方添加對應的編號,文獻格 式還沒有寫完整，參考論文說明部分 重新修改格式 精選文檔 參考文獻 1李金明 中文版 photoshop cs6 完全自學教程 人民郵電出版社 2李東博 HTML5+CSS3 清華大學出版社 3基思、桑布爾斯 JavaScript DOM 編程藝術 4（4）陳承歡 跨平臺的移動 web 開發(fā)實戰(zhàn) 人民郵電出版社 5（5）單東林