網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)---兒童網(wǎng)站設(shè)計(jì)

1、<p>　　網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)（論文）</p><p>　　題目： 漂流島兒童網(wǎng)站設(shè)計(jì) </p><p>　　課程設(shè)計(jì)（論文）任務(wù)及評(píng)語(yǔ)</p><p>　學(xué) 號(hào)學(xué)生姓名專業(yè)班級(jí)電子商務(wù)09.1</p><p>　課程設(shè)計(jì)（論文）題目漂流島兒童網(wǎng)站設(shè)計(jì)</p><p>　課程設(shè)計(jì)（論文）任務(wù)網(wǎng)

2、頁(yè)總數(shù)不少于30頁(yè),界面友好具有明顯自己設(shè)計(jì)的特征.在DREAMWEAVER設(shè)計(jì)部分,鏈接靈活方便,完全能夠?qū)崿F(xiàn).,表單,表格,含有自己設(shè)計(jì)篩理過(guò)的圖像,框架, 建立自己的站點(diǎn),文件管理規(guī)范在FIREWORKS設(shè)計(jì)部分,必須有自己設(shè)計(jì)的圖像,進(jìn)行效果處理,動(dòng)畫(huà)設(shè)計(jì). 在FLASH設(shè)計(jì)部分,自己設(shè)計(jì)動(dòng)畫(huà),動(dòng)作動(dòng)畫(huà)與形狀動(dòng)畫(huà)至少各一個(gè),獨(dú)立完成的,元件,二個(gè)以上場(chǎng)景,含有聲音,FLASH文本設(shè)計(jì),具有行為效果).將FLASH 要放在自己設(shè)計(jì)

3、的網(wǎng)頁(yè)中.網(wǎng)站主題明確,不得抄襲.具有實(shí)用性.根據(jù)自己設(shè)計(jì)的內(nèi)容寫(xiě)出個(gè)人總結(jié),不少于1000字</p><p>　指導(dǎo)教師評(píng)語(yǔ)及成績(jī)?cè)跒槠谝粋€(gè)星期的課程設(shè)計(jì)中，該同學(xué)能在老師的嚴(yán)格要求下順利完成整個(gè)課程設(shè)計(jì)工作和文檔的撰寫(xiě)。程序能正常運(yùn)行，界面安排比較合理，課程設(shè)計(jì)符合要求。在整個(gè)課程設(shè)計(jì)的過(guò)程，態(tài)度端正，時(shí)間安排也很合理，能按時(shí)到實(shí)驗(yàn)室，不存在無(wú)故早退或遲到的情況。能基本在每個(gè)階段完成相應(yīng)的任務(wù)。存在一些主要不

4、足。在頁(yè)面的鏈接方面不夠快捷簡(jiǎn)便，內(nèi)容不夠新穎，技術(shù)比較單一。處理問(wèn)題和運(yùn)用知識(shí)的能力還有待提高，不能積極主動(dòng)的和老師溝通，希望該同學(xué)在以后的工作或?qū)W習(xí)中注意這些問(wèn)題，拓寬知識(shí)面，爭(zhēng)取更大的提高和進(jìn)步成績(jī)： 指導(dǎo)教師簽字： 王大中 2012年7月6日</p><p><b>　　目 錄</b></p>&

5、lt;p>　　第1章 課程設(shè)計(jì)目的與要求0</p><p>　　1.1 課程設(shè)計(jì)目的0</p><p>　　1.2 課程設(shè)計(jì)的實(shí)驗(yàn)環(huán)境1</p><p>　　1.3 課程設(shè)計(jì)的預(yù)備知識(shí)1</p><p>　　1.4 課程設(shè)計(jì)要求1</p><p>　　第2章 課程設(shè)計(jì)內(nèi)容1</p>&

6、lt;p>　　2.1 網(wǎng)站建設(shè)背景1</p><p>　　2.2 網(wǎng)站開(kāi)發(fā)需求分析2</p><p>　　2.3 開(kāi)發(fā)工具的選用及介紹2</p><p>　　2.3.1 Dreamweaver簡(jiǎn)介2</p><p>　　2.3.2 HTML語(yǔ)言的簡(jiǎn)介3</p><p>　　2.3.3 Flash 簡(jiǎn)介

7、4</p><p>　　2.4 制作網(wǎng)頁(yè)準(zhǔn)備工作5</p><p>　　2.5 網(wǎng)頁(yè)制作要素5</p><p>　　2.6 網(wǎng)站簡(jiǎn)介6</p><p>　　2.7 網(wǎng)站功能模塊圖8</p><p>　　2.8 網(wǎng)站功能分析8</p><p>　　2.8.1 網(wǎng)站主頁(yè)8</p&g

8、t;<p>　　2.8.2 開(kāi)心漫畫(huà)9</p><p>　　2.8.3 可愛(ài)動(dòng)畫(huà)10</p><p>　　2.8.4 童話樂(lè)園12</p><p>　　2.8.5 傳奇表情14</p><p>　　2.8.6 音樂(lè)季節(jié)16</p><p>　　第3章 個(gè)人總結(jié)19</p><

9、;p>　　第1章 課程設(shè)計(jì)目的與要求</p><p>　　1.1 課程設(shè)計(jì)目的</p><p>　　本課程的課程設(shè)計(jì)實(shí)際是電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)完《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程后，進(jìn)行的一次全面的綜合訓(xùn)練，其目的在于加深對(duì)基本知識(shí)的理解，掌握運(yùn)用各種書(shū)本學(xué)習(xí)過(guò)軟件的基本方法。</p><p>　　1.2 課程設(shè)計(jì)的實(shí)驗(yàn)環(huán)境</p><p>　　

10、硬件要求能運(yùn)行Windows 9.X操作系統(tǒng)的微機(jī)系統(tǒng)。數(shù)據(jù)庫(kù)應(yīng)用系統(tǒng)開(kāi)發(fā)軟件可以選用：FoxPro for Windows；Visual FoxPro；Microsoft Access，或其他數(shù)據(jù)庫(kù)管理系統(tǒng);以及其它學(xué)習(xí)或自己使用過(guò)的相關(guān)軟件.</p><p>　　1.3 課程設(shè)計(jì)的預(yù)備知識(shí)</p><p>　　熟悉數(shù)據(jù)庫(kù)的基本知識(shí)及一種以上數(shù)據(jù)庫(kù)系統(tǒng)開(kāi)發(fā)軟件。及有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的工具軟件.

11、</p><p>　　1.4 課程設(shè)計(jì)要求</p><p>　　按課程設(shè)計(jì)指導(dǎo)書(shū)提供的課題(參考)，應(yīng)根據(jù)下一節(jié)給出的基本需求獨(dú)立完成各個(gè)方面的設(shè)計(jì)，可以組成設(shè)計(jì)小組，分模塊進(jìn)行,共同協(xié)作完成一個(gè)應(yīng)用系統(tǒng)的開(kāi)發(fā)任務(wù)。要求書(shū)寫(xiě)詳細(xì)的設(shè)計(jì)說(shuō)明書(shū)，對(duì)復(fù)雜的代碼段和程序段，應(yīng)畫(huà)出程序流程圖。在界面設(shè)計(jì)中，畫(huà)出每個(gè)窗口的布局，有多個(gè)窗口時(shí)，按模塊調(diào)用的方式畫(huà)出窗口調(diào)用圖，用手工畫(huà)好報(bào)表和標(biāo)簽樣式，嚴(yán)

12、禁相互抄襲。</p><p>　　第2章 課程設(shè)計(jì)內(nèi)容</p><p>　　2.1 網(wǎng)站建設(shè)背景</p><p>　　隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的電子信息技術(shù)的發(fā)展正在步入一個(gè)新的階段。就目前的科技發(fā)展水平而言，電子信息技術(shù)的發(fā)展已經(jīng)不能夠滿足社會(huì)化大生產(chǎn)的要求，因此，各個(gè)國(guó)家集中人力、財(cái)力加大對(duì)信息技術(shù)產(chǎn)業(yè)的投入，以適應(yīng)目前需要。可喜的是在這幾十年的發(fā)

13、展中我們有了互聯(lián)網(wǎng)?；ヂ?lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道路。</p><p>　　我們的童年時(shí)期充滿了各種童話書(shū)、動(dòng)畫(huà)片以及各種各樣的玩具，對(duì)于我們來(lái)說(shuō)，這就是快樂(lè)的源泉。隨著社會(huì)的發(fā)展，電腦對(duì)于每個(gè)家庭來(lái)說(shuō)都是必不可少的，對(duì)于孩子們來(lái)說(shuō)，這是一個(gè)新的世界。然而，面對(duì)網(wǎng)上各種各樣的信息，家長(zhǎng)們總是為了找到適合孩子的內(nèi)容而發(fā)愁。</p><p&

14、gt;　　正是因?yàn)槿藗兊倪@些需求，越來(lái)越多的兒童網(wǎng)站出現(xiàn)在網(wǎng)絡(luò)上，使家長(zhǎng)們可以放心的讓孩子們?cè)诰W(wǎng)絡(luò)的世界里暢游，隨時(shí)觀看精彩的電影，隨時(shí)閱讀喜歡的童話，而不用為孩子的健康而擔(dān)心。</p><p>　　2.2 網(wǎng)站開(kāi)發(fā)需求分析</p><p>　　一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這種需求往往來(lái)自于用戶的實(shí)際需求或者是出于公司自身發(fā)展的需要，其中用戶的實(shí)際需求也就是說(shuō)這種交易性

15、質(zhì)的需求占了絕大部分。面對(duì)對(duì)網(wǎng)站開(kāi)發(fā)擁有不同知識(shí)層面的用戶，項(xiàng)目的負(fù)責(zé)人對(duì)用戶需求的理解程度，在很大程度上決定了此類網(wǎng)站開(kāi)發(fā)項(xiàng)目的成敗。因此如何更好地的了解、分析、明確用戶需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)給參與項(xiàng)目開(kāi)發(fā)的每個(gè)成員，保證開(kāi)發(fā)過(guò)程按照滿足用戶需求為目的正確項(xiàng)目開(kāi)發(fā)方向進(jìn)行，是每個(gè)網(wǎng)站開(kāi)發(fā)項(xiàng)目管理者需要面對(duì)的問(wèn)題。</p><p>　　國(guó)際電聯(lián)最新統(tǒng)計(jì)數(shù)據(jù)表明，2011年全球新增互聯(lián)網(wǎng)用戶將達(dá)2

16、.26億，使得全球用戶總數(shù)比五年前翻了一番即超過(guò)20億。其中家庭上網(wǎng)人數(shù)將從2009年的14億增加到2010年的16億。截至2010年底，發(fā)展中國(guó)家上網(wǎng)人數(shù)占總?cè)丝诘谋壤秊?0%，其中家庭上網(wǎng)的人數(shù)比例為41%；其中，在這些網(wǎng)民中，學(xué)生所占比例達(dá)到了36.2％，并且在網(wǎng)民總體中所占比例在上升。而在全國(guó)2億中小學(xué)生中，上網(wǎng)學(xué)生已達(dá)9000萬(wàn)，中小學(xué)生互聯(lián)網(wǎng)滲透率達(dá)到15.4%，已經(jīng)超過(guò)了整個(gè)網(wǎng)民的1/4。</p><p

17、>　　由此可見(jiàn)，建立適合少年兒童瀏覽的網(wǎng)站是刻不容緩的。</p><p>　　2.3 開(kāi)發(fā)工具的選用及介紹</p><p>　　2.3.1 Dreamweaver簡(jiǎn)介</p><p>　　Macromedia Dreamweaver MX 2004提供了更多功能強(qiáng)勁的可視化設(shè)計(jì)工具、應(yīng)用開(kāi)發(fā)環(huán)境以及代碼編輯支持。利用Dreamweaver的可視化編輯功能，用戶

18、可以快速地創(chuàng)建頁(yè)面。在Dreamweaver內(nèi)可以直接對(duì)圖形編輯，把Word和Excel文檔復(fù)制和粘貼到Dreamweaver中，會(huì)保留字體、顏色、CSS樣式表信息。使開(kāi)發(fā)人員和設(shè)計(jì)師能夠快捷的創(chuàng)建代碼規(guī)范的應(yīng)用程序，集成程度非常高，開(kāi)發(fā)環(huán)境精簡(jiǎn)而高效，開(kāi)發(fā)人員能夠運(yùn)用Dreamweaver與他們的服務(wù)器技術(shù)構(gòu)建功能強(qiáng)大的網(wǎng)絡(luò)應(yīng)用程序銜接到用戶的數(shù)據(jù)、網(wǎng)絡(luò)服務(wù)體系。</p><p>　　此外，Dreamweave

19、r MX 2004提供基于強(qiáng)大的規(guī)范管理來(lái)確保高質(zhì)量的設(shè)計(jì)，設(shè)計(jì)環(huán)境提供CSS迅速高效的開(kāi)發(fā)代碼簡(jiǎn)潔、專業(yè)規(guī)范的站點(diǎn)。如果用戶熟悉手工編寫(xiě)標(biāo)記代碼，Dreamweaver包括許多與編碼相關(guān)的工具和功能，其使用將更加靈活。并且，借助Dreamweaver還可以使用服務(wù)器語(yǔ)言生成支持動(dòng)態(tài)數(shù)據(jù)庫(kù)的Web應(yīng)用程序。</p><p>　　Macromedia Dreamweaver MX 是創(chuàng)建專業(yè)網(wǎng)站的最佳途徑, 同時(shí)也

20、是構(gòu)建強(qiáng)大Internet 應(yīng)用程序的最簡(jiǎn)便的途徑。 開(kāi)發(fā)人員第一次能在一個(gè)環(huán)境內(nèi)快速創(chuàng)建和管理網(wǎng)站及 Internet應(yīng)用程序。Dreamweaver MX 是一個(gè)完整、集成的解決方案, 可為您提供可視化的布局工具、快速的 web應(yīng)用程序開(kāi)發(fā)以及廣泛的代碼編輯支持了全面、系統(tǒng)地提升網(wǎng)絡(luò)設(shè)計(jì)、開(kāi)發(fā)者的 Macromedia Dreamweaver MX 及其它軟件應(yīng)用水平。 </p><p>　　2.3.2 HT

21、ML語(yǔ)言的簡(jiǎn)介</p><p>　　HTML一種為普通文件中某些字句加上標(biāo)示的語(yǔ)言，其目的在于運(yùn)用標(biāo)記（tag）使文件達(dá)到預(yù)期的顯示效果。 </p><p>　　HTML只是標(biāo)示語(yǔ)言，基本上你只要明白了各種標(biāo)記的用法便算學(xué)懂了 html，html 的格式非常簡(jiǎn)單，只是由文字及標(biāo)記組合而成，于 編輯方面，任何文字編輯器都可以，只要能將文件另存成 ascii 純文字格式即可，當(dāng)然 以專業(yè)的網(wǎng)頁(yè)

22、編輯軟件為佳。</p><p>　　設(shè)計(jì)HTML語(yǔ)言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Internet就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字

23、、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。 </p><p>　　另外，HTML是網(wǎng)絡(luò)的通用語(yǔ)言，一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。神奇嗎?一點(diǎn)都不神奇,因?yàn)楝F(xiàn)在你看到的就是這種語(yǔ)言寫(xiě)

24、的頁(yè)面。 </p><p>　　也許你聽(tīng)說(shuō)過(guò)許多可以編輯網(wǎng)頁(yè)的軟件，事實(shí)上，你不需要用任何專門(mén)的軟件來(lái)建立HTML頁(yè)面；你所需要的只是一個(gè)文字處理器以及HTML的工作常識(shí)。其實(shí)你很快就會(huì)發(fā)現(xiàn),基礎(chǔ)的HTML語(yǔ)言簡(jiǎn)直容易死了。 </p><p>　　HTML只不過(guò)是組合成一個(gè)文本文件的一系列標(biāo)簽。它們很像樂(lè)隊(duì)的指揮，告訴樂(lè)手們哪里需要停頓，哪里需要激昂。</p><p&g

25、t;　　2.3.3 Flash 簡(jiǎn)介</p><p>　　Flash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫(huà)的標(biāo)準(zhǔn)，由Adobe公司收購(gòu)。網(wǎng)頁(yè)設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash也是存儲(chǔ)芯片的一種，通過(guò)特定的程序可以修改里面的數(shù)據(jù)。Flash的前身是Future Wave公司的Future Splash，是世界上第一個(gè)商用的二維矢量動(dòng)畫(huà)軟件

26、，用于設(shè)計(jì)和編輯Flash文檔。1996年11月，美國(guó)Macromedia公司收購(gòu)了Future Wave，并將其改名為Flash。在出到Flash 8以后，Macromedia又被Adobe公司收購(gòu)。Flash通常也指Macromedia Flash Player(現(xiàn)Adobe Flash Player)。</p><p>　　Flash，是一種動(dòng)畫(huà)創(chuàng)作與應(yīng)用程序開(kāi)發(fā)于一身的創(chuàng)作軟件，目前最新的零售版本為Ado

27、be Flash Professional CS6(2012年發(fā)布)。Adobe Flash Professional CS6為創(chuàng)建數(shù)字動(dòng)畫(huà)、交互式Web站點(diǎn)、桌面應(yīng)用程序以及手機(jī)應(yīng)用程序開(kāi)發(fā)提供了功能全面的創(chuàng)作和編輯環(huán)境。Flash廣泛用于創(chuàng)建吸引人的應(yīng)用程序，它們包含豐富的視頻、聲音、圖形和動(dòng)畫(huà)?？梢栽贔lash中創(chuàng)建原始內(nèi)容或者從其它Adobe應(yīng)用程序（如Photoshop或Illustrator）導(dǎo)入它們，快速設(shè)計(jì)簡(jiǎn)單的動(dòng)畫(huà)，以

28、及使用Adobe AcitonScript 3.0開(kāi)發(fā)高級(jí)的交互式項(xiàng)目。設(shè)計(jì)人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash可以包含簡(jiǎn)單的動(dòng)畫(huà)、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用Flash創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡(jiǎn)單的動(dòng)畫(huà)。您也可以通過(guò)添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Flash應(yīng)用程序。</p><p&g

29、t;　　2.4 制作網(wǎng)頁(yè)準(zhǔn)備工作</p><p>　　在做網(wǎng)頁(yè)之前，我確定了做網(wǎng)頁(yè)的五個(gè)步驟。</p><p>　　(1)確定網(wǎng)站主題 ：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。</p><p>　　(2)搜集材料 ：明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜

30、集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。</p><p>　　(3)規(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í)駕輕就熟，胸有成竹。也只有如此

31、制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。</p><p>　　(4)選擇合適的制作工具 ：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。</p><p>　　(5)制作網(wǎng)頁(yè) ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂

32、先大后小，就是說(shuō)在制作網(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)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。</p><p>　　2.5 網(wǎng)頁(yè)制作要素</p><p>　　(1)網(wǎng)頁(yè)的整體布局設(shè)計(jì)</p><p>　　網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，要講究編排和

33、布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(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)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)在線營(yíng)銷的意圖時(shí)，更要注意為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，

34、它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買。(2)網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用</p><p>　　色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特

35、質(zhì)，如紅色象征血、太陽(yáng)；藍(lán)色象征大海、天空和水面等。所以如果我們?cè)趯?duì)一家出售冷食的商店進(jìn)行虛擬店面的頁(yè)面設(shè)計(jì)時(shí)，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺(jué)涼爽一些，增強(qiáng)人們的購(gòu)買心理，使得在線營(yíng)銷得到很好的實(shí)踐效果。另要注意的是網(wǎng)頁(yè)的顏色應(yīng)用雖沒(méi)有限制，但不能毫無(wú)節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，在已經(jīng)有了完備的CIS（企業(yè)形象識(shí)別系統(tǒng)）的企業(yè)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)

36、用過(guò)程中，還應(yīng)注意的一個(gè)問(wèn)題是：由于國(guó)家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮眾多因素。</p><p>　　(3)網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一</p><p>　　要將豐富的意義和多樣的形

37、式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺(jué)語(yǔ)言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果。網(wǎng)

38、頁(yè)設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來(lái)，表達(dá)完美的設(shè)計(jì)意境。</p><p><b>　　2.6 網(wǎng)站簡(jiǎn)介</b></p><p>　　本網(wǎng)站以面對(duì)少年兒童為主，其中包含了充滿幻想的童話故事，可愛(ài)搞笑的漫畫(huà)，生動(dòng)有趣的動(dòng)畫(huà)，悠揚(yáng)悅耳的音樂(lè)以及最近流行的表情等，充滿了童真童趣。而網(wǎng)站的名字是漂流島，代表著我的主頁(yè)的名稱，更能體現(xiàn)出網(wǎng)頁(yè)的獨(dú)特風(fēng)

39、格和與眾不同。整個(gè)網(wǎng)頁(yè)的主題顏色是以藍(lán)色為主，白色為輔，看起來(lái)清新自然，適合少年兒童的年齡審美，網(wǎng)站體現(xiàn)出童真童趣，仿佛置身于澄澈的天空中，讓訪問(wèn)的朋友感到放松和愉快。在主頁(yè)中還運(yùn)用flash的一些特效，這樣更能生動(dòng)的顯示出網(wǎng)頁(yè)的生動(dòng)活潑。為了讓網(wǎng)頁(yè)看起來(lái)有一些整體感，故在本網(wǎng)站中，大部分的背景圖片都是用photoshop這個(gè)軟件制作了看起來(lái)很漂亮的圖片，所以我覺(jué)得我的主頁(yè)看起來(lái)也比較美觀、得體，在字體的運(yùn)用中，大的標(biāo)題、標(biāo)志、主菜單的

40、的字體的顏色，與主頁(yè)得色調(diào)一樣，這樣看起不會(huì)覺(jué)得眼花繚亂。</p><p>　　為了方便大部分訪問(wèn)者，本網(wǎng)站的操作簡(jiǎn)單快捷，可以快速的連接到各單元模塊，讓少年兒童和家長(zhǎng)們?cè)谳p松快捷的環(huán)境中享受到樂(lè)趣。</p><p>　　在開(kāi)發(fā)網(wǎng)站中包括的內(nèi)容為：</p><p><b>　?。?）主頁(yè)</b></p><p><

41、b>　?。?）開(kāi)心漫畫(huà)</b></p><p><b>　?。?）可愛(ài)動(dòng)畫(huà)</b></p><p><b>　?。?）童話樂(lè)園</b></p><p><b>　　（5）傳奇表情</b></p><p><b>　?。?）音樂(lè)季節(jié)</b>

42、</p><p><b>　?。?）各個(gè)子頁(yè)</b></p><p>　　2.7 網(wǎng)站功能模塊圖</p><p>　　2.8 網(wǎng)站功能分析</p><p>　　2.8.1 網(wǎng)站主頁(yè)</p><p>　　網(wǎng)站的主頁(yè)是每個(gè)訪問(wèn)者最先訪問(wèn)的地方，因此，網(wǎng)站首頁(yè)的設(shè)計(jì)是極為重要的。漂流島主題網(wǎng)站的主頁(yè)以藍(lán)

43、色為主基調(diào)，讓人感覺(jué)清新自然。其中包含了與其他模塊的鏈接，使訪問(wèn)者可以方便快捷的進(jìn)入想要訪問(wèn)的網(wǎng)頁(yè)。</p><p>　　圖 2-1 網(wǎng)站首頁(yè)</p><p>　　2.8.2 開(kāi)心漫畫(huà)</p><p>　　漫畫(huà)是一種藝術(shù)形式，是用簡(jiǎn)單而夸張的手法來(lái)描繪生活或時(shí)事的圖畫(huà)。一般運(yùn)用變形、比擬、象征、暗示、影射的方法，構(gòu)成幽默詼諧的畫(huà)面或畫(huà)面組，以取得諷刺或歌頌的效果。是

44、一種具有強(qiáng)烈的諷刺性或幽默感的繪畫(huà)。常采用夸張、比喻、象征等手法，諷刺、批評(píng)或歌頌?zāi)承┤撕褪?，具有較強(qiáng)的社會(huì)性。也有純?yōu)閵蕵?lè)的作品，娛樂(lè)性質(zhì)的作品往往存在搞笑型和人物創(chuàng)造（設(shè)計(jì)一個(gè)作者所虛擬的世界與規(guī)則）兩種。</p><p>　　如今，漫畫(huà)已經(jīng)成為我們童年中不可缺少的一部分，但是由于漫畫(huà)的種類以及作品眾多，因此我們網(wǎng)站選擇了三種比較有代表的作品。</p><p>　　綠豆蛙，誕生于200

45、3年的夏天，可愛(ài)的形象、活潑的性格一下子就吸引住了很多網(wǎng)友的心。綠豆蛙 LEON ，有著對(duì)它來(lái)說(shuō)非常遠(yuǎn)大的志向，就是結(jié)交天下的朋友，尋找自己的幸福。但是前途漫漫，展現(xiàn)在它眼前的并不是完美的世界，而是現(xiàn)實(shí)的生活。</p><p>　　小破孩，中國(guó)網(wǎng)絡(luò)原創(chuàng)的經(jīng)典形象之一，動(dòng)畫(huà)片主角是 “ 小破孩 ” 和 “小丫” 兩個(gè)胖乎乎的卡通人物，造型簡(jiǎn)潔流暢，具有典型的中國(guó)風(fēng)格。影片的取材和表現(xiàn)非常多樣，比如傳統(tǒng)題材的《景陽(yáng)岡

46、》《金瓶梅》《射雕英雄傳》、西方題材的《佐羅》系列、以及即時(shí)性的題材《七種武器》《中秋 . 背媳婦》等等。</p><p>　　幾米漫畫(huà)，幾米 , 近年來(lái)臺(tái)灣最炙手可熱 的繪本作家 。 1998 年 8 月首度出版?zhèn)€人 的繪本《森林里的秘密》、《微笑的魚(yú)》， 1999 年以《向左走、向右走》、《聽(tīng)?zhēng)酌壮琛泛汀对铝镣浟恕?三部作品，展現(xiàn)出驚人的創(chuàng)作力和多變的敘事風(fēng)格，在出版市場(chǎng)興起了一陣持續(xù)至今熱力不減的 繪本

47、創(chuàng)作 風(fēng)潮。幾米讓 " 圖像 " 成為另一種 清新舒潔的 文學(xué)語(yǔ)言，在他的作品里營(yíng)造出流暢的畫(huà)面，散發(fā)出深情迷人的風(fēng)采。</p><p>　　圖 2-2 幾米漫畫(huà)頁(yè)面</p><p>　　圖 2-3 綠豆蛙系列頁(yè)面</p><p>　　2.8.3 可愛(ài)動(dòng)畫(huà)</p><p>　　動(dòng)畫(huà)，對(duì)于我們來(lái)說(shuō)都是最美好的回憶之一，我們每

48、個(gè)人的童年都離不開(kāi)動(dòng)畫(huà)片的陪伴。漂流島網(wǎng)站的動(dòng)畫(huà)，用flash演繹了一個(gè)小故事，《地下鐵》社會(huì)高速發(fā)展，來(lái)來(lái)往往的地下鐵路成為了城市文明與社會(huì)生活的縮影，從入口到出口，地下鐵路將你從起點(diǎn)帶到終點(diǎn)，抑或是另一個(gè)起點(diǎn)。 故事講一個(gè)失明的小女孩，在15歲生日當(dāng)天，決定自己一個(gè)人在城市里探險(xiǎn)。她戰(zhàn)戰(zhàn)兢兢地搭乘地下鐵，從一個(gè)陌生的小站出發(fā)，前往另一個(gè)陌生的小站。旅途中，她一邊回憶、拼湊、感覺(jué)、摸索這被黑暗籠罩的世界，“尋找心中隱約閃爍的光亮”，也

49、同時(shí)感受到新的希望、新的方向，和新的生命力。作者帶領(lǐng)大家共同去尋找心中點(diǎn)滴的亮光。</p><p>　　個(gè)人覺(jué)得，地下鐵就好比你的人生或者你的一個(gè)決定，每一站起點(diǎn)也好終點(diǎn)也罷，誰(shuí)又能分的清楚，這一站是上一站的結(jié)束下一站的開(kāi)始，做錯(cuò)了車下錯(cuò)了站，人生總有要面對(duì)的困難，要做出的選擇，會(huì)無(wú)助會(huì)恐慌會(huì)期望會(huì)適應(yīng)，但不管無(wú)如何總有到終點(diǎn)的時(shí)候不是？</p><p><b>　　片段賞析：&

50、lt;/b></p><p>　　那像是一座水晶城堡 </p><p><b>　　美麗卻虛幻 </b></p><p>　　我覺(jué)得幾米是畫(huà)出不見(jiàn)光明的盲女內(nèi)心里五彩繽紛的世界 </p><p>　　她看不見(jiàn)，卻想像得到。她所想的，遠(yuǎn)遠(yuǎn)超過(guò)現(xiàn)實(shí)生活的美好，就像幾米的畫(huà)中畫(huà)的那些溫暖美麗的場(chǎng)景 </p>

51、<p>　　盲女在一次次走向地下鐵出口時(shí)，都在憧憬著出口外的世界 </p><p>　　她想像會(huì)有打著傘的小企鵝來(lái)接她，會(huì)在通往森林時(shí)被大樹(shù)后面的小豬看見(jiàn) </p><p>　　不知道你有沒(méi)有注意，盲女的身邊總有一直無(wú)聞的忠誠(chéng)的狗。這或許說(shuō)明了盲女一樣的弱勢(shì)群體總會(huì)得到關(guān)愛(ài)和陪伴 </p><p>　　我覺(jué)得看幾米的畫(huà)，每個(gè)人可以有不同的理解，因?yàn)閹酌壮?/p>

52、了敘述，沒(méi)有任何議論性說(shuō)理性的文字，讓人有無(wú)限遐想和回味。我認(rèn)為看他的畫(huà)，重點(diǎn)不在于理解它的含義，而在于你是否被莫名地感動(dòng)了，有時(shí)候，反而不用理解含義，朦朦朧朧，似懂非懂，有這樣神奇美好的感覺(jué)會(huì)更加深刻 </p><p>　　幾米的書(shū)是一種魔法，并沒(méi)理解，卻一淚流滿面 ...</p><p>　　圖 2-4可愛(ài)動(dòng)畫(huà)頁(yè)面</p><p>　　2.8.4 童話樂(lè)園<

53、;/p><p>　　童話，伴隨我們的整個(gè)童年 安徒生在他的自傳中說(shuō)： " 人生就是一個(gè)童話。充滿了流浪的艱辛和執(zhí)著追求的曲折，我的一生居無(wú)定所，我的心靈漂泊無(wú)依，童話是我流浪一生的阿拉丁神燈。我所走過(guò)的每一個(gè)市就是我生命旅程中的一個(gè)個(gè)站點(diǎn)，記錄著一個(gè)個(gè)豐富多彩、變化多端的故事。我體驗(yàn)過(guò)什么是貧苦與孤獨(dú)，后來(lái)又經(jīng)歷過(guò)豪華大廳中的生活。我知道什么叫做被奚落與受尊重，我曾在冰冷的暗夜中獨(dú)自流淚，承受失落愛(ài)情的苦痛

54、；也曾在如潮的贊語(yǔ)中體味收獲成功的快樂(lè)和幸福；也曾與國(guó)王駕車流連于陽(yáng)光和煦的阿爾卑斯山中……這是我一生歷史的一個(gè)個(gè)篇章！ ” </p><p>　　卡夫卡說(shuō) :" 書(shū)必須 是鑿破我們 心中冰封海洋的一把斧子。 " 我們?cè)噲D通過(guò)從零開(kāi)始的方式，忠實(shí)講述一個(gè)平凡者的傳奇經(jīng)歷，為更多人走向成功，提供范本、精神和力量。 用星巴克 創(chuàng)始人 -- 霍華德·舒爾茨的話可以概括阿倫走過(guò)的 7 年道路

55、，同時(shí)表達(dá)我們的觀點(diǎn)： " 如果你傾心投入于自己的工作，或者任何值得為之努力的事業(yè)，你就有可能實(shí)現(xiàn)在他人看來(lái)不可能實(shí)現(xiàn)的夢(mèng)想，生活因此會(huì)變得很有意義。"</p><p>　　我們的童年充滿了各種各樣的童話，在童話樂(lè)園這個(gè)欄目中，我們包含了經(jīng)典童話、伊索寓言、黑暗童話以及作者簡(jiǎn)介這四個(gè)模塊。</p><p>　　經(jīng)典童話，經(jīng)典的名著和童話囊括了人類文化的精髓，為青少年的成

56、長(zhǎng)提供了全面而豐富的養(yǎng)料，不但可以提高我們的文化修養(yǎng)，而且還可以為我們們的成長(zhǎng)做一個(gè)很好的指導(dǎo)。不同的經(jīng)典名著，可以為我們補(bǔ)充不同的精神養(yǎng)分。經(jīng)典童話，就是我們所熟知的《格林童話》、《安徒生童話》等讓我們耳熟能詳?shù)耐捁适?。童話，就像一塊濃甜的巧克力，含進(jìn)嘴里，除了那一股股柔絲潤(rùn)滑的香甜外，更能給予他們長(zhǎng)久的回味與滋潤(rùn)，得到一種徹頭徹尾的放松與休息。在綠草茵茵的公園里、涼風(fēng)習(xí)習(xí)的 樹(shù)蔭 下、溫馨柔和的燈光下，到處可以看到手捧書(shū)籍、樂(lè)不可

57、支的孩子們。是這些美麗的童話，給了他們自由想象的空間，給了他們精神愉悅的享受，更重要的是，他們從中了解了善與惡、美與丑，學(xué)會(huì)了明事理、辨是非，這種潛在的力量是無(wú)可估量的。</p><p>　　伊索寓言，是古希臘民間流傳的諷喻故事，經(jīng)后人加工，成為現(xiàn)在流傳的《伊索寓言》。從作品來(lái)看，時(shí)間跨度大，各篇的傾向也不完全一樣，據(jù)推測(cè)，它不是一人一時(shí)之作，，可以看作是古希臘人在相當(dāng)長(zhǎng)的歷史時(shí)期內(nèi)的集體創(chuàng)作。伊索，可能是其中的

58、一位重要作者。來(lái)自民間，所以社會(huì)地層人民的生活和思想感情得到了較突出的反映。如對(duì)富人貪婪自私的揭露；對(duì)惡人殘忍本性的 鞭韃 ；對(duì)勞動(dòng)創(chuàng)造財(cái)富的肯定；對(duì)社會(huì)不平等的抨擊；對(duì)懦弱、懶惰的諷刺；對(duì)勇敢斗爭(zhēng)的贊美。還有許多寓言，教人如何處世，如何做人，怎樣辨別是非好壞，怎樣變得聰明、智慧。伊索寓言是古希臘人生活和斗爭(zhēng)的概況、提煉和總結(jié)，是古希臘人留給后人的一筆精神遺產(chǎn)。</p><p>　　黑暗童話，不僅是少年，它更多涉

59、及到的是成人的世界。黑暗的世界，并不是虛妄的寓言。后來(lái)的我，終于長(zhǎng)大。丟棄了曾經(jīng)幼稚的外殼，朝著未知的黑暗前行而往。 在那一段又一段漫長(zhǎng)的旅途里，我漸漸開(kāi)始感覺(jué)，并固執(zhí)地相信，旋轉(zhuǎn)木馬，并沒(méi)有帶來(lái)美好的童年，卻反而，混淆了我的整個(gè)世界。指東為西。以南為北。旋轉(zhuǎn)著，旋轉(zhuǎn)著， 模糊了視線里的微光。我穿越著那座傳說(shuō)中販賣幸福的五光十色的游樂(lè)場(chǎng)，像是穿越著一座沉默而巨大的遺跡。</p><p>　　作者簡(jiǎn)介，顧名思義，是

60、著名的童話作者的介紹，他們的作品伴隨著我們的童年，不論是中國(guó)還是其他國(guó)家，對(duì)于我們來(lái)說(shuō)，都是一筆巨額的財(cái)富。其中介紹了中外各個(gè)童話大家。除了我們都熟悉的安徒生和格林兄弟外，我國(guó)的童話大王鄭淵潔也在其中，讓我們的童年更加豐富多彩。</p><p>　　圖 2-5 黑暗童話 僵尸新娘</p><p>　　圖2-6 作者簡(jiǎn)介頁(yè)面</p><p>　　2.8.5 傳奇表情&

61、lt;/p><p>　　如今許多通訊程序及論壇開(kāi)始應(yīng)用更生動(dòng)的小圖案來(lái)表示心情，因此 20 世紀(jì)末在英文中有新的詞匯來(lái)說(shuō)明這些表情符號(hào)，即將情緒（ Emotion ）與小圖案兩個(gè)字巧妙地合并，成為新詞“Emoticon”日語(yǔ)則稱之為“顏文字”，“顏”字意為臉龐，“顏文字”這個(gè)詞的意思就是指用文字和符號(hào)組成表情或圖案來(lái)表達(dá)撰寫(xiě)者的心情，此詞也逐漸為臺(tái)灣的年輕人所采用。1982 年 9 月 19 日，美國(guó)卡耐基 - 梅隆

62、大學(xué)的斯科特·法爾曼（匹茲堡計(jì)算機(jī)科學(xué)教授）教授在電子公告板，第一次輸入了這樣一串 ASCII 字符：“ :-) ”。人類歷史上第一張電腦笑臉就此誕生。從此，網(wǎng)絡(luò)表情符號(hào)在互聯(lián)網(wǎng)世界風(fēng)行，為社會(huì)廣泛接受。</p><p>　　隨著各種聊天工具的普及，我們?cè)絹?lái)越喜歡用表情來(lái)表達(dá)我們的感情，因此，表情的種類也越來(lái)越多，甚至行成了一系列的品牌。而網(wǎng)站中我們選擇了阿貍和兔斯基這兩個(gè)最流行，也最具有代表性的表情系

63、列，為我們的生活增添了一道亮麗的風(fēng)景線。</p><p>　　兔斯基，一個(gè)不善言辭的小姑娘畫(huà)出了自己，我們也就能用這些畫(huà)表達(dá)自己，每個(gè)人都是一個(gè)兔斯基，瞇著可愛(ài)的眼睛、想著扭動(dòng)兩根面條般的手臂、做各種可愛(ài)的動(dòng)作。簡(jiǎn)單的動(dòng)作、樸實(shí)的言語(yǔ)，它不僅是一個(gè)簡(jiǎn)單的表情，它演繹出了一種生活的態(tài)度。經(jīng)典語(yǔ)錄：命運(yùn)是存在的,只不過(guò)有的人不敢去相信，有的人不屑去相信罷了；有些東西消逝后,人們才能看到他的光輝，這是種萬(wàn)幸,也是種不幸

64、；最大的空虛莫過(guò)于在終點(diǎn)前回首自己過(guò)的路是一片空白；為別人而去刻意改變自己是無(wú)意義的，因?yàn)槟菢泳筒皇悄懔?，他連真正的你都不愛(ài)，就更不會(huì)愛(ài)上不像你的你了。</p><p>　　亮麗阿貍，不僅作為一個(gè)表情的代表，也出版了阿貍系列的童話繪本。阿貍童話繪本為純手繪創(chuàng)作，畫(huà)風(fēng)成熟穩(wěn)定，顏色精美靚麗，是當(dāng)前浮躁的市場(chǎng)上久違了的經(jīng)得起時(shí)間沉淀的作品。阿貍繪本的文字腳本立足于挖掘人們內(nèi)心深處的柔軟與堅(jiān)強(qiáng)，圍繞親情、愛(ài)情、友情主題

65、，風(fēng)格溫暖，有發(fā)人深省的力量?？梢哉f(shuō)，結(jié)合了優(yōu)雅如童話的文字，精美如幻境的圖片，阿貍是適合任何年齡層讀者的作品。阿貍的童話繪本不但可以帶給人愉悅的閱讀感覺(jué)，強(qiáng)烈的視覺(jué)沖擊力，更多的是讀完后淡淡的回味和思考。</p><p>　　圖 2-7 兔斯基頁(yè)面</p><p>　　圖 2-8 阿貍頁(yè)面</p><p>　　2.8.6 音樂(lè)季節(jié)</p><p

66、>　　古代音、樂(lè)有別?！抖Y記·樂(lè)記》：“凡音之起，由人心生也。人心之動(dòng)，物使之然也，感於物而動(dòng)，故形於聲。聲相應(yīng)，故生變，變成方，謂之音。比音而樂(lè)之，及干戚、羽旄，謂之樂(lè)。” 后渾稱“音樂(lè)”，指用有組織的樂(lè)音表達(dá)人們的思想感情、反社會(huì)生活的一種藝術(shù)。《三國(guó)志·吳志·周瑜傳》：“瑜少精意於音樂(lè)，雖三爵之后，其有闕誤，瑜必知之，知之必顧。”《前漢書(shū)平話》卷下：“ 帝至棘門(mén)，左翼將徐邁以音樂(lè)迎之，送帝至霸陵

67、橋上。”溫承訓(xùn)《動(dòng)人的音樂(lè)》詩(shī)：“真的，音樂(lè)是人們感情的語(yǔ)言?！?lt;/p><p>　　音樂(lè)承載著我們對(duì)未來(lái)的希望，每當(dāng)我們沮喪是，歌唱是最好的調(diào)節(jié)方式，每當(dāng)我們高興時(shí)，歌唱又是最棒的抒發(fā)形式，而我們網(wǎng)站的音樂(lè)季節(jié)單元?jiǎng)t包含了童聲組合、動(dòng)畫(huà)歌曲和電影歌曲這三個(gè)模塊。</p><p>　　童聲組合，我們選擇了世界三大童聲合唱團(tuán)之一的圣菲利浦童聲合唱團(tuán)。除了維也納兒童合唱團(tuán)、巴黎木十字合唱團(tuán)外，

68、英國(guó)倫敦的 “ 圣菲利浦童聲合唱團(tuán) ”(St. Philip's Boys Choir) 是當(dāng)今全球最受矚目的新起之秀，這群擁有天籟美聲的少年團(tuán)體目前正以令人匪夷所思的速度與魅力席卷歐、美、日本各地。這群來(lái)自英國(guó)擁有嚴(yán)格訓(xùn)練、超絕美聲的天之驕子在突破傳統(tǒng)、開(kāi)創(chuàng)新猶之后，現(xiàn)今更進(jìn)一步引領(lǐng)世界音樂(lè)的新潮流，在 1999 年正式更改團(tuán)名為 “Libera”（天樂(lè)創(chuàng)世紀(jì)) ，并于華納古典旗下 Erato 發(fā)行首張同名專輯《Libera》

69、，以“自由”為中心概念，融合了恩雅（new age 元素）、阿迪瑪斯（電子節(jié)奏舞曲）、Enigma（格利高連圣歌取樣）的新音樂(lè)形式，以少年合唱團(tuán) （Boys'Choir）的教堂天籟之聲呈現(xiàn)，歌詞卻是古拉丁祈禱文。每次聆聽(tīng)他們的歌曲，仿佛聽(tīng)到了天使的歌聲，讓我們的心靈受到了洗禮。</p><p>　　動(dòng)畫(huà)歌曲，童年喜歡看的動(dòng)畫(huà)片，它的片頭和片尾曲總是讓我們印象深刻，如《黑貓警長(zhǎng)》、《藍(lán)精靈》、《馬蘭花》等，

70、為我們的童年增添了一抹亮色?？v而觀之，在各個(gè)歷史階段，電影歌曲創(chuàng)作都不乏佳作名篇，或傳唱不輟，或賞聽(tīng)不倦。好的動(dòng)畫(huà)歌曲是動(dòng)畫(huà)藝術(shù)整體不可分割的血肉，乃至于靈魂。同時(shí)，它又具有離開(kāi)原始載體卻依然勃發(fā)生機(jī)，一種相對(duì)的獨(dú)立性。除此，許多獨(dú)唱經(jīng)典曲目和合唱經(jīng)典曲目，特別是許多膾炙人口的少年兒童歌曲等都出自電影歌曲。電影歌曲具有廣泛的群眾基礎(chǔ)和強(qiáng)大的生命力。</p><p>　　電影歌曲，兒童電影顧名思義就是為了給兒童看的

71、電影，適合于兒童的口味，面向的人群就是兒童，從劇本到演員以及拍攝，全部都考慮到了兒童的需求制作的電影。上海美術(shù)電影制片廠《大鬧天宮》、《牧笛》、《三個(gè)和尚》、《寶蓮燈》、《大耳朵圖圖》，合作影片 《狐貍列那》、《諾亞方舟》、《不射之射》、《環(huán)游地球八十天》、《番茄醬》、《鴨子偵探》、《天才發(fā)明家》等影視片，還有一些其他國(guó)內(nèi)經(jīng)典動(dòng)畫(huà)兒童影片《喜羊羊與灰太狼之兔年頂呱呱》、《賽爾號(hào)》都受到孩子們的喜歡。</p><p&g

72、t;　　圖 2-9 電影歌曲頁(yè)面</p><p>　　圖 2-9 動(dòng)畫(huà)歌曲頁(yè)面</p><p>　　圖 2-10 童聲組合頁(yè)面</p><p><b>　　第3章 個(gè)人總結(jié)</b></p><p>　　作為第一次接觸網(wǎng)頁(yè)制作的人，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)的方式和方法特別感興趣，通過(guò)這一次的課程設(shè)計(jì)，我會(huì)用DreamweaverMX來(lái)

73、制作簡(jiǎn)單的靜態(tài)網(wǎng)頁(yè)，大致了解到靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別。雖然我只是了解了簡(jiǎn)單的動(dòng)態(tài)網(wǎng)頁(yè)的生成方法，而沒(méi)有制作動(dòng)態(tài)網(wǎng)頁(yè)，但我還是總結(jié)了一下怎樣制作一個(gè)小型的網(wǎng)站：</p><p>　　首先，在學(xué)習(xí)制作網(wǎng)頁(yè)之前，我對(duì)制作網(wǎng)頁(yè)所能用到的各類軟件進(jìn)行了一些了解，尋找適合我自己的軟件。</p><p>　　其次，制作網(wǎng)頁(yè)的學(xué)習(xí)應(yīng)按照由簡(jiǎn)入難的規(guī)則，從簡(jiǎn)單易懂的方法入手，然后慢慢提升制作難度，以期達(dá)到

74、逐步提高網(wǎng)頁(yè)制作能力的目的。</p><p>　　再次，在學(xué)習(xí)的時(shí)候，不能只學(xué)習(xí)理論知識(shí)，做到書(shū)本知識(shí)與實(shí)際操作相結(jié)合。這樣既能加深對(duì)知識(shí)點(diǎn)的印象，也能提高學(xué)習(xí)的興趣。</p><p>　　然后，在學(xué)習(xí)時(shí)除了按書(shū)中提供的實(shí)例進(jìn)行練習(xí)外，還應(yīng)在該實(shí)例的基礎(chǔ)上有自己的創(chuàng)意。</p><p>　　接下來(lái)，制作網(wǎng)頁(yè)不能只按一種模式進(jìn)行操作，學(xué)會(huì)嘗試新的內(nèi)容，有自己獨(dú)特的風(fēng)格

75、，這樣才能體現(xiàn)出與眾不同的魅力，以吸引瀏覽者，提高網(wǎng)頁(yè)人氣。</p><p>　　下面，運(yùn)用模板制作網(wǎng)頁(yè)可提高制作速度與效率，這也是統(tǒng)一網(wǎng)頁(yè)風(fēng)格的一個(gè)快捷方便的途徑，千萬(wàn)不可忽視模板的效用。</p><p>　　最后，學(xué)會(huì)借鑒別人的優(yōu)點(diǎn)，取長(zhǎng)補(bǔ)短，多上網(wǎng)瀏覽，將風(fēng)格獨(dú)特、別具匠心的網(wǎng)頁(yè)保存下來(lái)以作參考。</p><p>　　這次的課程設(shè)計(jì)歷經(jīng)了一個(gè)星期，在老師的悉心

76、指導(dǎo)和嚴(yán)格要求下已經(jīng)順利的完成了，從選擇制作材料、設(shè)計(jì)網(wǎng)站方案等，無(wú)不凝聚著老師的心血和汗水，在課程設(shè)計(jì)期間，也始終感受著老師的精心指導(dǎo)和無(wú)私的關(guān)懷，我受益匪淺。在此向老師表示深深的感謝。</p><p>　　在本次網(wǎng)頁(yè)作品中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)方面的知識(shí) ，也從中學(xué)會(huì)了關(guān)于使用制作軟件方面的知識(shí)。在這個(gè)過(guò)程中，我通過(guò)上網(wǎng)搜集資料自學(xué)了Dreamweaver網(wǎng)頁(yè)軟件的應(yīng)用，學(xué)會(huì)了簡(jiǎn)單地使用Dreamwe

77、aver。在設(shè)計(jì)過(guò)程中也出現(xiàn)了很多的問(wèn)題，但上網(wǎng)查找，與同學(xué)討論等方式，不斷地學(xué)習(xí)、提高，設(shè)計(jì)出的網(wǎng)頁(yè)也在不斷的進(jìn)步?？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。</p><p>　　在這個(gè)制作過(guò)程中，我學(xué)會(huì)了面對(duì)困難和挑戰(zhàn)，但我十分享受這一過(guò)程，這是一個(gè)能令人感覺(jué)到收獲的過(guò)程，這次的網(wǎng)頁(yè)制作使我產(chǎn)生很強(qiáng)的成就感。制作網(wǎng)頁(yè)開(kāi)始的時(shí)候還是興致勃勃，充滿激情的。但是學(xué)習(xí)內(nèi)容越來(lái)越多，就逐漸感覺(jué)有

78、點(diǎn)思維混亂，開(kāi)始煩躁，失去堅(jiān)持一步步坐下來(lái)，到看到成品時(shí)，內(nèi)心得到了強(qiáng)烈的滿足感。從中使我感悟到：學(xué)習(xí)網(wǎng)頁(yè)制作需要耐心，如果你沒(méi)有耐心，你就學(xué)不會(huì)，因?yàn)槟闩龅絾?wèn)題、困難時(shí)，你就退縮，不去立刻得到問(wèn)題的答案，你就可能做不去了；所以不管是學(xué)習(xí)網(wǎng)頁(yè)制作還是其他的東西，都需要堅(jiān)持，堅(jiān)持不斷地學(xué)習(xí)，才能做出理想的作品，才能更加充實(shí)自己。</p><p>　　雖然課設(shè)的時(shí)間只有短短的一周，但是對(duì)我的幫助卻不只是一點(diǎn)點(diǎn)，學(xué)習(xí)總

79、是沒(méi)有止境的，我相信，在今后的學(xué)習(xí)和生活中，我會(huì)更加努力的。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1] 唐四新 基于Web 標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)與制作 清華大學(xué)出版社 2011年</p><p>　　[2] 溫謙 網(wǎng)頁(yè)制作綜合技術(shù)教程 人民郵電出版社 2011年</p><p>　　[3

80、] 沈大林 中文Flash 8案例教程 中國(guó)鐵道出版 2010年</p><p>　　[4] 任學(xué)文，范嚴(yán)編 網(wǎng)頁(yè)設(shè)計(jì)與制作 中國(guó)科學(xué)技術(shù)出版社 2010年</p><p>　　[5] 武創(chuàng)，王惠 網(wǎng)頁(yè)設(shè)計(jì)探索之旅 電子工業(yè)出版社 2010年</p><p>　　[6] 吳黎兵，羅云芳 網(wǎng)頁(yè)設(shè)計(jì)教程 武漢大學(xué)出版社 2010年</p><