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

一 引 言

隨著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

致 謝

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

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

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

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

第二篇：畢業論文-網頁制作

網頁制作技術與制作理念

摘要：有網絡及網站的發展現狀，總結出現在的網站主要分為三大類。然后談到網站的制作工具，從不可視化的網頁制作語言到可視化的frontpage和dreamweaver，從中還提到了增加網頁效果的多媒體編輯工具。由制作工具從而討論到制作網頁所應堅持的幾個原則和要求，根據這些原則和要求，我根據客觀條件得出適合自己制作的是個人空間網站。后面接著大體的介紹了自己網站的主要內容、欄目及相應的鏈接。最后根據網頁發展歷史和現狀，得出我對網站未來的發展是非常樂觀而又有信心的。

關鍵詞：計算機、網頁制作技術、網頁制作理念

伴隨著計算機技術及相應軟硬件功能的飛速發展，網絡已經融入了大眾社會中，成為人們生活不可或缺的一部分。現在無論是公司、企業、政府、機構等部門的宣傳和發展，還是個人的求學、求職，甚至吃喝消費都離不開網絡。而為此提供廣闊平臺的則是相應網頁及網站的制作和發展。網頁和網站本質上沒有太大的區別，可以理解為網站由眾多的網頁及其他網絡媒介構成。

本文主要是想大體介紹一下網站的分類，網站制作所應貫徹的原則，我的網頁制作理念和我對網站未來發展的簡單預測。

一、網站的分類

目前的網絡發展非常迅速，而網頁的規模也相應的日益龐大，但大體可分為三大類。第一類是綜合服務資訊類。如搜狐、新浪、網易、百度、迅雷、優酷等眾多大型網站。這類網站一方面提供大量的資訊，包括新聞、時尚的影視劇及娛樂八卦等多方面的資訊，同時資訊展現形式也多種多樣，包括文字、聲音、視頻等多種方式。另一方面也確確實實為人們提供實在的服務，如迅雷下載、網易郵箱等。

第二類就是公司企業以及其他政府部門的網站。當然不同規模的機構的網站也有很大不同。大公司大企業和頂級行政部門往往員工、合作對象及其他關注的人比較多，網站需要向內外部提供及時的信息和服務。而小型企業網站的側重點往往僅僅是形象的宣傳，實際的服務和資訊不多，也沒有多大價值。

第三類就是個人類網站了，這種類型的網站由于制作者有不同的制作基礎，不同的性格，不同的制作理念等諸多因素，因而網站而制作目的也不盡相同。有的是為了好奇而學習，有的就是為了制作的樂趣及享受上傳至互聯網上之后的那種自豪感。當然也有人有更高的理想和追求，希望通過這樣的途徑來創業，實現個人事業的發展。

當然這只是一個簡單的分類，隨著網絡的發展，各網站已經變的更加全面綜合，同時也更復雜多樣。由于網站的魅力也不斷提高，制作網站也成為一種時尚和美麗的象征，同時也是一項生活的技術和技能。所以網站的制作也成為眾多人們學習的一個目標和方向。

二、網頁的制作工具

構成網站的基本因素是網頁，網頁的原始制作工具就是記事本，直接用網頁制作語言來編寫，如html語言。這對計算機配置要求很低，任何電腦都帶有記事本程序。但html語言的學習和靈活的運用則有些困難，尤其對初學者來說，太難理解，也太枯燥乏味了。網頁誕生初期的發展緩慢和不流行與這也有很大關系。

但隨著計算機技術的發展，相應的可視化網頁制作軟件應運而生。網頁的制作已不再那樣抽象難懂，而是更加直觀可視，更加方便快捷了。

首先可以用word編輯，比較簡單比較方便，但這對復雜網頁及高質量精美網頁的制作有著一定的限制，存在著發展的瓶頸。

再就是FrontPage軟件，這是一款由微軟提供的比較強大網頁制作軟件，可以方便的進行代碼編輯，拆分查看及設計要求。可視化程度已相當高，已經具備普通完全具備普通網頁的制作。但是或許是由于微軟的強大壟斷性，缺少一定的競爭，FrontPage也存在著一些弊端。1.對于FrontPage不支持的東西，在制作網頁時插入就比較麻煩，它產生的代碼讓人理解時有些費力。2.FrontPage的一些窗口按鍵上的文字不太直觀，不容易理解，尤其對初學者更有一定的難度。3.可能還是微軟的問題，FrontPage對微軟以外的瀏覽器不太友好，有時會有不必要的麻煩。4.在動態網頁的制作時，FrontPage就有些力不從心，更多的還是利用網頁制作語言。

除FrontPage外，另一款強大的軟件是包括Dreamweaver在內的三劍客。三劍客還包括Fireworks和Flsah。Dreamweaver 是一個“所見即所得”的可視化網站開發工具，主要用于動態網頁的開發；Fireworks主要是用于對網頁上常用的jpg、gif的制作和處理，也可用于制作網頁布局；Flash主要用來制作動畫，現推出Flash平臺，可預見有極好的前景。在圖片編輯方面另一款強大軟件是Photoshop，簡稱PS。Photoshop功能確實非常強大，幾乎涵蓋了所有的圖片編輯功能，其缺點就是制作出的圖片內存比較大。而Fireworks就是針對網頁制作而專項推出的，雖然編輯功能和效果不如PS，但以其輸出圖片內存較小。在網頁傳輸和打開速度的層面上考慮，Fireworks似乎更適合網頁圖片的制作。有種這種的方法就是由Photoshop編輯，后由Fireworks導出。靈活利用這四款的軟件制作的網頁會非常漂

亮，非常精美。順便提一下三劍客的原公司是Macromedia公司，現已被Abode公司收購，而Abode公司正是Photoshop的開發公司。所以未來Photoshop和Fireworks功能優勢的整合應該不會是太遙遠的事情，我們也期待著一種更強大，更優秀的圖片編輯軟件的誕生。三劍客中的Flash可以制作精美的動畫，小巧可愛，同時傳輸速度優越。但這只適合于網頁表面的裝飾和對網頁氛圍的渲染，并不能傳達實實在在的信息。所以這對于某些相關信息及其他具體內容的展示就顯得不夠正式得體，也不夠全面廣泛。這方面信息的傳播就需要更加正式的多媒體音視頻文件，自然也就少不了對多媒體進行編輯和制作的軟件。windows有自帶的Movie Maker軟件，簡單易學，支持的格式也非常廣泛。但對于專業視頻編輯及所需要的玄幻效果來說，Movie Maker還是不夠專業。在此推薦另一款軟件，就是會聲會影。會聲會影（版權所有為友立資訊股份有限公司）是一款非常強大的多媒體編輯工具，也比較簡單易學，而且視頻處理效果非常好。理論上說基本的多媒體編輯，會聲會影都可以做到。但對于有些東西的制作，會聲會影則不是那么簡單有效，而是有些繁瑣。比如卡拉OK字幕制作，用會聲會影就比較麻煩，且較難達到理想效果。借此機會推薦另外一個軟件，小灰熊卡拉OK字幕制作軟件，可以較好的制作字幕視頻。還有很多的小軟件可以配合會聲會影，可以更快，更好，更有效的達到制作目的。如好萊塢插件包及一些簡單的3D動畫制作軟件。

三、網頁的設計思路及堅持的原則

制作網頁，首先要有一定的興趣和愛好，更要有一定的追求新和上進心。在整個制作過程中，一定要明白任何事物在初步接受和學習時都難免會有困難的，要有不放棄和勇敢向前的勇氣和信心。同時也要清醒的認識到任何事物在學習和制作過程中都有相應的方法和技巧，但絕沒有一步登天的捷徑。這世界上也沒有行之天下放之四海皆準的原則，但我們可以取長補短多方面的結合。

（1）制作工具的協調利用，就是注意網頁制作工具與網頁制作語言編輯相結合，雙方各有各的優勢。初學者推薦先用可視化網頁制作工具，這可以比較簡單，比較快速的初步了解網頁制作的相關知識，同時對網頁制作語言的學習也有很大的促進作用。但若想有長遠的發展，可視化制作工具在網頁制作有一定的發展瓶頸。這就要學習更多的網頁制作語言，如asp，jsp，php及Java腳本語言等。因為網頁制作語言的學習和利用則是永無止境的，其功能和作用是無限的。

（2）在制作過程中，網頁的基本類型要注意個性化與大眾化相結合。大眾化可以被更多的人接受，個性化則可以吸引更多人的注意，但絕對的個性化和絕對的大眾化都是不可取的，對網站的長遠發展也都是不利的，因此一定要注意互相的取舍與結合。

（3)藝術與實效相結合。所謂藝術就是讓瀏覽者能夠愉快的閱讀，能在達到瀏覽目的的同時，能有一份以外的心靈收獲。這種藝術要有一定的內涵，不要讓漫天的繁華卻充斥著無限的空虛。而實效則是不要忘了網站最本質的目的，那就是讓瀏覽者得到他們需要的，對他們有幫助的信息。這種信息可以是自己的創作，可能會有些平凡樸素，但一定要讓人感到這是你自己用心創作的，因為里面有你的一份心血，也有著一份感情。藝術和實效二者缺一不可，尤其對社會大眾類網站更是如此。

（4）在制作時要注意借鑒與自創相結合。在網頁制作過程中，尤其對于初學者來說，基本的學習、借鑒、模仿是必要的也是必需的，因為這對網頁制作技術和制作理念的提高有很大幫助。但另一方那個方面要清醒的認識到，一個網站要想長盛不衰，一定要有自己的東西，要堅持自己的創作，并且是嘔心瀝血的創作。借鑒和模仿的永遠有別人的影子，只有自己的創作才是獨一無二的。

（5）在網站的宣傳時，一定要注意真實與夸張相結合。宣傳時可以有舍多的夸張，藝術性的夸張。但一定不能違背了真實的情況。這種真實不是表面上狹隘的真實，也不是那種很牽強的真實，這都是偽真實。這里我個人意義上的真實是內心的一份真誠和坦然，也是對瀏覽者虔誠的歡迎和對瀏覽者最誠摯的尊敬。適度的夸張可以吸引更多人的注意，可一旦夸張過度，違背了真實，這對自己網站的形象就會有很大的負面影響，反而得不償失。

這僅僅是要注意的幾個方面，要想制作成功一個網站，牽扯到的因素太多了，需要我們不斷地學習進步才行。

四、我的網頁類型選擇及制作理念

網頁的分類標準有很多種，前賣也大致區分為三類。其實前兩類可以歸結為一類，就是具有一定的社會公共性，有一定的大眾化，再一類就是個人類。社會大眾類網站要求版式嚴格合理，內容時尚豐富。需要一支龐大的專業隊伍，同時對設計者分工嚴格細致，要求素質專業嚴謹，理念科學先進。這類網站要想達到理想的情況，在畢業設計來說太困難了，幾乎完不成。而對于個人類網站，要求內容充實，版式要有一定的特色，同時還應具有相對獨特的藝術內涵魅力。這種個人類網站要想達到完美程度也很困難，但通過努力，還是可以達到

一定理想效果的。所以我根據自己的現實能力及目前的制作條件和制作基礎，選擇的是個人類網頁的制作。

五、我的網頁主要內容

首頁就是一個欄目板塊，上方是一個gif圖片，顯示著“歡迎進入我的網站！”。還有一幅圖片，是齊魯師范學院掛牌儀式的，下面一行字“祝福學校明天更美好”。還有我宣傳自己網頁的一段文字，大約100字。下面是幾個標題鏈接的子網頁。

（1）網頁簡介：左側對主網頁的主要鏈接子網頁在此也做了簡單的介紹，并提供了相應的鏈接渠道，可也可以快速的進入鏈接網頁。右側簡單分析了網頁的起源、發展、未來趨勢，也簡單介紹了我的網頁制作理念和制作目的。

（2）一路走來：該主頁顯示的是我的求職理念，左側從上往下依次是，個人基本信息，我的學生時代，我的求職理念，我的人生感言，最后是一個返回主頁的鏈接。個人基本信息主要就是個人簡介，包括我的性格，愛好及常用的聯系方式。我的學生時代簡單介紹了我在小學、中學和大學的一些比較重要的感受，也簡單的描述了一下我的學校。我的求職理念是針對畢業求職而制作的，其基本理念就是選擇基層的勞動和生產，可以不在乎起點，但一定要保證將來有發展前途和空間。我的人生感言，暫時傳了兩篇文章，一是《畢業了》，另一篇是《寫給青春的一封信》。前者主要內容是，對大學及以前美好生活的回憶和留戀，對現實也要正確地對待，要有充分地信心和不放棄比成功的決心。后篇是寫給大一新生及那些正在讀大學的同學們的一封信，希望他們珍惜大學時代的美好生活。

（3）天籟之音：插入了一個音頻播放器，選擇了一些自己喜歡的歌曲。由于考慮到內存問題，歌曲的鏈接選取的是網絡連接方式。

（4)精彩視頻: 內容包括自己制作的一些視頻，主要有老師和同學的，想記錄曾經的那些精彩瞬間，感謝那些幫助過我及留給我美好回憶的人。其中有一個是給那些辛勤教育我的老師們的。

（5）今日關注：關注的是巴塞羅那足球俱樂部（簡稱巴薩），由于其在歐冠半決賽中背國米淘汰，這里表現了我的悲傷和對其重新崛起的期待。由于巴薩隊服是由紅色藍色組成的，主頁就是紅藍格調，上方是巴薩去年歐冠奪冠時的照片，下邊左右兩側分別是藍色背影加紅色文字與紅色背影加紫色文字。還有一個巴薩簡介的鏈接，主要簡單介紹了巴薩的創立，發展及所取得的成就。最后插入了一個從優酷上下載的巴薩簡介的視頻，該視頻是由cctv5天下足球冠軍歐洲節目播出的，時長14分鐘。

（6）交流平臺: 方便與網友交流溝通的一個網頁，包括e-mail，QQ和意見建議留言等不同版塊。

我基本上就是按上面的規劃制作網站，制作過程中，在學習借鑒的同時，堅持自創。

六、對網站制作的未來預測

對網站發展的未來預測，我個人感覺是無限美好的。現在的網頁早已脫離了原始表格加文字的模式，其精美的外表及其中絢爛的視頻動畫，似乎已經完全滿足人們的需求了。但隨著網絡寬帶傳輸、無線傳輸的發展和計算機的普及，未來人人有個個人空間網站絕不是問題。而那時我們對自己網站的修飾和管理就會像我們吃飯打掃房間衛生一樣不可或缺。有人可能懷疑這些，那如果我要說，像現在我們平常使用的一部普通手機功能會強大到相當于現在的一部高級服務器的作用，恐怕更沒人相信了。那么我們想想五十年之前，誰會想到今天；想想計算機笨重的原始雛形，誰會想到今天的小巧玲瓏。不要低估自己的想象力，更不要低估人類的創造力。那時的網絡會普及到何種程度，那時的網頁、網站及其制作也必然會更加的豐富著人們的生活。

參考文獻

[1] 百度百科 網頁

http://baike.baidu.com/view/828.htm2010年5月21日訪問

[2] 百度百科 巴塞羅那足球俱部

http://baike.baidu.com/view/20053.htm?fr=ala0_1_12010年5月21日訪問

第三篇：靜態網頁設計與制作畢業論文

目 錄

摘 要……………………………………………………………………………………….0 第1章 緒論……………………………………………………………………………….1 1.1 INTERNET的歷史和發展…………………………………………………………….1 1.2 網頁概述................1

第2章 開發軟件簡介 6

2.1 Dreamweaver簡介 6

2.2 HTML語言的簡介 7

2.3 Flash 簡介 …………………………………………………………………… 8

2.4 Photoshop 簡介 ……………………………………………………………… 9 2.3 本章小結 14

第3章 網站需求分析 15

3.1相關術語及解釋 15

3.2個人網站的由來與發展 15

3.3我的個人網頁的設計與規劃 18

3.3.1 我的個人網頁的概貌……………………………………………………… 19

3.3.2 個人網頁的設計理念……………………………………………………… 20

3.4 本章小結 19

第4章 結論 20

致 謝 21

參考文獻 22

靜態網頁的設計與制作

摘 要

本文就網站的設計與制作，以軟件工程的方法對全過程進行了分析與研究，本文的主要工作集中在：

1.對web頁進行概述，主要是對internet的歷史和發展作了回顧，并對WEB頁的定義和特性進行闡述，并對網站設計過程中使用的工具和技術簡單的介紹.2.對網站建設中提及的術語進行簡單解釋，并對網站的由來和發展進行討論。

3.對自己設計的網站從設計理念到制作的過程進行詳細分析.4.使用Dreamweaver+Flash+photoshop 等軟件的設計方式進行解析

.5.就網站的設計與制作提出自己的觀點以及建議。

關鍵詞：網站 設計工具 設計方案 創意 風格

Static web design and production

Abstract

This website design and production, with the method of software engineering to process the analysis and research, this paper main work concentrates in:

1.The paper to web page is mainly to the Internet's history and development, and a review of the definition and characteristics of web pages is expounded, and the website design process using the tools and techniques of simple introduction.2.The website construction mentioned in terms of website, and simple explanation of the origin and development are discussed.3.For the design of your own website from design concept to making process were analyzed.4.Use Flash +Dreamweaver + photoshop software design methods are analyzed

5.Just website design and facture put forward its own views and Suggestions

第1章 緒論

隨著21世紀的到來，人們更深切地感受到計算機在生活和工作中的作用越來越重要，越來越多的職業需要具有計算機應用技能型人才。掌握計算機是職業的需要，更是事業發展的需要。網頁設計與制作是計算機能力的具體表現，本章主要介紹網頁設計的相關知識。

1.1Internet的歷史與發展

Internet最早來源于美國國防部高級研究計劃局DARPA(Defense advanced Research Projects Agency)的前身ARPA建立的ARPAnet，該網于1969年投入使用。從60年代開始，ARPA就開始向美國國內大學的計算機系和一些私人有限公司提供經費，以促進基于分組交換技術的計算機網絡的研究。1968年，ARPA為ARPAnet網絡項目立項，這個項目基于這樣一種主導思想：網絡必須能夠經受住故障 的考驗而維持正常工作，一旦發生戰爭，當網絡的某一部分因遭受攻擊而失去工作能力時，網絡的其它部分應當能夠維持正常通信。最初，ARPAnet主要用于 軍事研究目的，它有五大特點：

⑴支持資源共享；

⑵采用分布式控制技術；

⑶采用分組交換技術；

⑷使用通信控制處理機；

⑸采用分層的網絡通信協議。

第四篇：網頁制作論文

網頁制作論文

簡介

網頁制作是網站策劃師、網絡程序員、網頁設計師等崗位，應用各種網絡程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，并包含域名注冊和主機托管等服務的總稱。其作用為展現公司形象，加強客戶服務，完善網絡業務。網頁制作是企業開展電子商務的基礎設施和信息平臺，是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號碼，如果你在制作主頁時，遇到什么疑昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！