家具網(wǎng)站畢業(yè)設(shè)計論文_第1頁
已閱讀1頁，還剩10頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

1、<p><b>　　目 錄</b></p><p><b>　　摘 要3</b></p><p><b>　　關(guān)鍵字3</b></p><p><b>　　一、概述4</b></p><p>　　二、功能需求分析4</p>

2、;<p><b>　　三、網(wǎng)站結(jié)構(gòu)5</b></p><p><b>　　3.1設(shè)計步驟5</b></p><p><b>　　3.2編寫代碼6</b></p><p><b>　　總 結(jié)11</b></p><p><b&g

3、t;　　參考文獻12</b></p><p><b>　　標(biāo)題：宜居家具網(wǎng)站</b></p><p><b>　　摘 要</b></p><p>　　學(xué)習(xí)就是為了獲得知識，現(xiàn)在我們學(xué)習(xí)了網(wǎng)頁設(shè)計，當(dāng)然就是要能做一個精美的網(wǎng)頁。在此次網(wǎng)頁設(shè)計中，我更加的了解網(wǎng)頁設(shè)計工具強大的功能和更好的使用它。誠然，此次設(shè)計

4、的個人網(wǎng)頁，一方面是為了完成我的作業(yè)，但更重要的是把我所學(xué)到的東西用在具體的實踐之中，所以，這次設(shè)計的目的也是要我更好的掌握和使用網(wǎng)頁設(shè)計工具和技術(shù)，以便提高對網(wǎng)頁知識的更深層了解。最要的一點是，把我們在書本上學(xué)到的知識充分運用到此次設(shè)計之中。使我們的在書上學(xué)到的東西不僅僅停留在表面上，把這些東西都用在所要做的網(wǎng)頁上面。以達到老師要求的效果和學(xué)以致用。我這次開發(fā)的是一個小型家具購買網(wǎng)站。創(chuàng)建本站的使用工具主要為：Dreamweaver、

5、flash抓取工具等，部分建站素材來源于網(wǎng)絡(luò)。伴隨著計算機技術(shù)在各行各業(yè)日益廣泛和深入的應(yīng)用，網(wǎng)絡(luò)的概念早已深入人心。本網(wǎng)站主要介紹宜居家具公司是為大家提供的優(yōu)質(zhì)的服務(wù)，為您的公寓、別墅、商業(yè)等做最完美的空間設(shè)計，為您的住處提供品質(zhì)最佳的家具。</p><p>　　本網(wǎng)站還可以看到各個產(chǎn)品的介紹、家具的款式、支付方式和聯(lián)系方式等頁面。給訪客提供方便。如果訪客看中了喜歡的家具就可以直接聯(lián)系我們，并且我們會根據(jù)您填寫

6、的個人信息送貨到家，您就可以足不出戶得到自己想要的家具。</p><p><b>　　關(guān)鍵字</b></p><p>　　網(wǎng)頁設(shè)計、Dreamweaver、flash抓取工具。</p><p><b>　　概述</b></p><p>　　要設(shè)計一個精美的網(wǎng)站前期工作必不可少，在網(wǎng)頁設(shè)計我認(rèn)真學(xué)習(xí)

7、了HTML語法和 Dreamweaver的一些知識，以及在課后自學(xué)了進行圖像編輯的一些小軟件。</p><p>　　網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設(shè)計上有許多共同之處，也要遵循一些設(shè)計的基本原則。但是，由于表現(xiàn)形式、運行方式和社會功能的不同，網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。</p><p>　　在網(wǎng)站目標(biāo)的確定方

8、面，我將網(wǎng)站定位符合廣大網(wǎng)民所需的購物網(wǎng)站，訪問者主要是準(zhǔn)備買家具的人。網(wǎng)頁的設(shè)計上盡可能保持頁面的簡潔，使訪問者不會感到雜亂。在色調(diào)上采用綠色作為主色調(diào)、白色為背景，寧靜樸素。</p><p><b>　　二、功能需求分析</b></p><p>　　在網(wǎng)站內(nèi)容上，網(wǎng)站根據(jù)網(wǎng)民需求而建，包括所有所有產(chǎn)品、廚房、臥室、客廳5大板塊。</p><p&

9、gt;　　網(wǎng)站整體模板為：頂部為網(wǎng)站導(dǎo)航欄，底部為網(wǎng)站鏈接以及相關(guān)的版權(quán)說明，中間是一個大的表格，里面是可編輯區(qū)域，背景均為默認(rèn)顏色。</p><p>　　在“首頁”板塊下包含了所有產(chǎn)品、廚房、臥室、客廳，每個小版塊中都有相關(guān)內(nèi)容，大部分素材以及文字均來自網(wǎng)絡(luò)，只不過自己略微修改編輯而已。內(nèi)容貼近網(wǎng)民心聲，根據(jù)時下流行趨勢搜集。首頁主題鮮明，讓網(wǎng)友一看便知是購物網(wǎng)站。</p><p>　　

10、在“所有產(chǎn)品”板塊下包含了：最新產(chǎn)品、最新關(guān)于產(chǎn)品的信息。以上內(nèi)容更加能吸引網(wǎng)民的眼球，增加網(wǎng)站的點擊率。另外加了一個flash，使得網(wǎng)站有點商業(yè)味道，更貼近實際，也使網(wǎng)站內(nèi)容不至于太單調(diào)。</p><p>　　在“臥室”板塊下包含了：時下最熱門的最受歡迎的特色家具，這些家具性價比和舒適度都是比較高的，讓進來的網(wǎng)友不用在深入查找就可以找到自己喜歡的家具同時在每個板塊的下面都會有一個支付鏈接艮為方便了。</p

11、><p>　　在“客廳”板塊包含了給網(wǎng)友提出了一些布局上的建議，讓猶豫的網(wǎng)友一眼就會喜歡上這個網(wǎng)站，同時更會介紹給周圍的朋友。</p><p>　　在“聯(lián)系方式”板塊包含了網(wǎng)站簡介發(fā)展理念 、您可以為本站做些什么、聯(lián)系方式和關(guān)于本站的用戶體驗的相關(guān)內(nèi)容，此外底部加入了鏈接廣告。</p><p><b>　　三、網(wǎng)站結(jié)構(gòu)</b></p>

12、<p><b>　　3.1設(shè)計步驟</b></p><p>　　3.1.1、用制圖工作畫出一個自己想要的網(wǎng)頁。 </p><p>　　3.1.2根據(jù)畫出來的網(wǎng)頁效果圖在DW中使用css+div布局。</p><p>　　制作一個完整的網(wǎng)站，首先是建立站點，只有建立站點，才能更好的完成網(wǎng)頁制作和站點 文件管理。本地站點是使用Dream

13、weaver制作網(wǎng)頁的工作目錄，也就是為網(wǎng)站特別建立的總文件夾。在這個文件夾里使用者可以再按照網(wǎng)頁制作的要求，建立不同分類的其他文件夾，如：圖像文件夾、欄目文件夾、數(shù)據(jù)文件夾等。具體建立站點步驟如下，啟動Dreamweaver CS4軟件，選擇菜單“站點”|“新建站點”命令，如圖；</p><p><b>　　圖3-1管理站點</b></p><p>　　打開未命名的

14、站點定義對話框個，然后在對話框中選擇左邊“分類”選項中的“本地信息”選項在“本地信息”選項的“站點名稱”文本框中輸入站點名稱，后單擊下面“本地跟文件夾”文本框后面按鈕，打開選擇本地站點文件夾的對話框，然后選擇前面創(chuàng)建的文件夾單擊選擇按鈕完成站點的建立 </p><p><b>　　3.2編寫代碼</b></p><p>　　此作品主要使用 Adobe Dreamwea

15、ver CS3 軟件制作。</p><p>　　網(wǎng)站實現(xiàn)過程中使用的部分代碼如下</p><p><b>　　<body></b></p><p>　　<div class="wrapper"></p><p>　　<div class="wrap"&

16、gt;</p><p>　　<div class="wrap_inner"></p><p>　　<div class="cssmenu"></p><p><b>　　<ul></b></p><p>　　<li><a hre

17、f="index.html">所有產(chǎn)品</a></li></p><p>　　<li class="active"><a href="about.html">臥室</a></li></p><p>　　<li><a href=&quo

18、t;product.html">廚房</a></li></p><p>　　<li class="has-sub"><a href="service.html">客廳</a></li></p><p>　　<li class="last"

19、><a href="contact.html">聯(lián)系方式</a></li></p><p>　　<div class="clear"></div></p><p><b>　　</ul></b></p><p><b>

20、;　　</div></b></p><p>　　<div class="logo"></p><p>　　<h1><a href="index.html"><img src="images/logo.png" alt=""></a&g

21、t;</h1></p><p><b>　　</div></b></p><p>　　<!--start content--></p><p>　　<div class="main"></p><p>　　<div class="abou

22、t"></p><p>　　<h2>找到自己的臥室風(fēng)格</h2></p><p>　　<div class="cont-grid"></p><p>　　<div class="abt-para"></p><p>　　<span&g

23、t;歡迎來到臥室展示區(qū)，這里的臥室家具組合種類繁多、風(fēng)格不一、大小各異、價格也都合理。我們已經(jīng)為您搭配好產(chǎn)品，所以您在家也可輕松布置。四處看看，尋找您夢想的臥室吧。.</span></p><p>　　<p class="para">舒適的床為您帶來一整夜的好睡眠。臥室家具為您打造更多儲物空間（讓您輕松找到物品）。有溫暖的燈光營造氛圍，還有柔軟的紡織品相伴，而這一切的價

24、格都讓可您大放寬心，酣然入夢。</p></p><p>　　<p class="para">白天越來越短，夜晚越來越長。您大可以依偎床鋪、開始“冬眠”?！岸摺币馕吨阍趯庫o而整潔的臥室中，讓自己為溫馨舒適所環(huán)繞，盡情做自己想做的事。</p></p><p>　　<div class="button top1"

25、;><a href="details.html">預(yù)讀更多</a></div></p><p><b>　　</div></b></p><p>　　<div class="clear"></div></p><p><b

26、>　　</div></b></p><p>　　<div class="cont-grid-img img_style"></p><p>　　<a href="details.html"><img src="images/pic4.jpg" alt="&quo

27、t;></a></p><p><b>　　</div></b></p><p>　　<div class="clear"></div></p><p>　　<div class="about-p"></p><p>

28、;　　<h1 class="about">——12平米臥室怎么裝？40個現(xiàn)代風(fēng)格臥室給你靈感！</h1></p><p>　　<p class="para">臥室是家庭最重要的地方，需要用心去裝飾。對于面積只有12平米的臥室，如何簡單地營造出溫馨、舒適的氛圍？空間或許不完美，但照樣可以通過合理的規(guī)劃設(shè)計來彌補。如果你恰好也遇到了小戶型臥室

29、裝修，不妨來看看這40款現(xiàn)代風(fēng)格臥室，創(chuàng)意的空間布局、顏色、家具設(shè)</p></p><p>　　<p class="para">————————————————————————————————————————————————————————————————————————</p></p><p>　　<h1>驚艷歲月 簡歐

30、風(fēng)格臥室裝修效果圖</h1></p><p>　　<p class="para">在裝修中，不管是客廳、廚房，還是臥室都是重要的地方，尤其是臥室，我們的睡眠關(guān)系到自身的健康，要怎么打造才是真的適合自己呢，今天小編借一些簡歐風(fēng)格臥室裝修效果圖給你參考，這些簡歐風(fēng)格臥室裝修效果圖絕對值得一看！</p></p><p>　　<p cl

31、ass="para">————————————————————————————————————————————————————————————————————————</p></p><p>　　<h1 fid="1666" did="24779766" tid="1" pid="1" id

32、="artibodyTitle">5款臥室風(fēng)格鑒賞：讓沉寂的風(fēng)采伴你入眠</h1></p><p>　　<span class="para">在臥室的設(shè)計中我利用不同的元素，使整個空間格局無處不流露著輕松自然及浪漫的氣息，在設(shè)計上極力突出其通透、流動、自然親切之感，加強了莊重的氣氛，又具備休閑的空間格調(diào)，以獨特的表現(xiàn)形式來滿足人們對空間環(huán)境那種

33、感性、本能和理性的需求。更多別墅臥室設(shè)計內(nèi)容請點擊》》美圖控珍藏的8款臥室設(shè)計！一個人的精彩享受單人房的美 </span></p><p>　　<p class="para">————————————————————————————————————————————————————————————————————————</p></p>

34、<p>　　<p class="para">&nbsp;</p></p><p>　　<div class="button top1"><a href="details.html">預(yù)讀更多</a></div></p><p><b

35、>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="clear"></div></p><p><b>　　</div></b></p>&l

36、t;p>　　<!--end content--></p><p>　　<div class="grids_btm"></p><p>　　<div class="grids"></p><p>　　<div class="images_1_of_1">&

37、lt;/p><p><b>　　<p>支</p></b></p><p><b>　　</div></b></p><p>　　<div class="grid_1_of_1"></p><p>　　<h3>支付寶支付<

38、;/h3></p><p>　　<p>你可以使用支付寶支付可以享受更多的優(yōu)惠，想了解更多詳情，請點擊www.zhifubao.com進入查看更多優(yōu)惠》》》</p> </p><p><b>　　</div></b></p><p><b>　　</div></b>

39、</p><p>　　<div class="grids"></p><p>　　<div class="images_1_of_1"></p><p><b>　　<p>￥</p></b></p><p><b>　　&l

40、t;/div></b></p><p>　　<div class="grid_1_of_1"></p><p>　　<h3>支付</h3></p><p>　　<p>你可以選擇自己喜歡的方式進行付款，支持各類銀行的網(wǎng)上銀行在線支付，請點擊支付》》》</p> <

41、/p><p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="clear"><

42、/div></p><p>　　<div class="footer1"></p><p>　　<div class="copy"></p><p>　　<p class="w3-link">設(shè)計人：張文艷</p></p><p>

43、;<b>　　</div></b></p><p>　　<div class="clear"></div></p><p><b>　　</div></b></p><p><b>　　</div></b></p&

44、gt;<p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　首頁效果圖如下：</b></p><p>　　由于時間有限，其他各板塊大多以模板制成，各個板塊根據(jù)其特點，其內(nèi)容或排版方式各有不同。各板塊

45、與首頁類似由表格構(gòu)件其框架。這樣做使網(wǎng)頁結(jié)構(gòu)清晰，質(zhì)樸大方，清晰。</p><p><b>　　總 結(jié)</b></p><p>　　對于一個沒有學(xué)習(xí)過動態(tài)網(wǎng)頁制作的人來說，做一個靜態(tài)的網(wǎng)頁，只要充分利用好表格，使網(wǎng)頁結(jié)構(gòu)清晰明了，內(nèi)容充實緊湊，這個網(wǎng)站就可以算得上是一個合格的網(wǎng)站了。從這方面考慮，我相信我的網(wǎng)站是一個合格的作品。當(dāng)然，我還需要不斷學(xué)習(xí)，因為目前動態(tài)網(wǎng)

46、頁構(gòu)成的網(wǎng)站才是主流的網(wǎng)站。學(xué)習(xí)的路還很漫長，今后要不斷的努力完善自己，用知識武裝自己。只有適應(yīng)社會發(fā)展的需求，適應(yīng)時代發(fā)展的需求，才能在競爭日益激烈的社會中立足。因此，我會嚴(yán)格要求自己，希望在老師的幫助下，在自己的努力下，在生活中找到屬于自己的位置。</p><p>　　感謝我的指導(dǎo)老師康利老師。在本次設(shè)計中,我從老師身上學(xué)到了很多東西。老師的認(rèn)真負(fù)責(zé)的工作態(tài)度、嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神、深厚的理論知識和實踐經(jīng)驗都使我受

47、益匪淺。他無論在理論上還是在實踐中,都給與我很大的幫助，使我得到不少的提高。這對于我以后的學(xué)習(xí)和工作都有巨大的幫助,感謝他細心的教導(dǎo)。另外，在網(wǎng)站開發(fā)過程中我觀看了許多從Internet下載下來的制作網(wǎng)站的教程，同時其他同學(xué)也給了我很大的幫助，幫助我解決了不少的難點，使得網(wǎng)站能及時開發(fā)完成。同時也對教程發(fā)布者和同學(xué)表示感謝。</p><p>　　本次的課程設(shè)計可以說是有了一個圓滿的結(jié)束。從中我也再次對自己的學(xué)習(xí)方

48、法有了更進一步的提高，在此再次感謝何老師對我精心的指導(dǎo)，使得我對網(wǎng)站開發(fā)有了更深的了解和認(rèn)識，并且在康利老師的指導(dǎo)下熟練地掌握了網(wǎng)站開發(fā)技術(shù)。</p><p><b>　　參考文獻</b></p><p>　　[1]彭萬波、張云杰、李長文。頁設(shè)計精彩實例，北京：電子工業(yè)出版社；</p><p>　　[2]宇帆、王方、何翠平。頁制作與網(wǎng)站建設(shè)從入

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 眾賞文庫僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論