網(wǎng)站畢業(yè)論文設(shè)計(jì)：鮮花系統(tǒng)網(wǎng)站設(shè)計(jì)-文庫(kù)吧在線文庫(kù)
【正文】 配合使用，建立將用戶連接到數(shù)據(jù)庫(kù)、Web 服務(wù)和舊式系統(tǒng)的強(qiáng)大 Internet 應(yīng)用程序。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。 網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的頁(yè)面。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。確定網(wǎng)站主題 ：網(wǎng)站主題就是在建立網(wǎng)站時(shí)所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。顯然如果目前有一個(gè)系統(tǒng)正在被人使用，那么這個(gè)系統(tǒng)必定能完成某些有用的工作，因此新的目標(biāo)系統(tǒng)也必能完成它的基本功能；另一方面，如果現(xiàn)有系統(tǒng)是完美無(wú)缺的，用戶自然不會(huì)提出開(kāi)發(fā)新系統(tǒng)的要求。因特網(wǎng)的發(fā)展?fàn)顩r可以用日新月異來(lái)形容，通過(guò)電子商務(wù) 來(lái)完善對(duì)商品的采購(gòu)就給人們的生活帶來(lái)了很多方便。真正實(shí)現(xiàn)從商品的發(fā)布到商品的購(gòu)買一系列的網(wǎng)上銷售鮮花的功能。設(shè)計(jì)時(shí)間：從 2011 年 11月 2 日至 2011 年 11 月 20 日 共 3 周 設(shè)計(jì)人員： 馬 慧 芳 學(xué) 號(hào)： 0911090214 指導(dǎo)教師： 楊 寅 老 師 2011年11月20日 目 錄摘要 5關(guān)鍵詞 5前言 6第一部分 網(wǎng)站開(kāi)發(fā)項(xiàng)目需求分析 6第二部分 花店開(kāi)發(fā)的前期準(zhǔn)備 7一、制作網(wǎng)頁(yè)的步驟 7確定網(wǎng)站主題 7搜集材料 7規(guī)劃網(wǎng)站 7選擇合適的制作工具 7制作網(wǎng)頁(yè) 7二、制作網(wǎng)頁(yè)的要素 7網(wǎng)頁(yè)的整體布局設(shè)計(jì) 7網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用 8網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一 8 8第三部分 網(wǎng)上花店的總體設(shè)計(jì) 14第四部分 網(wǎng)上花店的版面設(shè)計(jì) 15一、設(shè)計(jì)首頁(yè)的第一步 15二、草案 15三、布局過(guò)程中應(yīng)遵循的原則 15四、添加網(wǎng)頁(yè)文字 16五、添加超鏈接 19六、插入Flash動(dòng)畫 20總結(jié) 23致謝 24參考文獻(xiàn) 25第 25 頁(yè) 共 25 頁(yè)摘要隨著因特網(wǎng)技術(shù)的迅速發(fā)展，各種各樣的網(wǎng)站已經(jīng)深入到日常生活的各個(gè)角落，越來(lái)越多的公司都建立了自己的網(wǎng)站，電子商務(wù)大行其道，個(gè)人網(wǎng)站也如雨后春筍般的發(fā)展起來(lái)。設(shè)計(jì)要求： 。在后臺(tái)能實(shí)現(xiàn)管理員的登錄、管理員對(duì)商品的分類發(fā)布、商品的管理、用戶信息的管理、訂單管理、管理員管理等。隨著因特網(wǎng)技術(shù)的迅速發(fā)展，各種各樣的網(wǎng)站已經(jīng)深入到日常生活的各個(gè)角落，越來(lái)越多的公司都建立了自己的網(wǎng)站，電子商務(wù)大行其道，個(gè)人網(wǎng)站也如雨后春筍般的發(fā)展起來(lái)?，F(xiàn)有的系統(tǒng)是信息的重要來(lái)源。第二部分 花店開(kāi)發(fā)的前期準(zhǔn)備一、制作網(wǎng)頁(yè)的步驟再做網(wǎng)頁(yè)之前，我上網(wǎng)瀏覽了做網(wǎng)頁(yè)的五個(gè)步驟。制作網(wǎng)頁(yè) ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)在線營(yíng)銷的意圖時(shí)，更要注意為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買。網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一要將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。從對(duì)基于 CSS 的設(shè)計(jì)提供領(lǐng)先的支持到手動(dòng)編碼功能，Dreamweaver 在一個(gè)集成和高效的環(huán)境中為專業(yè)人員提供了所需的工具。實(shí)現(xiàn)對(duì)代碼和設(shè)計(jì)的全面控制。nbsp。nbsp。它主要確定：網(wǎng)站需要實(shí)現(xiàn)哪些功能；網(wǎng)站開(kāi)發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時(shí)間；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。經(jīng)過(guò)需求分析階段的工作，系統(tǒng)必須“做什么”已經(jīng)清楚了，現(xiàn)在是決定“怎樣做”的時(shí)候了。通常程序中的一個(gè)模塊完成一個(gè)適當(dāng)?shù)淖庸δ?。因?yàn)槊總€(gè)人的顯示器分辨率不同，所以同一個(gè)頁(yè)面的大小可能出現(xiàn)640*480像素，800*600像素，1024*768像素等不同尺寸。三、布局過(guò)程中應(yīng)遵循的原則正常平衡亦稱“勻稱”。四、添加網(wǎng)頁(yè)文字我們開(kāi)始制作網(wǎng)頁(yè)的正文。nbsp。打開(kāi)所作頁(yè)面的其中一頁(yè)，然后選中導(dǎo)航欄里的任意一串文字，在屬性面板中點(diǎn)“鏈接”后面的文件夾圖標(biāo)“”，或者是用鏈接后面的“”直接連接在“文件”屬性欄中所顯示的頁(yè)面，或者是在“鏈接”文本框中輸入鏈接目標(biāo)文件的路徑和文件名如：；還可以在代碼里直接編寫點(diǎn)代碼，代碼如下: tr td height=54a href=img src=導(dǎo)航條/ width=190 height=50 //a/td /tr在設(shè)計(jì)視圖中按照以下的方法如圖5所示:圖5點(diǎn)確定，然后就可以達(dá)到目的。因?yàn)樾枨蠓治鍪且粋€(gè)軟件產(chǎn)生的前提，沒(méi)有使用價(jià)值的軟件是會(huì)別淘汰的。在這個(gè)過(guò)程中令我受益匪淺，特在此對(duì)老師和同學(xué)們表示衷心的感謝！同時(shí)還要尤其感謝我的指導(dǎo)老師楊老師的悉心指導(dǎo)和耐心的幫助，為我的論文設(shè)計(jì)提供科學(xué)的分析和認(rèn)真的指導(dǎo)，使我在論文設(shè)計(jì)的過(guò)程中能夠迅速解決難題，在此表示衷心的感謝！本次畢業(yè)論文設(shè)計(jì)，還有一些同學(xué)在系統(tǒng)、頁(yè)面、布局設(shè)計(jì)等方面也給了我許多精心的建議。這次編寫的花店網(wǎng)站對(duì)我來(lái)說(shuō)是一個(gè)將所學(xué)知識(shí)從書本運(yùn)用到實(shí)際操作的初次體驗(yàn)。圖6如果想讓在瀏覽器中可以顯示所作的頁(yè)面而不被Flash動(dòng)畫的背景所遮蔽那么要選中所加的Flash動(dòng)畫然后再其屬性面板中進(jìn)行設(shè)置，單擊“參數(shù)”按鈕會(huì)出現(xiàn)如圖7所示的對(duì)話框然后在對(duì)話框中的參數(shù)中書如wmode,在值中輸入transparent來(lái)達(dá)到效果。nbsp。如圖3所示：圖3在頁(yè)面中加入了滾動(dòng)的圖片，即可以讓頁(yè)面看起來(lái)具有動(dòng)態(tài)的感覺(jué)，符合現(xiàn)在人的審美特點(diǎn)，還可以減少對(duì)頁(yè)面的占用，讓頁(yè)面看起來(lái)更加的簡(jiǎn)潔，一目了然，然用戶看起來(lái)更方便快捷，不會(huì)產(chǎn)生疲勞感。凝視所謂凝視是利用頁(yè)面中人物視線，使瀏覽者仿照跟隨的心理，已達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀。我們?cè)谠O(shè)計(jì)思考系列文章第四篇講過(guò)站點(diǎn)整體的創(chuàng)意，版面布局意識(shí)一個(gè)創(chuàng)意的問(wèn)題，但要比站點(diǎn)整體的創(chuàng)意容易，有規(guī)律的多。就像傳統(tǒng)的報(bào)刊雜志編輯一樣，我們將網(wǎng)頁(yè)看做一張報(bào)紙，一本雜志來(lái)進(jìn)行排版布局。在系統(tǒng)的設(shè)計(jì)中，要注意分清計(jì)算機(jī)處理和手工處理的界限。所以應(yīng)該盡量取得用戶的理解，在明確需求并總體設(shè)計(jì)后提交方案，這樣對(duì)雙方都有益處。nbsp。nbsp。nbsp。Dreamweaver MX為當(dāng)前的Web技術(shù)和標(biāo)準(zhǔn)提供完備而開(kāi)放的解決方案，包括輔助功能和Web服務(wù)。網(wǎng)頁(yè)設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來(lái)，表達(dá)完美的設(shè)計(jì)意境。所以如果我們?cè)趯?duì)一家
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1