網(wǎng)站畢業(yè)論文（設(shè)計(jì)）：鮮花系統(tǒng)網(wǎng)站設(shè)計(jì)-文庫(kù)吧
2024-12-29 17:09 本頁(yè)面
【正文】 的主題以后，就要圍繞主題開始搜集材料了。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為制作網(wǎng)頁(yè)的素材。規(guī)劃網(wǎng)站 ：一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。選擇合適的制作工具 ：盡管選擇什么樣的工具并不會(huì)影響設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。制作網(wǎng)頁(yè) ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。二、制作網(wǎng)頁(yè)的要素網(wǎng)頁(yè)的整體布局設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺語言，要講究編排和布局。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)在線營(yíng)銷的意圖時(shí)，更要注意為了達(dá)到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買。 網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色比冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以如果我們?cè)趯?duì)一家出售冷食的商店進(jìn)行虛擬店面的頁(yè)面設(shè)計(jì)時(shí)，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些，增強(qiáng)人們的購(gòu)買心理，使得在線營(yíng)銷得到很好的實(shí)踐效果。另要注意的是網(wǎng)頁(yè)的顏色應(yīng)用雖沒有限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國(guó)家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。在設(shè)計(jì)中要考慮眾多因素。網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一要將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果。網(wǎng)頁(yè)設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。我所使用的軟件是Macromedia 公司推出的一款用于網(wǎng)頁(yè)設(shè)計(jì)的軟件——dreamweaverCS3。Dreamweaver是建立 Web 站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合為一個(gè)功能強(qiáng)大的工具，使每個(gè)級(jí)別的開發(fā)人員和設(shè)計(jì)人員都可利用它快速創(chuàng)建界面吸引人并且基于標(biāo)準(zhǔn)的站點(diǎn)和應(yīng)用程序。從對(duì)基于 CSS 的設(shè)計(jì)提供領(lǐng)先的支持到手動(dòng)編碼功能，Dreamweaver 在一個(gè)集成和高效的環(huán)境中為專業(yè)人員提供了所需的工具。開發(fā)人員可以將其選擇的服務(wù)器技術(shù)與 Dreamweaver 配合使用，建立將用戶連接到數(shù)據(jù)庫(kù)、Web 服務(wù)和舊式系統(tǒng)的強(qiáng)大 Internet 應(yīng)用程序。Dreamweaver允許開發(fā)人員設(shè)計(jì)Web站點(diǎn)和為Internet應(yīng)用程序編寫代碼。Dreamweaver MX組合了著名的可視排版工具Dreamweaver、快速Web應(yīng)用程序開發(fā)工具Dreamweaver的功能和Home Site的擴(kuò)展代碼編輯支持，形成了一個(gè)簡(jiǎn)單易用且功能強(qiáng)大的開發(fā)環(huán)境。Dreamweaver MX為當(dāng)前的Web技術(shù)和標(biāo)準(zhǔn)提供完備而開放的解決方案，包括輔助功能和Web服務(wù)。其主要特點(diǎn)是：（1）方便的網(wǎng)站管理；Dreamweaver MX結(jié)合了其知名的可視化布局工具、Dreamweaver的快速web應(yīng)用程序開發(fā)功能以及Macromedia HomeSite的廣泛代碼編輯支持，因此它既是創(chuàng)建專業(yè)網(wǎng)站的最佳途徑，也是構(gòu)建強(qiáng)大Internet應(yīng)用程序的最簡(jiǎn)便的方法。（2）無可比擬的控制能力；實(shí)現(xiàn)對(duì)代碼和設(shè)計(jì)的全面控制。利用Dreamweaver的可視化布局工具以及代碼編輯工具，您可以以自己希望的方式建立所需的站點(diǎn)。在期間還用到了Flash、Photoshop等的軟件，使網(wǎng)站看起來更加生動(dòng)美觀，更具有吸引力。 如圖1所示：圖1在主頁(yè)中所添加的Flash動(dòng)畫代碼如下：/script object classid=clsid:D27CDB6EAE6D11cf96B8444553540000 codebase=,0,28,0 width=1326 height=519 param name=movie value=背景/ / param name=quality value=high / param name=wmode value=transparent / embed src=背景/ width=1326 height=519 quality=high pluginspage= type=application/xshockwaveflash wmode=transparent/embed /object在主頁(yè)中所添加的PhotoShop代碼如下： tr td height=36 align=center background=背景/amp。nbsp。/td td colspan=3 rowspan=4 valign=topa href=img src=情侶用花/ width=68 height=70 border=0 //a/td td height=12/td td rowspan=7 valign=top backgroun
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1