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

下載本文檔

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

文檔簡(jiǎn)介

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è)計(jì)步驟5</b></p><p><b>　　3.2編寫代碼6</b></p><p><b>　　總 結(jié)11</b></p><p><b&g

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

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

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

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

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

8、面，我將網(wǎng)站定位符合廣大網(wǎng)民所需的購(gòu)物網(wǎng)站，訪問(wèn)者主要是準(zhǔn)備買家具的人。網(wǎng)頁(yè)的設(shè)計(jì)上盡可能保持頁(yè)面的簡(jiǎn)潔，使訪問(wèn)者不會(huì)感到雜亂。在色調(diào)上采用綠色作為主色調(diào)、白色為背景，寧?kù)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)說(shuō)明，中間是一個(gè)大的表格，里面是可編輯區(qū)域，背景均為默認(rèn)顏色。</p><p>　　在“首頁(yè)”板塊下包含了所有產(chǎn)品、廚房、臥室、客廳，每個(gè)小版塊中都有相關(guān)內(nèi)容，大部分素材以及文字均來(lái)自網(wǎng)絡(luò)，只不過(guò)自己略微修改編輯而已。內(nèi)容貼近網(wǎng)民心聲，根據(jù)時(shí)下流行趨勢(shì)搜集。首頁(yè)主題鮮明，讓網(wǎng)友一看便知是購(gòu)物網(wǎng)站。</p><p>　　

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

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

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

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

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

15、ver CS3 軟件制作。</p><p>　　網(wǎng)站實(shí)現(xiàn)過(guò)程中使用的部分代碼如下</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;歡迎來(lái)到臥室展示區(qū)，這里的臥室家具組合種類繁多、風(fēng)格不一、大小各異、價(jià)格也都合理。我們已經(jīng)為您搭配好產(chǎn)品，所以您在家也可輕松布置。四處看看，尋找您夢(mèng)想的臥室吧。.</span></p><p>　　<p class="para">舒適的床為您帶來(lái)一整夜的好睡眠。臥室家具為您打造更多儲(chǔ)物空間（讓您輕松找到物品）。有溫暖的燈光營(yíng)造氛圍，還有柔軟的紡織品相伴，而這一切的價(jià)

24、格都讓可您大放寬心，酣然入夢(mèng)。</p></p><p>　　<p class="para">白天越來(lái)越短，夜晚越來(lái)越長(zhǎng)。您大可以依偎床鋪、開始“冬眠”?！岸摺币馕吨阍趯?kù)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個(gè)現(xiàn)代風(fēng)格臥室給你靈感！</h1></p><p>　　<p class="para">臥室是家庭最重要的地方，需要用心去裝飾。對(duì)于面積只有12平米的臥室，如何簡(jiǎn)單地營(yíng)造出溫馨、舒適的氛圍？空間或許不完美，但照樣可以通過(guò)合理的規(guī)劃設(shè)計(jì)來(lái)彌補(bǔ)。如果你恰好也遇到了小戶型臥室

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

30、風(fēng)格臥室裝修效果圖</h1></p><p>　　<p class="para">在裝修中，不管是客廳、廚房，還是臥室都是重要的地方，尤其是臥室，我們的睡眠關(guān)系到自身的健康，要怎么打造才是真的適合自己呢，今天小編借一些簡(jiǎn)歐風(fēng)格臥室裝修效果圖給你參考，這些簡(jiǎn)歐風(fēng)格臥室裝修效果圖絕對(duì)值得一看！</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è)計(jì)中我利用不同的元素，使整個(gè)空間格局無(wú)處不流露著輕松自然及浪漫的氣息，在設(shè)計(jì)上極力突出其通透、流動(dòng)、自然親切之感，加強(qiáng)了莊重的氣氛，又具備休閑的空間格調(diào)，以獨(dú)特的表現(xiàn)形式來(lái)滿足人們對(duì)空間環(huán)境那種

33、感性、本能和理性的需求。更多別墅臥室設(shè)計(jì)內(nèi)容請(qǐng)點(diǎn)擊》》美圖控珍藏的8款臥室設(shè)計(jì)！一個(gè)人的精彩享受單人房的美 </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)惠，想了解更多詳情，請(qǐng)點(diǎn)擊www.zhifubao.com進(jìn)入查看更多優(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>你可以選擇自己喜歡的方式進(jìn)行付款，支持各類銀行的網(wǎng)上銀行在線支付，請(qǐng)點(diǎn)擊支付》》》</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è)計(jì)人：張文艷</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>　　首頁(yè)效果圖如下：</b></p><p>　　由于時(shí)間有限，其他各板塊大多以模板制成，各個(gè)板塊根據(jù)其特點(diǎn)，其內(nèi)容或排版方式各有不同。各板塊

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

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

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

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

溫馨提示

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

評(píng)論

0/150

提交評(píng)論