網(wǎng)頁設計與制作課程設計---兒童網(wǎng)站設計

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

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

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

4、足。在頁面的鏈接方面不夠快捷簡便，內容不夠新穎，技術比較單一。處理問題和運用知識的能力還有待提高，不能積極主動的和老師溝通，希望該同學在以后的工作或學習中注意這些問題，拓寬知識面，爭取更大的提高和進步成績： 指導教師簽字： 王大中 2012年7月6日</p><p><b>　　目 錄</b></p>&

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

30、集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。</p><p>　　(3)規(guī)劃網(wǎng)站 ：一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內容很多，如網(wǎng)站的結構、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此

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

32、先大后小，就是說在制作網(wǎng)頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。</p><p>　　2.5 網(wǎng)頁制作要素</p><p>　　(1)網(wǎng)頁的整體布局設計</p><p>　　網(wǎng)頁設計作為一種視覺語言，要講究編排和

33、布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，應充分加以利用和借鑒。版式設計通過文字圖形的空間組合，表達出和諧與美。一個優(yōu)秀的網(wǎng)頁設計者也應該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設計要求把頁面之間的有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關系。尤其是我們在利用網(wǎng)頁效果體現(xiàn)在線營銷的意圖時，更要注意為了達到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，

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

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

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

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

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

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

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

41、b>　　（2）開心漫畫</b></p><p><b>　?。?）可愛動畫</b></p><p><b>　?。?）童話樂園</b></p><p><b>　?。?）傳奇表情</b></p><p><b>　?。?）音樂季節(jié)</b>

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

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

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

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

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

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

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

49、同時感受到新的希望、新的方向，和新的生命力。作者帶領大家共同去尋找心中點滴的亮光。</p><p>　　個人覺得，地下鐵就好比你的人生或者你的一個決定，每一站起點也好終點也罷，誰又能分的清楚，這一站是上一站的結束下一站的開始，做錯了車下錯了站，人生總有要面對的困難，要做出的選擇，會無助會恐慌會期望會適應，但不管無如何總有到終點的時候不是？</p><p><b>　　片段賞析：&

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

51、<p>　　盲女在一次次走向地下鐵出口時，都在憧憬著出口外的世界 </p><p>　　她想像會有打著傘的小企鵝來接她，會在通往森林時被大樹后面的小豬看見 </p><p>　　不知道你有沒有注意，盲女的身邊總有一直無聞的忠誠的狗。這或許說明了盲女一樣的弱勢群體總會得到關愛和陪伴 </p><p>　　我覺得看幾米的畫，每個人可以有不同的理解，因為幾米除

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

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

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

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

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

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

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

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

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

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

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

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

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

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

66、>　　古代音、樂有別。《禮記·樂記》：“凡音之起，由人心生也。人心之動，物使之然也，感於物而動，故形於聲。聲相應，故生變，變成方，謂之音。比音而樂之，及干戚、羽旄，謂之樂?！?后渾稱“音樂”，指用有組織的樂音表達人們的思想感情、反社會生活的一種藝術。《三國志·吳志·周瑜傳》：“瑜少精意於音樂，雖三爵之后，其有闕誤，瑜必知之，知之必顧?！薄肚皾h書平話》卷下：“ 帝至棘門，左翼將徐邁以音樂迎之，送帝至霸陵

67、橋上?！睖爻杏枴秳尤说囊魳贰吩姡骸罢娴?，音樂是人們感情的語言?！?lt;/p><p>　　音樂承載著我們對未來的希望，每當我們沮喪是，歌唱是最好的調節(jié)方式，每當我們高興時，歌唱又是最棒的抒發(fā)形式，而我們網(wǎng)站的音樂季節(jié)單元則包含了童聲組合、動畫歌曲和電影歌曲這三個模塊。</p><p>　　童聲組合，我們選擇了世界三大童聲合唱團之一的圣菲利浦童聲合唱團。除了維也納兒童合唱團、巴黎木十字合唱團外，

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

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

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

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

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

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

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

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

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

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

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

79、是沒有止境的，我相信，在今后的學習和生活中，我會更加努力的。</p><p><b>　　參考文獻</b></p><p>　　[1] 唐四新 基于Web 標準的網(wǎng)頁設計與制作 清華大學出版社 2011年</p><p>　　[2] 溫謙 網(wǎng)頁制作綜合技術教程 人民郵電出版社 2011年</p><p>　　[3

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