第一篇：網(wǎng)頁制作畢業(yè)論文

一 引 言

隨著Internet的誕生和發(fā)展，許多人不再僅僅局限于網(wǎng)上沖浪，而是參與到網(wǎng)站建設(shè)中。企業(yè)建站相當(dāng)于在網(wǎng)上建立一個(gè)家，你就可以在這里向客戶介紹你的企業(yè)，展示你的實(shí)力，推銷你的產(chǎn)品，網(wǎng)頁制作作為網(wǎng)站制作中一個(gè)重要的環(huán)節(jié)，相對(duì)于傳統(tǒng)的平面設(shè)計(jì)而言，網(wǎng)頁設(shè)計(jì)具有更多的新穎性，更多可以表現(xiàn)的手法。結(jié)合本人的實(shí)習(xí)過程，現(xiàn)就網(wǎng)站建設(shè)與管理過程中，網(wǎng)頁設(shè)計(jì)與制作的具體經(jīng)歷，包括：網(wǎng)頁設(shè)計(jì)與制作過程中的網(wǎng)頁布局、色彩構(gòu)置，框架結(jié)構(gòu)等相關(guān)事項(xiàng)做以下論述。

二 網(wǎng)站建設(shè)的流程

1.定義合適的域名。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)一樣，有助于將來塑造網(wǎng)上的形象。域名除了要符合公司的性質(zhì)以及信息內(nèi)容的特征外，還要具有簡(jiǎn)潔、易記、具有沖擊力的特點(diǎn)。

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

3.設(shè)計(jì)網(wǎng)頁。網(wǎng)頁的設(shè)計(jì)制作可以自己完成，也可以通過虛擬主機(jī)提供商或?qū)I(yè)的網(wǎng)頁設(shè)計(jì)制作商來完成。設(shè)計(jì)網(wǎng)頁前要收集所有需要放在網(wǎng)站上的文本資料、圖片等，并盡量用文字詳細(xì)說明制作的框架結(jié)構(gòu)，將收集的材料提供給網(wǎng)頁設(shè)計(jì)者。

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

致 謝

畢業(yè)論文如期完成了，在此我要感謝在畢業(yè)設(shè)計(jì)期間給予我?guī)椭脑S多人。首先，我要特別感謝的是我敬愛的指導(dǎo)老師王琛老師。因?yàn)槭撬麨槲姨峁┝艘粋€(gè)良好的環(huán)境，才使我很好的完成了畢業(yè)設(shè)計(jì)。在設(shè)計(jì)期間他也給與我無私的幫助。在此表示深深的謝意。

正是他的付出，使我找到并改正了許多看起來很明顯的錯(cuò)誤和不嚴(yán)謹(jǐn)?shù)恼撌?。在畢業(yè)設(shè)計(jì)的過程中是愉快的，我很感謝與我設(shè)計(jì)有幫助的每一個(gè)人，是他們的存在，讓我感到了畢業(yè)設(shè)計(jì)的過程中的快樂，使我融入到了團(tuán)隊(duì)工作中，感受到了相互合作的樂趣。

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

最后，當(dāng)然不能忘記幫助過我的老師和同學(xué)。寫論文通常是一項(xiàng)非?？菰锏墓ぷ鳎疫\(yùn)的是他們使這項(xiàng)工作變成了一種樂趣。還有默默無聞幫過我的朋友，也在此表示對(duì)你們誠摯的感謝。

第二篇：畢業(yè)論文-網(wǎng)頁制作

網(wǎng)頁制作技術(shù)與制作理念

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

關(guān)鍵詞：計(jì)算機(jī)、網(wǎng)頁制作技術(shù)、網(wǎng)頁制作理念

伴隨著計(jì)算機(jī)技術(shù)及相應(yīng)軟硬件功能的飛速發(fā)展，網(wǎng)絡(luò)已經(jīng)融入了大眾社會(huì)中，成為人們生活不可或缺的一部分。現(xiàn)在無論是公司、企業(yè)、政府、機(jī)構(gòu)等部門的宣傳和發(fā)展，還是個(gè)人的求學(xué)、求職，甚至吃喝消費(fèi)都離不開網(wǎng)絡(luò)。而為此提供廣闊平臺(tái)的則是相應(yīng)網(wǎng)頁及網(wǎng)站的制作和發(fā)展。網(wǎng)頁和網(wǎng)站本質(zhì)上沒有太大的區(qū)別，可以理解為網(wǎng)站由眾多的網(wǎng)頁及其他網(wǎng)絡(luò)媒介構(gòu)成。

本文主要是想大體介紹一下網(wǎng)站的分類，網(wǎng)站制作所應(yīng)貫徹的原則，我的網(wǎng)頁制作理念和我對(duì)網(wǎng)站未來發(fā)展的簡(jiǎn)單預(yù)測(cè)。

一、網(wǎng)站的分類

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

第二類就是公司企業(yè)以及其他政府部門的網(wǎng)站。當(dāng)然不同規(guī)模的機(jī)構(gòu)的網(wǎng)站也有很大不同。大公司大企業(yè)和頂級(jí)行政部門往往員工、合作對(duì)象及其他關(guān)注的人比較多，網(wǎng)站需要向內(nèi)外部提供及時(shí)的信息和服務(wù)。而小型企業(yè)網(wǎng)站的側(cè)重點(diǎn)往往僅僅是形象的宣傳，實(shí)際的服務(wù)和資訊不多，也沒有多大價(jià)值。

第三類就是個(gè)人類網(wǎng)站了，這種類型的網(wǎng)站由于制作者有不同的制作基礎(chǔ)，不同的性格，不同的制作理念等諸多因素，因而網(wǎng)站而制作目的也不盡相同。有的是為了好奇而學(xué)習(xí)，有的就是為了制作的樂趣及享受上傳至互聯(lián)網(wǎng)上之后的那種自豪感。當(dāng)然也有人有更高的理想和追求，希望通過這樣的途徑來創(chuàng)業(yè)，實(shí)現(xiàn)個(gè)人事業(yè)的發(fā)展。

當(dāng)然這只是一個(gè)簡(jiǎn)單的分類，隨著網(wǎng)絡(luò)的發(fā)展，各網(wǎng)站已經(jīng)變的更加全面綜合，同時(shí)也更復(fù)雜多樣。由于網(wǎng)站的魅力也不斷提高，制作網(wǎng)站也成為一種時(shí)尚和美麗的象征，同時(shí)也是一項(xiàng)生活的技術(shù)和技能。所以網(wǎng)站的制作也成為眾多人們學(xué)習(xí)的一個(gè)目標(biāo)和方向。

二、網(wǎng)頁的制作工具

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

但隨著計(jì)算機(jī)技術(shù)的發(fā)展，相應(yīng)的可視化網(wǎng)頁制作軟件應(yīng)運(yùn)而生。網(wǎng)頁的制作已不再那樣抽象難懂，而是更加直觀可視，更加方便快捷了。

首先可以用word編輯，比較簡(jiǎn)單比較方便，但這對(duì)復(fù)雜網(wǎng)頁及高質(zhì)量精美網(wǎng)頁的制作有著一定的限制，存在著發(fā)展的瓶頸。

再就是FrontPage軟件，這是一款由微軟提供的比較強(qiáng)大網(wǎng)頁制作軟件，可以方便的進(jìn)行代碼編輯，拆分查看及設(shè)計(jì)要求?？梢暬潭纫严喈?dāng)高，已經(jīng)具備普通完全具備普通網(wǎng)頁的制作。但是或許是由于微軟的強(qiáng)大壟斷性，缺少一定的競(jìng)爭(zhēng)，F(xiàn)rontPage也存在著一些弊端。1.對(duì)于FrontPage不支持的東西，在制作網(wǎng)頁時(shí)插入就比較麻煩，它產(chǎn)生的代碼讓人理解時(shí)有些費(fèi)力。2.FrontPage的一些窗口按鍵上的文字不太直觀，不容易理解，尤其對(duì)初學(xué)者更有一定的難度。3.可能還是微軟的問題，F(xiàn)rontPage對(duì)微軟以外的瀏覽器不太友好，有時(shí)會(huì)有不必要的麻煩。4.在動(dòng)態(tài)網(wǎng)頁的制作時(shí)，F(xiàn)rontPage就有些力不從心，更多的還是利用網(wǎng)頁制作語言。

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

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

三、網(wǎng)頁的設(shè)計(jì)思路及堅(jiān)持的原則

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

（1）制作工具的協(xié)調(diào)利用，就是注意網(wǎng)頁制作工具與網(wǎng)頁制作語言編輯相結(jié)合，雙方各有各的優(yōu)勢(shì)。初學(xué)者推薦先用可視化網(wǎng)頁制作工具，這可以比較簡(jiǎn)單，比較快速的初步了解網(wǎng)頁制作的相關(guān)知識(shí)，同時(shí)對(duì)網(wǎng)頁制作語言的學(xué)習(xí)也有很大的促進(jìn)作用。但若想有長(zhǎng)遠(yuǎn)的發(fā)展，可視化制作工具在網(wǎng)頁制作有一定的發(fā)展瓶頸。這就要學(xué)習(xí)更多的網(wǎng)頁制作語言，如asp，jsp，php及Java腳本語言等。因?yàn)榫W(wǎng)頁制作語言的學(xué)習(xí)和利用則是永無止境的，其功能和作用是無限的。

（2）在制作過程中，網(wǎng)頁的基本類型要注意個(gè)性化與大眾化相結(jié)合。大眾化可以被更多的人接受，個(gè)性化則可以吸引更多人的注意，但絕對(duì)的個(gè)性化和絕對(duì)的大眾化都是不可取的，對(duì)網(wǎng)站的長(zhǎng)遠(yuǎn)發(fā)展也都是不利的，因此一定要注意互相的取舍與結(jié)合。

（3)藝術(shù)與實(shí)效相結(jié)合。所謂藝術(shù)就是讓瀏覽者能夠愉快的閱讀，能在達(dá)到瀏覽目的的同時(shí)，能有一份以外的心靈收獲。這種藝術(shù)要有一定的內(nèi)涵，不要讓漫天的繁華卻充斥著無限的空虛。而實(shí)效則是不要忘了網(wǎng)站最本質(zhì)的目的，那就是讓瀏覽者得到他們需要的，對(duì)他們有幫助的信息。這種信息可以是自己的創(chuàng)作，可能會(huì)有些平凡樸素，但一定要讓人感到這是你自己用心創(chuàng)作的，因?yàn)槔锩嬗心愕囊环菪难?，也有著一份感情。藝術(shù)和實(shí)效二者缺一不可，尤其對(duì)社會(huì)大眾類網(wǎng)站更是如此。

（4）在制作時(shí)要注意借鑒與自創(chuàng)相結(jié)合。在網(wǎng)頁制作過程中，尤其對(duì)于初學(xué)者來說，基本的學(xué)習(xí)、借鑒、模仿是必要的也是必需的，因?yàn)檫@對(duì)網(wǎng)頁制作技術(shù)和制作理念的提高有很大幫助。但另一方那個(gè)方面要清醒的認(rèn)識(shí)到，一個(gè)網(wǎng)站要想長(zhǎng)盛不衰，一定要有自己的東西，要堅(jiān)持自己的創(chuàng)作，并且是嘔心瀝血的創(chuàng)作。借鑒和模仿的永遠(yuǎn)有別人的影子，只有自己的創(chuàng)作才是獨(dú)一無二的。

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

這僅僅是要注意的幾個(gè)方面，要想制作成功一個(gè)網(wǎng)站，牽扯到的因素太多了，需要我們不斷地學(xué)習(xí)進(jìn)步才行。

四、我的網(wǎng)頁類型選擇及制作理念

網(wǎng)頁的分類標(biāo)準(zhǔn)有很多種，前賣也大致區(qū)分為三類。其實(shí)前兩類可以歸結(jié)為一類，就是具有一定的社會(huì)公共性，有一定的大眾化，再一類就是個(gè)人類。社會(huì)大眾類網(wǎng)站要求版式嚴(yán)格合理，內(nèi)容時(shí)尚豐富。需要一支龐大的專業(yè)隊(duì)伍，同時(shí)對(duì)設(shè)計(jì)者分工嚴(yán)格細(xì)致，要求素質(zhì)專業(yè)嚴(yán)謹(jǐn)，理念科學(xué)先進(jìn)。這類網(wǎng)站要想達(dá)到理想的情況，在畢業(yè)設(shè)計(jì)來說太困難了，幾乎完不成。而對(duì)于個(gè)人類網(wǎng)站，要求內(nèi)容充實(shí)，版式要有一定的特色，同時(shí)還應(yīng)具有相對(duì)獨(dú)特的藝術(shù)內(nèi)涵魅力。這種個(gè)人類網(wǎng)站要想達(dá)到完美程度也很困難，但通過努力，還是可以達(dá)到

一定理想效果的。所以我根據(jù)自己的現(xiàn)實(shí)能力及目前的制作條件和制作基礎(chǔ)，選擇的是個(gè)人類網(wǎng)頁的制作。

五、我的網(wǎng)頁主要內(nèi)容

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

（1）網(wǎng)頁簡(jiǎn)介：左側(cè)對(duì)主網(wǎng)頁的主要鏈接子網(wǎng)頁在此也做了簡(jiǎn)單的介紹，并提供了相應(yīng)的鏈接渠道，可也可以快速的進(jìn)入鏈接網(wǎng)頁。右側(cè)簡(jiǎn)單分析了網(wǎng)頁的起源、發(fā)展、未來趨勢(shì)，也簡(jiǎn)單介紹了我的網(wǎng)頁制作理念和制作目的。

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

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

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

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

（6）交流平臺(tái): 方便與網(wǎng)友交流溝通的一個(gè)網(wǎng)頁，包括e-mail，QQ和意見建議留言等不同版塊。

我基本上就是按上面的規(guī)劃制作網(wǎng)站，制作過程中，在學(xué)習(xí)借鑒的同時(shí)，堅(jiān)持自創(chuàng)。

六、對(duì)網(wǎng)站制作的未來預(yù)測(cè)

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

參考文獻(xiàn)

[1] 百度百科 網(wǎng)頁

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

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

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

第三篇：靜態(tài)網(wǎng)頁設(shè)計(jì)與制作畢業(yè)論文

目 錄

摘 要……………………………………………………………………………………….0 第1章 緒論……………………………………………………………………………….1 1.1 INTERNET的歷史和發(fā)展…………………………………………………………….1 1.2 網(wǎng)頁概述................1

第2章 開發(fā)軟件簡(jiǎn)介 6

2.1 Dreamweaver簡(jiǎn)介 6

2.2 HTML語言的簡(jiǎn)介 7

2.3 Flash 簡(jiǎn)介 …………………………………………………………………… 8

2.4 Photoshop 簡(jiǎn)介 ……………………………………………………………… 9 2.3 本章小結(jié) 14

第3章 網(wǎng)站需求分析 15

3.1相關(guān)術(shù)語及解釋 15

3.2個(gè)人網(wǎng)站的由來與發(fā)展 15

3.3我的個(gè)人網(wǎng)頁的設(shè)計(jì)與規(guī)劃 18

3.3.1 我的個(gè)人網(wǎng)頁的概貌……………………………………………………… 19

3.3.2 個(gè)人網(wǎng)頁的設(shè)計(jì)理念……………………………………………………… 20

3.4 本章小結(jié) 19

第4章 結(jié)論 20

致 謝 21

參考文獻(xiàn) 22

靜態(tài)網(wǎng)頁的設(shè)計(jì)與制作

摘 要

本文就網(wǎng)站的設(shè)計(jì)與制作，以軟件工程的方法對(duì)全過程進(jìn)行了分析與研究，本文的主要工作集中在：

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

3.對(duì)自己設(shè)計(jì)的網(wǎng)站從設(shè)計(jì)理念到制作的過程進(jìn)行詳細(xì)分析.4.使用Dreamweaver+Flash+photoshop 等軟件的設(shè)計(jì)方式進(jìn)行解析

.5.就網(wǎng)站的設(shè)計(jì)與制作提出自己的觀點(diǎn)以及建議。

關(guān)鍵詞：網(wǎng)站 設(shè)計(jì)工具 設(shè)計(jì)方案 創(chuàng)意 風(fēng)格

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世紀(jì)的到來，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來越重要，越來越多的職業(yè)需要具有計(jì)算機(jī)應(yīng)用技能型人才。掌握計(jì)算機(jī)是職業(yè)的需要，更是事業(yè)發(fā)展的需要。網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，本章主要介紹網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)。

1.1Internet的歷史與發(fā)展

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

⑴支持資源共享；

⑵采用分布式控制技術(shù)；

⑶采用分組交換技術(shù)；

⑷使用通信控制處理機(jī)；

⑸采用分層的網(wǎng)絡(luò)通信協(xié)議。

第四篇：網(wǎng)頁制作論文

網(wǎng)頁制作論文

簡(jiǎn)介

網(wǎng)頁制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱。其作用為展現(xiàn)公司形象，加強(qiáng)客戶服務(wù)，完善網(wǎng)絡(luò)業(yè)務(wù)。網(wǎng)頁制作是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。新競(jìng)爭(zhēng)力也認(rèn)為注重網(wǎng)站的網(wǎng)絡(luò)營銷價(jià)值而不是外在表現(xiàn)。網(wǎng)頁制作是指使用標(biāo)識(shí)語言，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，瀏覽。

網(wǎng)頁制作要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來。

目錄

1.網(wǎng)頁制作的兩種設(shè)計(jì)模式 2.網(wǎng)頁制作常用工具 3.flash 3.1flash簡(jiǎn)介 3.2flash動(dòng)畫的特點(diǎn) 3.3flash動(dòng)畫的前景 3.4flash在網(wǎng)頁中的應(yīng)用 3.5flash制作流程 4.fireworks

4.1fireworks簡(jiǎn)介

4.2fireworks在網(wǎng)頁中的應(yīng)用

4.3fireworks的重要性

4.4fireworks制作流程 5.參考文獻(xiàn)

正文

1.網(wǎng)頁制作的兩種設(shè)計(jì)模式

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

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

由于W3C是該模式極力的倡導(dǎo)者，于是業(yè)界鑒定網(wǎng)頁是否符合W3C標(biāo)準(zhǔn)，就可以在W3C網(wǎng)站自動(dòng)檢測(cè)該網(wǎng)站的情況。

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

網(wǎng)頁實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的的某一臺(tái)計(jì)算機(jī)中，而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（URL）來識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過一段復(fù)雜而又快速的程序，網(wǎng)頁文件會(huì)被傳送到你的計(jì)算機(jī)，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。

2.網(wǎng)頁制作常用工具

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

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

3、FLASH 網(wǎng)頁需要畫面流動(dòng)時(shí)的首選擇

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

5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對(duì)網(wǎng)頁的處理。

6、Adobe公司推出的cs3系列，軟件之間兼容性較好?？梢杂么讼盗袑?duì)網(wǎng)站的美工特效進(jìn)行進(jìn)一步的修飾美化和優(yōu)化。

3.flash 3.1flash簡(jiǎn)介

Flash最早出現(xiàn)并興起于網(wǎng)絡(luò)，是網(wǎng)絡(luò)多媒體動(dòng)畫的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。其運(yùn)用范圍覆蓋諸多領(lǐng)域如電視廣告、網(wǎng)絡(luò)廣告、游戲、演示動(dòng)畫、課件、網(wǎng)頁、手機(jī)動(dòng)畫等新興媒體?，F(xiàn)在由于網(wǎng)絡(luò)帶寬的不斷提高，F(xiàn)lash動(dòng)態(tài)網(wǎng)頁以其具備的聲音、動(dòng)態(tài)圖像等多媒體優(yōu)勢(shì)，相信在不遠(yuǎn)的將來能夠完全替代靜態(tài)（HTML）網(wǎng)頁。

3.2flash動(dòng)畫的特點(diǎn)

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

（二）Flash動(dòng)畫具有交互性優(yōu)勢(shì)，可以更好地滿足所有用戶的需要。它可以讓欣賞者的動(dòng)作成為動(dòng)畫的一部分。用戶可以通過點(diǎn)擊、選擇等動(dòng)作，決定動(dòng)畫的運(yùn)行過程和結(jié)果，這一點(diǎn)是傳統(tǒng)動(dòng)畫所無法比擬的。

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

（四）Flash動(dòng)畫有嶄新的視覺效果，比傳統(tǒng)的動(dòng)畫更加輕易與靈巧，更加“酷”。不可否認(rèn)，它已經(jīng)成為一種新時(shí)代的藝術(shù)表現(xiàn)形式。

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

（六）Flash動(dòng)畫在制作完成后，可以把生成的檔設(shè)置成帶保護(hù)的格式，這樣維護(hù)了設(shè)計(jì)者的版權(quán)利益。

3.3flash動(dòng)畫的前景

現(xiàn)在的Flash平臺(tái)包括:Flash Studio

8、Flash Player

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

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

（二）Flex 2產(chǎn)品線和Flash Player 8.5出手不凡

Macromedia Flex 2產(chǎn)品線和Macromedia Flash Player 8.5是本次發(fā)布會(huì)的重頭戲。新產(chǎn)品涵蓋RIA的全部應(yīng)用場(chǎng)景，從電子商務(wù)產(chǎn)品配置，到需要與實(shí)時(shí)數(shù)據(jù)集成的可視交易應(yīng)用。

Flash Player目前在全球6億多個(gè)桌面和移動(dòng)設(shè)備上安裝,估計(jì)新版本在12個(gè)月內(nèi)將被80%的聯(lián)網(wǎng)計(jì)算機(jī)下載。Flash Player 8.5在Flash Player 8的基礎(chǔ)上增加了適合行業(yè)使用的編程功能，并構(gòu)建了先進(jìn)的跨平臺(tái)運(yùn)行時(shí)環(huán)境。它備有一個(gè)新的虛擬機(jī)，可以提供更高的運(yùn)行性能、全面的運(yùn)行錯(cuò)誤報(bào)告、增強(qiáng)型調(diào)試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規(guī)范，能夠更易于查找及解決問題，從而提高開發(fā)人員的工作效率。

3.4flash在網(wǎng)頁中的應(yīng)用

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

（1）建立一個(gè)新的場(chǎng)景

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

（1）

（2）重新命名場(chǎng)景和涂層名稱

依次選擇“窗口”、“設(shè)計(jì)面板”、“場(chǎng)景”命令，在彈出的場(chǎng)景面板中雙擊默認(rèn)場(chǎng)景名稱，改為“跳動(dòng)的小球”。然后重新命名涂層名稱，雙擊默認(rèn)涂層名稱，改為“地面”。然后用水平線表示地面，選擇筆觸顏色為黑色，單擊“線條工具”按鈕，在第一幀的舞臺(tái)下方，拖動(dòng)鼠標(biāo)畫一條直線表示地面。

（2）

（3）插入水平線結(jié)束幀

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

（3）（4）插入跳動(dòng)的小球涂層，畫小球的初始狀態(tài)

雙擊默認(rèn)的涂層名，改為跳動(dòng)的小球涂層，此圖層處于激活狀態(tài)。設(shè)置填充色為黑色，在第一幀的舞臺(tái)上方，畫一個(gè)小球，刪除輪廓線。

（4）

（5）插入下一幀

單擊跳動(dòng)的小球?qū)拥诙男》娇?，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在第二幀中復(fù)制第一幀的圖形；拖動(dòng)小球向下移動(dòng)一個(gè)距離，表示球在下落。

（5）

（6）制作下落動(dòng)作的變化

重復(fù)上一步驟。

（6）

（7）小球變形

在下一幀的位置插入關(guān)鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據(jù)可實(shí)現(xiàn)的變形方式箭頭右下方的小圖形會(huì)有所變化；單擊小球，小球周圍出現(xiàn)8個(gè)黑色句柄框；把鼠標(biāo)指針移動(dòng)到4個(gè)中間句柄處，拖動(dòng)鼠標(biāo)，把圓球編程橢球形。

（7）

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

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

4.2fireworks在網(wǎng)頁中的應(yīng)用

眾所周知，在網(wǎng)頁上的jpg圖片如果過大，會(huì)嚴(yán)重影響頁面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量（除非放大了與原圖對(duì)比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會(huì)很大（因?yàn)樗沁m合處理印刷品，要求比較清晰），最終還是要用Fireworks來處理一下。

在優(yōu)化面板里有“導(dǎo)出jpg較高品質(zhì)”，導(dǎo)出默認(rèn)的80品質(zhì)（可以用“2幅”畫面對(duì)比之前之后的大小）。

4.3fireworks的重要性

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

4.4fireworks制作流程

1.準(zhǔn)備素材 如圖

2、因?yàn)檫@幅圖片是位圖，我們可以用魔術(shù)棒將電視機(jī)中間的畫面選取成選區(qū)

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

出

電

視

畫

面的路

徑

4.將選中區(qū)域填充成折疊漸變

顏色可以自己選擇：

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

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

7.依次選擇其他幀，拖動(dòng)漸變調(diào)整手柄將其改變位置：柄以初選中區(qū)域 并在幀屬性幀命令：

最后保存 導(dǎo)出gif圖片 即可完成。

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

2.輸入文本 1 然后再打開幀屬性 選擇重置幀 9 因?yàn)閿?shù)字0-9 一共是十個(gè)

3.然后選擇每一幀，并修改畫布中的相應(yīng)數(shù)字。

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

6.也可以在幀面板的底部設(shè)置Gif動(dòng)畫循環(huán)，默認(rèn)為“永久”選項(xiàng)

7.畫布顏色可以隨意更改 再按f12 預(yù)覽就可以了，最后導(dǎo)出文件

5.參考文獻(xiàn)

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

第五篇：網(wǎng)頁制作心得

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

首先，了解網(wǎng)頁并不是單純的認(rèn)為他僅僅只是為人們服務(wù)的，而它的存在也是給我們帶來了利益和好處。當(dāng)然，了解網(wǎng)頁首先也從幾個(gè)軟件開始：

1.dreamweaver mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

而網(wǎng)頁制作就是開始從這些軟件開始著手的，今天，我終于可以學(xué)習(xí)網(wǎng)頁制作了，我們?cè)诙呸壤蠋煹慕虒?dǎo)下，各位同學(xué)們也都在聆聽老師的講解和指導(dǎo)我們運(yùn)用以上這些軟件的功能和網(wǎng)頁的剖析。所謂網(wǎng)頁，就是指一個(gè)可以瀏覽內(nèi)容并且可以使用ｉｅ瀏覽器打開的內(nèi)容稱之為網(wǎng)頁。

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

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”學(xué)習(xí)的道路是艱苦漫長(zhǎng)的，更何況這是關(guān)于一個(gè)科學(xué)技術(shù)的一個(gè)代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學(xué)生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學(xué)生，而學(xué)生也不辜負(fù)老師的使命，就這樣，網(wǎng)頁制作這一門課程進(jìn)行的很順利，學(xué)習(xí)了dreamweaver mx XX對(duì)它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們?cè)诶蠋煹闹笇?dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁了。

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

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

網(wǎng)頁制作心得（2）：

做好主頁，并不是一件容易的事，它包括個(gè)人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。

一、準(zhǔn)備資料和挑選網(wǎng)頁設(shè)計(jì)的合適工具

俗話說：“巧婦難為無米之炊”。做主頁當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計(jì)主頁時(shí)的參考。

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

二、規(guī)劃好整個(gè)網(wǎng)站

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

三、善用圖片，增強(qiáng)藝術(shù)效果，加快主頁瀏覽速度

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

四、善于借鑒他人主頁制作中的設(shè)計(jì)技巧

由于在網(wǎng)上用瀏覽器瀏覽任何主頁時(shí)，都能查看到該主頁制作時(shí)所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計(jì)技巧，不妨將其源代碼調(diào)出來仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。這樣的話，你就能以較短的時(shí)間掌握相應(yīng)的設(shè)計(jì)技巧。而且，在許多主頁上都留有制作者的電子郵件地址或icq號(hào)碼，如果你在制作主頁時(shí)，遇到什么疑昨天，網(wǎng)頁與我無緣，那是因?yàn)樯咸觳唤o我們一個(gè)見面的機(jī)會(huì)！