第一篇：網頁制作讀書筆記

心得體會之網頁設計 網頁制作與網站設計心得體會

網頁設計伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習了解，現在我打開一個網頁都會習慣性的先看看排版、布局和色彩運用。

通過老師的講解和對課本的翻閱，我學習到了一些關于建設網站和制作網頁的知識，對網頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：

1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。

2、調用Style時可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50K。

還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現的是網站業提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對于宣傳展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。

下面簡單介紹下網頁設計的理念和要點。網頁設計理念：（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調，分模塊設計。最后調整不滿意的幾個局部細節。（3）功能決定設計方向: 看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。

網頁設計的兩大要點是：整體風格和色彩搭配。

一、確定網站的整體風格:

1、將標志logo，盡可能的放在頁面最突出的位置。

2、突出標準色彩。

3、總結一句能反映網站精髓的宣傳標語。

4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。

二、網頁色彩的搭配:

1、用一種色彩。指選定一種色彩，然后調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。

3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

針對我所學的平面設計方向，那么這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對于網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，版式設

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今后的閑余時間繼續認真學習制作網頁的更多知識以實現自身技能的提高。

在具體的制作一個網頁時我了解到一個優秀的網頁設計還應該具備以下一些基本原則：確定網頁設計的內容

一個優秀的風站要有一個明確的主題,整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。了解你網站所在行業的客戶

用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.3、做一個典型用戶

不以用戶身份親身體驗網站你才能發現問題，才知道那些需要改進，盡量不要讓客戶去發現問題，在前期設計時就應該把這些問題解決。優化內容

內容是整個網站的核心。在網站設計之前必須明確網站的內容安排。

優秀網頁設計是要建立在平凡的基礎上的。

然后在具體的規劃一個網站時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站(有很多頁面)的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。

下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。我們稱作資料收集。如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態圖片，Flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。通過個人網頁的制作最終把自己的網頁上傳到互聯網上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學習制作網頁的更多知識，使它成為自己的一項技能。

在《網頁設計》的學習中，老師開展了動態思維訓練教學方式來激發我們的學習興趣，調動了我們的學習自覺性。老師的認真負責、充滿激情，令我們的課堂氣氛活躍而有序。學習方式的靈活多變，讓我們在舒適的環境下以愉快的心情接受、掌握和靈活的運用所學知識和技能。

《網頁設計》的教學都是理論實踐相結合的，老師很詳細的講每一個知識點，而且在講每個知識點的時候都會舉實際例子來加深我們對那個知識點的印象，如果我們有什么不明白的，老師會耐心的將我們不懂的再講，直到都明白為止。在每次的理論后，我們都會上一次機來鞏固之前學習過的理論知識，在上機的過程中有什么不明白或不懂的，老師都會耐心仔細的給我們講，在講的同時會告訴我們一些制作的技巧。每次實訓完后，我們都會把自己做的放在服務器上。

老師專門為《網頁設計》這門課程開了一個后臺服務器，讓我們可以把每次做的網頁上傳到服務器上，老師也可以通過這個服務器看到我們制作的情況，然后針對我們出現的問題作耐心指導或在原本內容上更深次的講解，直到我們明白為止。

學習了《網頁設計》后，我知道了動手也要動腦，同時也增強了我的創造能力和動手能力。從學習本課程后，我發現了自己的優點，在制作這方面充滿信心，也對自己以后學習專業充滿了希望。

第二篇：網頁制作讀書筆記

心得體會之網頁設計

網頁制作與網站設計心得體會

網頁設計伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習了解，現在我打開一個網頁都會習慣性的先看看排版、布局和色彩運用。

通過老師的講解和對課本的翻閱，我學習到了一些關于建設網站和制作網頁的知識，對網頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：

1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。

2、調用Style時可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。

頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50K。

心得體會之網頁設計

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今后的閑余時間繼續認真學習制作網頁的更多知識以實現自身技能的提高。

在具體的制作一個網頁時我了解到一個優秀的網頁設計還應該具備以下一些基本原則： 確定網頁設計的內容

一個優秀的風站要有一個明確的主題,整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。了解你網站所在行業的客戶

用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.3、做一個典型用戶

不以用戶身份親身體驗網站你才能發現問題，才知道那些需要改進，盡量不要讓客戶去發現問題，在前期設計時就應該把這些問題解決。優化內容

內容是整個網站的核心。在網站設計之前必須明確網站的內容安排。優秀網頁設計是要建立在平凡的基礎上的。

然后在具體的規劃一個網站時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站(有很多頁面)的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。

下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。我們稱作資料收集。如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態圖片，Flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。通過個人網頁的制作最終把自己的網頁上傳到互聯網上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學習制作網頁的更多知識，使它成為自己的一項技能。

第三篇：網頁制作畢業論文

一 引 言

隨著Internet的誕生和發展，許多人不再僅僅局限于網上沖浪，而是參與到網站建設中。企業建站相當于在網上建立一個家，你就可以在這里向客戶介紹你的企業，展示你的實力，推銷你的產品，網頁制作作為網站制作中一個重要的環節，相對于傳統的平面設計而言，網頁設計具有更多的新穎性，更多可以表現的手法。結合本人的實習過程，現就網站建設與管理過程中，網頁設計與制作的具體經歷，包括：網頁設計與制作過程中的網頁布局、色彩構置，框架結構等相關事項做以下論述。

二 網站建設的流程

1.定義合適的域名。由域名構成的網址會像商標一樣，有助于將來塑造網上的形象。域名除了要符合公司的性質以及信息內容的特征外，還要具有簡潔、易記、具有沖擊力的特點。

2.租用虛擬服務器。有了域名后，就需要一個空間存放網站，這個空間就是Internet上的服務器。一般虛擬主機提供商都能向用戶提供大容量、高速度的服務器，用戶可根據網站的內容設置及其發展前景來選擇。

3.設計網頁。網頁的設計制作可以自己完成，也可以通過虛擬主機提供商或專業的網頁設計制作商來完成。設計網頁前要收集所有需要放在網站上的文本資料、圖片等，并盡量用文字詳細說明制作的框架結構，將收集的材料提供給網頁設計者。

4.ICP備案。網站備案的目的就是為了防止在網上從事非法的網站經營活動，打擊不良互聯網信息的傳播，如果網站不備案的話，很有可能被查處以后關停。ICP備案可以自主通過官方備案網站 http://www.tmdps.cn/sale/view.asp?Article ID=288 [4]許凌云，柳勇良.網頁設計全方位學習[M].北京：清華大學出版社，2008，11 [5]陳琳.photoshop cs3 入門實戰與提高[M].北京：電子工業出版社，2008，11 [6]焦慧.網頁制作基礎與典型范例[M].北京：電子工業出版社，2008，7 [7]戎馬工作室.Dreamweaver 8與asp動態網站開發[M].北京：機械工業出版社，2006，5 [8]戴一波.Dreamweaver CS3網站制作炫例精講[M].北京：電子工業出版社，2008，1 [9]何秀芳.網頁制作與網站建設課堂實錄[M].北京：人民郵電出版社.2009，3 [10]孫連三.新編網頁制作與網站建設入門與提高[M].北京：人民郵電出版社.2008，9 [11]鄧文淵.網頁制作高手FLASH 8[M].北京：人民郵電出版社，2007，6 [12]胡崧.超夢幻勁爆網頁[M].中國青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工廣告設計百煉成精[M].電子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]楊大勇，李金江.ASP網絡開發自學導航[M].北京：機械工業出版社，2007，6 [17]卓越科技.SQL SERVER數據庫開發培訓教程[M].北京：電子工業出版社，2009，4 [18]李曦琳.WEB導航設計[M].北京：電子工業出版社，2009，3 [19]力誠教育.ACCESS 2007完全自學手冊[M].成都：四川出版集團，2009，3 [20]叢書編委會.ASP動態網頁編輯[M].北京：清華大學出版社，2006，10 [21]陳剛.商業網站開發從入門到精通[M].科學出版社，2008，2 8

致 謝

畢業論文如期完成了，在此我要感謝在畢業設計期間給予我幫助的許多人。首先，我要特別感謝的是我敬愛的指導老師王琛老師。因為是他為我提供了一個良好的環境，才使我很好的完成了畢業設計。在設計期間他也給與我無私的幫助。在此表示深深的謝意。

正是他的付出，使我找到并改正了許多看起來很明顯的錯誤和不嚴謹的論述。在畢業設計的過程中是愉快的，我很感謝與我設計有幫助的每一個人，是他們的存在，讓我感到了畢業設計的過程中的快樂，使我融入到了團隊工作中，感受到了相互合作的樂趣。

我對所有人的耐心表示感謝，尤其是我的指導老師王琛老師。他仔細閱讀了我的論文和程序，并提出了許多寶貴的意見和建議。感謝他能在忙碌的工作中抽時間指導我。我在與他通過電話和電子郵件的聯系中很好的把握住了設計的進度，使設計得以順利完成。

最后，當然不能忘記幫助過我的老師和同學。寫論文通常是一項非常枯燥的工作，但幸運的是他們使這項工作變成了一種樂趣。還有默默無聞幫過我的朋友，也在此表示對你們誠摯的感謝。

第四篇：網頁制作論文

網頁制作論文

簡介

網頁制作是網站策劃師、網絡程序員、網頁設計師等崗位，應用各種網絡程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，并包含域名注冊和主機托管等服務的總稱。其作用為展現公司形象，加強客戶服務，完善網絡業務。網頁制作是企業開展電子商務的基礎設施和信息平臺，是INTERNET上宣傳和反映企業形象和文化的重要窗口。新競爭力也認為注重網站的網絡營銷價值而不是外在表現。網頁制作是指使用標識語言，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，瀏覽。

網頁制作要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來。

目錄

1.網頁制作的兩種設計模式 2.網頁制作常用工具 3.flash 3.1flash簡介 3.2flash動畫的特點 3.3flash動畫的前景 3.4flash在網頁中的應用 3.5flash制作流程 4.fireworks

4.1fireworks簡介

4.2fireworks在網頁中的應用

4.3fireworks的重要性

4.4fireworks制作流程 5.參考文獻

正文

1.網頁制作的兩種設計模式

從前一般網頁都使用表格進行排版設計，這樣作的優點在于設計制作速度快，尤其在可視化網頁編輯器，如Microsoft FrontPage中，這樣設計顯得直觀而方便，然而這讓越來越復雜的版面需要許多不斷嵌套的表格設計，致使網頁代碼變得冗長復雜，使文件體積增大，且不容易被搜索引擎查找。同時，這樣做也不利于大型網站的改版工作。

于是隨著主流網頁瀏覽器對CSS的支援度提高，近年來興起了一種新的網頁設計模式。被業界稱為“網頁重構”的革命，其核心在于分隔網頁的風格和內容，指標記語言(如HTML,XML)負責定義頁面的內容，但不可以定義任何涉及網站外觀(風格)的東西。而網站風格就由另外的CSS檔案負責。在排版方面，新的模式提倡使用由CSS定義的DIV進行頁面排版，而將表格還原為排列數據的最初功能。這種模式有很多好處，例如可以協助搜尋引擎查找網頁的情況，減小文件提及提高瀏覽速度，且由于一個CSS檔案可以控制多個頁面，這也給改版帶來了很大方便。

由于W3C是該模式極力的倡導者，于是業界鑒定網頁是否符合W3C標準，就可以在W3C網站自動檢測該網站的情況。

這種模式也有缺點，其中一個弱點就是，在不同瀏覽器出來的效果會有分別，但這種情況主要是由于微軟的Internet Explorer對CSS文檔的支持有眾多缺陷造成的。另一方面，開始設計CSS時，并不能清楚看到目標，因此顯得不直觀。

網頁實際是一個文件，他存放在世界某個角落的的某一臺計算機中，而這臺計算機必須是與互聯網相連的。網頁經由網址（URL）來識別與存取，當我們在瀏覽器輸入網址后，經過一段復雜而又快速的程序，網頁文件會被傳送到你的計算機，然后再通過瀏覽器解釋網頁的內容，再展示到你的眼前。

2.網頁制作常用工具

1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具。Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

2、Frontpage 跟dreamweaver一樣，不過還是dreamweaver好。

3、FLASH 網頁需要畫面流動時的首選擇

4、PS圖象處理軟件，一般網頁都需要有圖片相搭配，PS是款很強大的工具。

5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對網頁的處理。

6、Adobe公司推出的cs3系列，軟件之間兼容性較好。可以用此系列對網站的美工特效進行進一步的修飾美化和優化。

3.flash 3.1flash簡介

Flash最早出現并興起于網絡，是網絡多媒體動畫的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動畫的標準。網頁設計者使用 Flash 創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。其運用范圍覆蓋諸多領域如電視廣告、網絡廣告、游戲、演示動畫、課件、網頁、手機動畫等新興媒體。現在由于網絡帶寬的不斷提高，Flash動態網頁以其具備的聲音、動態圖像等多媒體優勢，相信在不遠的將來能夠完全替代靜態（HTML）網頁。

3.2flash動畫的特點

（一）Flash動畫受網絡資源的制約一般比較短小，利用Flash制作的動畫是矢量的，無論把它放大多少倍都不會失真。

（二）Flash動畫具有交互性優勢，可以更好地滿足所有用戶的需要。它可以讓欣賞者的動作成為動畫的一部分。用戶可以通過點擊、選擇等動作，決定動畫的運行過程和結果，這一點是傳統動畫所無法比擬的。

（三）Flash動畫可以放在網上供人欣賞和下載，由于使用的是矢量圖技術，具有檔小、傳輸速度快、播放采用流式技術的特點，因此動畫是邊下載邊播放，如果速度控制得好，則根本感覺不到檔的下載過程。所以Flash動畫在網上被廣泛傳播。

（四）Flash動畫有嶄新的視覺效果，比傳統的動畫更加輕易與靈巧，更加“酷”。不可否認，它已經成為一種新時代的藝術表現形式。

（五）Flash動畫制作的成本非常低，使用Flash制作的動畫能夠大大地減少人力、物力資源的消耗。同時，在制作時間上也會大大減少。

（六）Flash動畫在制作完成后，可以把生成的檔設置成帶保護的格式，這樣維護了設計者的版權利益。

3.3flash動畫的前景

現在的Flash平臺包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及應用于通信行業的Breeze 5等；未來即將推出的產品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客戶端工具，以及Flex等企業端工具等。這些工具將滿足設計和開發人員跨越各種開放的和專有的平臺，包括從桌面到移動設備，提供更豐富的網絡內容和互聯網應用，企業也能夠通過Flash應用獲得更大的受益。

（一）網絡視頻鐘情Flash 面對全球超過100萬的Flash開發者的期望，Macromedia也不斷開發新的領域。而用戶對視頻應用的垂青，刺激著Macromedia推出新的工具。在上千開發者的注目下，Macromedia推出了Flash Media Server 2，以鞏固其Flash Platform作為網絡視頻最佳選擇的地位

（二）Flex 2產品線和Flash Player 8.5出手不凡

Macromedia Flex 2產品線和Macromedia Flash Player 8.5是本次發布會的重頭戲。新產品涵蓋RIA的全部應用場景，從電子商務產品配置，到需要與實時數據集成的可視交易應用。

Flash Player目前在全球6億多個桌面和移動設備上安裝,估計新版本在12個月內將被80%的聯網計算機下載。Flash Player 8.5在Flash Player 8的基礎上增加了適合行業使用的編程功能，并構建了先進的跨平臺運行時環境。它備有一個新的虛擬機，可以提供更高的運行性能、全面的運行錯誤報告、增強型調試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規范，能夠更易于查找及解決問題，從而提高開發人員的工作效率。

3.4flash在網頁中的應用

在網絡高速發展的今天,越來越多的人們已經不再滿意圖文并茂的靜態網頁格式,動態網頁應運而生,但是一般的動態圖片和網站的背景音樂應用并不合拍.什么時候可以把多媒體應用在網站上呢 Flash正是在這一網絡發展的大背景下應運而生的,前身是Future Splash.Flash1.0版本誕生于1996年,由于當時的網絡大背景,Flash在出道之時并沒有得到計算機行業應有的重視,Flash真正的火爆是從Flash3.0版本開始的,到了1999年6月發布的Flash4.0版本,其制作的動畫開始大量的在網上傳播,已經逐漸成為了網頁交互多媒體動畫設計軟件的標準.現在,Flash5.0以其特有的ActionScript腳本編程,正在以極快的速度追趕HTML網頁標準.它改變了以往靜態的,枯燥的,網頁形式,利用它短小精悍的文件體積和插件,利用它簡單易學的操作方式,利用它的“流”式播放形式豐富我們的網絡生活.試想,如果它真的超過HTML成為未來的網頁設計軟件的主流,那也將是網絡的一場革命,也是網絡生活的福音.3.5flash制作流程

（1）建立一個新的場景

依次選擇“文件”、“新建”、“Flash文檔”命令，建立空白文檔，大小為550*400像素，背景為白色。

（1）

（2）重新命名場景和涂層名稱

依次選擇“窗口”、“設計面板”、“場景”命令，在彈出的場景面板中雙擊默認場景名稱，改為“跳動的小球”。然后重新命名涂層名稱，雙擊默認涂層名稱，改為“地面”。然后用水平線表示地面，選擇筆觸顏色為黑色，單擊“線條工具”按鈕，在第一幀的舞臺下方，拖動鼠標畫一條直線表示地面。

（2）

（3）插入水平線結束幀

單擊水平線涂層第35幀的小方框，選中該幀；依次選擇“插入”、“時間軸”、“關鍵幀”命令，在地面層的1到35幀之間插入了相同的水平線。

（3）（4）插入跳動的小球涂層，畫小球的初始狀態

雙擊默認的涂層名，改為跳動的小球涂層，此圖層處于激活狀態。設置填充色為黑色，在第一幀的舞臺上方，畫一個小球，刪除輪廓線。

（4）

（5）插入下一幀

單擊跳動的小球層第二幀的小方框，選中該幀；依次選擇“插入”、“時間軸”、“關鍵幀”命令，在第二幀中復制第一幀的圖形；拖動小球向下移動一個距離，表示球在下落。

（5）

（6）制作下落動作的變化

重復上一步驟。

（6）

（7）小球變形

在下一幀的位置插入關鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據可實現的變形方式箭頭右下方的小圖形會有所變化；單擊小球，小球周圍出現8個黑色句柄框；把鼠標指針移動到4個中間句柄處，拖動鼠標，把圓球編程橢球形。

（7）

（8）多次重復上面步驟，在不同的幀中，制作小球被壓扁后又彈起的畫面。參照第9步，制作小球被壓扁后又彈起的畫面。重復上述步驟，直到小球靜止。4.fireworks 4.1fireworks簡介

Fireworks是Macromedia公司發布的一款專為網絡圖形設計的圖形編輯軟件，它大大簡化了網絡圖形設計的工作難度，無論是專業設計家還是業余愛好者，使用Fireworks都不僅可以輕松地制作出十分動感的GIF動畫，還可以輕易地完成大圖切割、動態按鈕、動態翻轉圖等，因此，對于輔助網頁編輯來說，Fireworks將是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直觀、可定制的環境中創建和優化用于網頁的圖像并進行精確控制。Fireworks 業界領先的優化工具可幫助您在最佳圖像品質和最小壓縮大小之間達到平衡。它與 Macromedia Dreamweaver? 和 Macromedia Flash? 共同構成的集成工作流程可以讓您創建并優化圖像，同時又能避免由于進行 Roundtrip 編輯而丟失信息或浪費時間。利用可視化工具，無需學習代碼即可創建具有專業品質的網頁圖形和動畫，如變換圖像和彈出菜單等。

4.2fireworks在網頁中的應用

眾所周知，在網頁上的jpg圖片如果過大，會嚴重影響頁面的打開速度，Fireworks提供優化圖片的功能，即縮小圖片的KB，而且不影響畫面的質量（除非放大了與原圖對比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會很大（因為它是適合處理印刷品，要求比較清晰），最終還是要用Fireworks來處理一下。

在優化面板里有“導出jpg較高品質”，導出默認的80品質（可以用“2幅”畫面對比之前之后的大小）。

4.3fireworks的重要性

為Macromedia家族的一員，三劍客之一的fireworks，她的主要任務和特色就是制作矢量圖為網頁服務,FW也是Flash的最佳伴侶,在三劍客的MX系列中,FW和Flash的聯系更為緊密,所以無論是網頁制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的應用實踐過程中,我無時無刻不在感受她的卓越和便利。的確,網頁制作看重的是效果和速度,并不是你用的軟件專業與否,你用了多少個軟件作出的網頁,設計師作出的網頁是為了讓大家接受而不是顯示自己的本領,在這樣的前提下,Fw的確是最好的選擇,最好的矢量圖效果,最快的速度。

4.4fireworks制作流程

1.準備素材 如圖

2、因為這幅圖片是位圖，我們可以用魔術棒將電視機中間的畫面選取成選區

2.選擇菜單——將選取框轉換為路徑，得到電視畫面的輪廓路徑。當然，也可以用鋼筆工具勾勒

出

電

視

畫

面的路

徑

4.將選中區域填充成折疊漸變

顏色可以自己選擇：

5.用選取工具拖動漸變方向手柄，接近垂直或接近水平方向：

6.將調整手柄以初選中區域 并在幀屬性，選取重制幀命令：選擇三幀 或在多些

7.依次選擇其他幀，拖動漸變調整手柄將其改變位置：柄以初選中區域 并在幀屬性幀命令：

最后保存 導出gif圖片 即可完成。

1.在Fireworks中打開一個新的畫布，調整畫布大小，選擇工具欄中的文本工具，輸入第一個數字，并設置好文字的字體、像素大小等樣式

2.輸入文本 1 然后再打開幀屬性 選擇重置幀 9 因為數字0-9 一共是十個

3.然后選擇每一幀，并修改畫布中的相應數字。

4.幀面板中右手邊顯示的是默認的幀延時值7毫秒，即7/100秒的速度。如果速度過快 可以修改值 選擇頂部幀，按住Shift鍵，點擊底部的最后一幀，全選這些幀，在幀延時值處雙擊，在顯示的對話框中設置一個更高的值。更高值將減慢動畫的播放速度。5.最后一步，打開優化面板，設置導出文件格式為“Gif動畫”，如圖：

6.也可以在幀面板的底部設置Gif動畫循環，默認為“永久”選項

7.畫布顏色可以隨意更改 再按f12 預覽就可以了，最后導出文件

5.參考文獻

[1]劉宇.Flash短片輕松學中國大陸.電子工業出版社，2009-01.[2]章精設，胡登濤.Flash Action Script 3.0從入門到精通.清華大學出版設，2008-10.[3]陳冰.Flash第1步:ActionScript編程篇(珍藏版).清華大學出版社，2006-03

第五篇：網頁制作心得

科學是發展生產力的根本前提，當今的社會是互聯網蓬勃發展的世界，每當我們上網的時候，那一個個精美別致的網頁給人是多么流暢順利的感覺，無論是尋找資料還是網上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術的發展，離不開互聯網的發展，而互聯網的發展也離不開網頁制作的發展，而只有把兩者結合起來才是正確的。

首先，了解網頁并不是單純的認為他僅僅只是為人們服務的，而它的存在也是給我們帶來了利益和好處。當然，了解網頁首先也從幾個軟件開始：

1.dreamweaver mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

而網頁制作就是開始從這些軟件開始著手的，今天，我終于可以學習網頁制作了，我們在杜奕老師的教導下，各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁，就是指一個可以瀏覽內容并且可以使用ｉｅ瀏覽器打開的內容稱之為網頁。

在剛開始接觸網頁的第一堂課上，聽說網頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver mx XX很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作ｃｓｓ樣式表等，這些內容迷糊了我的視線，真是沒想到制作一個精巧別致的網頁是如此的困難，可是心有不甘，每天上網看著那樣多的網頁，于是我才下定決心選擇了網頁制作這一門課程，目的就是希望以后能夠做出一個完美的網頁來。

“路漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關于一個科學技術的一個代名詞，隨后，課堂的氣氛慢慢的好轉，耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能，老師也為了能教好每一位學生，而學生也不辜負老師的使命，就這樣，網頁制作這一門課程進行的很順利，學習了dreamweaver mx XX對它如何徹底的剖析和分解，我們終于認清了它的原理，摸清了應該怎樣去完全的使用它，而我們在老師的指導和訓練的結果下，終于開始做屬于自己的網頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務卻是需要我們每人至少做出三個網頁來，且內存不能超過３ｍ，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網頁才是剛剛起步，根基不穩，怎么能夠做出這樣的網頁呢？而我對dreamweaver mx XX它也不是很熟悉，心里真是很擔憂。

在這最后的時間里，我仔細掂量了一番，網頁制作給我的結論是：要想制作一個能夠像網上的那樣，還得需要經過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識，不像文學那樣的純理論知識。通過這個課程的學習，我從中得到了一些對網頁知識如功能、概念的理解，原來要做出一個簡單可行的網頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網頁制作心得（2）：

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

一、準備資料和挑選網頁設計的合適工具

俗話說：“巧婦難為無米之炊”。做主頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。

另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“e-mail圖標、背景、線條、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃好整個網站

主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。要做到這一點，首先要在整體上規劃好自己網站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然后仔細斟酌，把自己所有要表達的意念合情合理地組織起來；其次，是設計一個富有個性的頁面式樣，務求盡善盡美。這樣制作出來的主頁才會清晰、明了、內容充實。切記，頁面給人的第一觀感最為重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。

三、善用圖片，增強藝術效果，加快主頁瀏覽速度

網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁制作中的設計技巧

由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果你想知道并掌握一些優秀的主頁采用的設計技巧，不妨將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。這樣的話，你就能以較短的時間掌握相應的設計技巧。而且，在許多主頁上都留有制作者的電子郵件地址或icq號碼，如果你在制作主頁時，遇到什么疑昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！