第一篇：網(wǎng)頁(yè)制作學(xué)習(xí)心得

網(wǎng)頁(yè)制作學(xué)習(xí)心得體會(huì) 劉少波

***4

轉(zhuǎn)眼間，我已經(jīng)學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但是這個(gè)學(xué)期以后我受益匪淺。

記得最初接觸dreamweaver的時(shí)候，我很茫然。因?yàn)橐郧皬膩?lái)沒(méi)有見(jiàn)到過(guò)這種格式的軟件操作窗口和如此多的陌生名詞，只能用鼠標(biāo)到處亂點(diǎn)。并且剛開(kāi)始幾節(jié)課，老師并沒(méi)有給我們講關(guān)于如何去使用這個(gè)軟件的知識(shí)，基本上每幾課有90%的時(shí)間在給我說(shuō)一些有關(guān)電腦的基本知識(shí)和如何學(xué)習(xí)軟件的操作，當(dāng)時(shí)覺(jué)得沒(méi)什么用，甚至有點(diǎn)反感，害怕一個(gè)學(xué)期以后沒(méi)什么收獲，最后問(wèn)了一下周?chē)耐瑢W(xué)，原來(lái)大家都有這樣的想法。

漸漸的，在老師的悉心教導(dǎo)下，我們開(kāi)始熟悉這個(gè)軟件了。然而一個(gè)學(xué)期也快結(jié)束了。最后幾節(jié)課，老師布置了一個(gè)任務(wù)，要求做一個(gè)網(wǎng)站。雖然學(xué)了一個(gè)學(xué)期，但是我覺(jué)得我的能力完全沒(méi)有這么高，做個(gè)網(wǎng)站真的很不容易。

最開(kāi)始是確定主題。我一直都想不出應(yīng)該做一個(gè)關(guān)于什么的網(wǎng)站，一次，一個(gè)朋友告訴我她在省博物館，叫我?guī)退橐幌鹿篡`劍在哪個(gè)展廳。打開(kāi)百度，我以外的發(fā)現(xiàn)省博物館的網(wǎng)站進(jìn)不去，于是突然想到可以做一個(gè)與博物館有關(guān)的網(wǎng)站。于是開(kāi)始收集各方面的資料。

確定了主題就開(kāi)始布局了。最開(kāi)始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過(guò)ps處理出來(lái)一個(gè)版頭并且把修改過(guò)大小的圖片放進(jìn)去了。預(yù)覽時(shí)，問(wèn)題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒(méi)有效果。最后想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內(nèi)面，這樣問(wèn)題就解決了。預(yù)覽是效果還不錯(cuò)。

但是總覺(jué)得首頁(yè)做得太普通，一次瀏覽學(xué)長(zhǎng)做的網(wǎng)頁(yè)時(shí)，覺(jué)得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò)，于是想借見(jiàn)一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問(wèn)題了。因?yàn)樾枰獫L動(dòng)的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實(shí)際的網(wǎng)頁(yè)預(yù)覽中，這個(gè)有文字滾動(dòng)的框只占了左邊的三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因?yàn)闆](méi)有專業(yè)術(shù)語(yǔ)作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過(guò)div標(biāo)簽，試過(guò)不停的拆分表格，最后還是沒(méi)有效果。就這樣試著試著，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結(jié)果成功了，經(jīng)過(guò)一些加工，終于成功的完成左邊的布局。

印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過(guò)很多次怎樣插入聲音，可是等到自己做網(wǎng)頁(yè)的時(shí)候卻忘記了，于是問(wèn)其他人，結(jié)果居然都忘記了，于是自己在百度上收。最后終于找到了一個(gè)可以使用的代碼，但是在加入聲音路徑時(shí)出現(xiàn)了問(wèn)題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂(lè)文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著這種格式寫(xiě)下了指向聲音源文件的路徑，最后成功了。

在設(shè)計(jì)過(guò)程中還出現(xiàn)了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢，請(qǐng)教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。就我而言，也在學(xué)習(xí)網(wǎng)頁(yè)中總結(jié)了如下經(jīng)驗(yàn)?？磿?shū)不要過(guò)多，看一本就可以了。關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的書(shū)太多了，每本書(shū)里的內(nèi)容也太多了，林林總總的，而且有些亂。書(shū)看多了，花的時(shí)間比較多。我覺(jué)得想學(xué)基本技巧的應(yīng)該不用太多地看書(shū)。.初學(xué)者要清楚地了解網(wǎng)頁(yè)制作的基本流程。就是第一步做什么,下一步又該怎樣。從繪畫(huà)網(wǎng)頁(yè)框架圖到最后發(fā)布網(wǎng)站，大概是怎樣的一個(gè)過(guò)程，怎樣實(shí)現(xiàn)的，應(yīng)該要心里有數(shù)。.按流程的順序?qū)W習(xí)，不要試著先把所有做網(wǎng)頁(yè)用到的軟件都吃透了再開(kāi)始做網(wǎng)頁(yè)。應(yīng)該邊學(xué)邊嘗試。注意代碼。盡管我們對(duì)代碼還不熟悉，但完全不懂代碼的話做網(wǎng)頁(yè)還是比較困難的。至少要看到代碼知道大概是怎么一回事。平時(shí)瀏覽網(wǎng)頁(yè)時(shí)多多留意別人的設(shè)計(jì)和效果，多收集有用的信息。這方面我們還是剛剛開(kāi)始的。有必要借鑒一下。要細(xì)心和耐心。這兩個(gè)不用多說(shuō)啦，做什么事情都應(yīng)該這樣吧。網(wǎng)頁(yè)設(shè)計(jì)更是這樣，比畫(huà)畫(huà)，十字繡更要細(xì)心和耐心。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)很多時(shí)不是你構(gòu)思好要弄成怎樣就可以很輕易地做出來(lái)，要多多思考和分析。

總體來(lái)說(shuō)，通過(guò)今次的對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門(mén)，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁(yè)設(shè)計(jì)的熱情和執(zhí)著，我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更完善。

第二篇：網(wǎng)頁(yè)制作學(xué)習(xí)心得

網(wǎng)頁(yè)制作學(xué)習(xí)心得

網(wǎng)頁(yè)制作學(xué)習(xí)心得一：網(wǎng)頁(yè)制作學(xué)習(xí)心得

在學(xué)習(xí)網(wǎng)頁(yè)制作的這段時(shí)間里，我利用了學(xué)習(xí)之余的一切可利用的剩余時(shí)間，全心全意投入到網(wǎng)頁(yè)世界，去不斷的學(xué)習(xí)，去不斷的探索；同時(shí)去不斷的充實(shí)，去不斷的完善自我，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生！

通過(guò)這次制作網(wǎng)站的過(guò)程，我最大的感受就是制定網(wǎng)站計(jì)劃的重要性。一個(gè)好的計(jì)劃可以詳細(xì)制定網(wǎng)站的相關(guān)內(nèi)容，為后面的工作節(jié)省很多時(shí)間，所以在制定計(jì)劃時(shí)要有充分的準(zhǔn)備。

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

標(biāo)題在個(gè)人主頁(yè)中起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁(yè)的定位。一個(gè)好的標(biāo)題必須有概括性、有特色、簡(jiǎn)短易記，不要符合自己主頁(yè)的主題和風(fēng)格。

網(wǎng)頁(yè)頁(yè)面整體的排版設(shè)計(jì)也是不可忽略了，很重要的一個(gè)原則是合理也運(yùn)用空間，讓自己的網(wǎng)頁(yè)井然有序，留下合適空間，會(huì)給人輕松的感覺(jué)。

主頁(yè)中不光要有文字，還要適當(dāng)?shù)丶右恍﹫D片。俗話說(shuō)“一圖勝千言”，我想它不無(wú)道理。一張?zhí)幚淼煤玫膱D片不需再多做解釋，就能使人一目了然，讓人去思考，去了解它。

我通過(guò)整個(gè)包括主題的確定，網(wǎng)頁(yè)的設(shè)計(jì)，資料的整和等制作的過(guò)程，才更加深入地理解了這些理論。我會(huì)懷著濃厚的興趣去學(xué)習(xí)，與同事之間互相協(xié)作學(xué)習(xí)，學(xué)會(huì)把理論知識(shí)運(yùn)用到實(shí)際中，真正提高我的自主學(xué)習(xí)能力、協(xié)作精神和實(shí)踐能力。向著做一個(gè)真正意義上的教育技術(shù)專業(yè)人士的目標(biāo)前進(jìn)。

>網(wǎng)頁(yè)制作學(xué)習(xí)心得二：網(wǎng)頁(yè)制作學(xué)習(xí)心得>>（1671字）

轉(zhuǎn)瞬之間，半個(gè)學(xué)期又接近尾聲，在李導(dǎo)師的精心輔導(dǎo)下，度過(guò)了這個(gè)富有生機(jī)，富有朝氣的學(xué)期。學(xué)到了很多做夢(mèng)也不會(huì)遇到的如此奇特的有趣知識(shí)，對(duì)于我來(lái)講是一個(gè)很好的鍛煉和充實(shí)的機(jī)會(huì)。

俗話說(shuō)的好“書(shū)山有路勤為徑，學(xué)海無(wú)涯苦作舟”。在這一絕世佳句的鼓動(dòng)下，我把握了工作之余的一切可利用的剩余時(shí)間，全心全意投入到網(wǎng)頁(yè)世界，去不斷的學(xué)習(xí)，去不斷的收索；同時(shí)去不斷的充實(shí)，去不斷的完善自我，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生！

在學(xué)習(xí)網(wǎng)頁(yè)制作的過(guò)程中，我深深體會(huì)到一點(diǎn)“有付出，就終有回報(bào)”，你的付出與你的回報(bào)終究是成正比的。經(jīng)過(guò)了多少漫漫長(zhǎng)路，經(jīng)過(guò)了多少忘我的投入，經(jīng)過(guò)了多少波折，我的網(wǎng)頁(yè)與眾人見(jiàn)面了。當(dāng)我第一眼在網(wǎng)絡(luò)下一覽我的個(gè)人主頁(yè)，我是多么的激動(dòng)，多么的興奮，就像多年未見(jiàn)的老同學(xué)，一種講不出道不明的感覺(jué)。

我在制作主頁(yè)中的心得體會(huì):

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

1.標(biāo)題

在個(gè)人主頁(yè)中標(biāo)題起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁(yè)的定位。一個(gè)好的標(biāo)題必須有概括性、簡(jiǎn)短，有特色、容易記，還要符合自己主頁(yè)的主題和風(fēng)格，決不要取一個(gè)名不符實(shí)的'好名字'，別人第一次上了當(dāng)，下次再也不會(huì)光顧了。

2.內(nèi)容的采集

選好標(biāo)題后，開(kāi)始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過(guò)程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁(yè)中的特色，應(yīng)該突出自己的個(gè)性，把自己的興趣、愛(ài)好盡情地發(fā)揮出來(lái)，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁(yè)就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽(tīng)的歌，一些好的動(dòng)畫(huà)作品。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過(guò)十個(gè)，層次上最好少于五層。

3.圖片

做個(gè)人主頁(yè)不能只用文字，必須在主頁(yè)上適當(dāng)?shù)丶右恍﹫D片，增加可看性，俗話說(shuō)'一圖勝千言'，我想不無(wú)道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當(dāng)然處理得不好的以及無(wú)關(guān)緊要的圖片最好不要放上去，否則讓人覺(jué)得是累贅，同時(shí)也影響網(wǎng)頁(yè)的傳輸速度。圖片不僅要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大?。醋止?jié)數(shù)），在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁(yè)的傳輸速度。那么如何精簡(jiǎn)圖片的大小呢，一般來(lái)說(shuō)，圖片顏色較少的及在256色以內(nèi)的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因?yàn)間if和jpg各有各的壓縮優(yōu)勢(shì)，應(yīng)根據(jù)具體的圖片來(lái)選擇壓縮比。

4.網(wǎng)頁(yè)排版

網(wǎng)頁(yè)頁(yè)面整體的排版設(shè)計(jì)也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個(gè)原則是合理地運(yùn)用空間，讓自己的網(wǎng)頁(yè)井井有條，留下必要的空白，人覺(jué)得很輕松。不要把整個(gè)網(wǎng)頁(yè)都填得密密實(shí)實(shí)的，沒(méi)有一點(diǎn)空隙，這樣會(huì)給人一種壓抑感。

5.背景

網(wǎng)頁(yè)的背景并不一定非要用白色，選用的背景應(yīng)該和整套頁(yè)面的色調(diào)相協(xié)調(diào)。合理的應(yīng)用色彩是非常關(guān)鍵的。

6.其它

如果想自己的網(wǎng)頁(yè)更有特色一些，可適當(dāng)?shù)丶右恍┚W(wǎng)頁(yè)制作的技巧，諸如聲音、動(dòng)態(tài)網(wǎng)頁(yè)、java、applet等，當(dāng)然這些小技巧最好不要加太多，它會(huì)影響網(wǎng)頁(yè)的下載速度。

等個(gè)人主頁(yè)做得差不多了，可別忘了在個(gè)人主頁(yè)上放一個(gè)留言板、一個(gè)計(jì)數(shù)器。前者能及時(shí)獲得參觀者的意見(jiàn)和建議，及時(shí)得到網(wǎng)友反饋的信息，最好能做到有問(wèn)必答，用行動(dòng)去贏得更多的訪問(wèn)者；后者能讓知道主頁(yè)參觀者的統(tǒng)計(jì)數(shù)據(jù)，可以及時(shí)調(diào)整設(shè)計(jì)，適應(yīng)不同的瀏覽器和參觀者的要求。

7.宣傳

昨天，網(wǎng)頁(yè)與我無(wú)緣，那是因?yàn)樯咸觳唤o我們一個(gè)見(jiàn)面的機(jī)會(huì)！

今天，網(wǎng)頁(yè)與我相識(shí)，與我相知，成為我的一個(gè)最真誠(chéng)的朋友，那時(shí)因?yàn)槔顚?dǎo)師的辛勤栽培！

明天，網(wǎng)頁(yè)與我一生相伴，終身相隨，那是因?yàn)槲翌I(lǐng)悟了什么是“一個(gè)網(wǎng)絡(luò)，整個(gè)世界”。

總而言之，我將用畢生的精力，心血去換取網(wǎng)絡(luò)中最燦爛的那顆夜明珠，在網(wǎng)頁(yè)的藍(lán)圖里，我將記下人生不朽的個(gè)人詩(shī)篇！

>網(wǎng)頁(yè)制作學(xué)習(xí)心得三：網(wǎng)頁(yè)制作學(xué)習(xí)心得>>（717字）

在學(xué)習(xí)網(wǎng)頁(yè)制作的這幾天里，我利用了學(xué)習(xí)之余的一切可利用的剩余時(shí)間，全心全意投入到網(wǎng)頁(yè)世界，去不斷的學(xué)習(xí)，去不斷的探索;同時(shí)去不斷的充實(shí)，去不斷的完善自我，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生!

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

①標(biāo)題

在個(gè)人主頁(yè)中標(biāo)題起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁(yè)的定位。一個(gè)好的標(biāo)題必須有概括性、簡(jiǎn)短，有特色、容易記，還要符合自己主頁(yè)的主題和風(fēng)格。

②內(nèi)容的采集

選好標(biāo)題后，開(kāi)始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過(guò)程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁(yè)中的特色，應(yīng)該突出自己的個(gè)性，把自己的興趣、愛(ài)好盡情地發(fā)揮出來(lái)，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁(yè)就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽(tīng)的歌，一些好的動(dòng)畫(huà)作品。

③圖片

做個(gè)人主頁(yè)不能只用文字，必須在主頁(yè)上適當(dāng)?shù)丶右恍﹫D片，增加可看性，俗話說(shuō)'一圖勝千言'，我想不無(wú)道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。

④網(wǎng)頁(yè)排版

網(wǎng)頁(yè)頁(yè)面整體的排版設(shè)計(jì)也是不可忽略的，很重要的一個(gè)原則是合理地運(yùn)用空間，讓自己的網(wǎng)頁(yè)井井有條，留下必要的空白，人覺(jué)得很輕松。

⑤特色

讓自己的網(wǎng)頁(yè)更有特色一些，可適當(dāng)?shù)丶右恍┞曇?、?dòng)態(tài)網(wǎng)頁(yè)、Java、Applet。

⑥感悟

昨天，網(wǎng)頁(yè)與我無(wú)緣，那是因?yàn)樯咸觳唤o我們一個(gè)見(jiàn)面的機(jī)會(huì)!

今天，網(wǎng)頁(yè)與我相識(shí)，與我相知，成為我的一個(gè)最真誠(chéng)的朋友!

明天，網(wǎng)頁(yè)與我一生相伴，終身相隨，因?yàn)槲乙杨I(lǐng)悟了 一個(gè)網(wǎng)絡(luò)，整個(gè)世界。

>網(wǎng)頁(yè)制作學(xué)習(xí)心得四：學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)和制作的心得體會(huì) >>（3026字）

我在網(wǎng)上進(jìn)行的邏輯教學(xué)工作已經(jīng)完成了，閑暇無(wú)事之余，便想將個(gè)人的主頁(yè)——《思東書(shū)屋》重新進(jìn)行一下規(guī)劃和設(shè)計(jì)，為此購(gòu)買(mǎi)了幾本有關(guān)網(wǎng)頁(yè)設(shè)計(jì)和制作的書(shū)籍，開(kāi)始學(xué)習(xí)網(wǎng)頁(yè)的基本語(yǔ)言HTML。盡管網(wǎng)頁(yè)制作方法早已經(jīng)從最簡(jiǎn)單的文本編輯器發(fā)展到可視化的網(wǎng)頁(yè)編輯工具，但是，編輯形式的改變并沒(méi)有影響到HTML語(yǔ)言的整體結(jié)構(gòu)，它只是簡(jiǎn)化了編程方式，用直觀的具體形式取代了傳統(tǒng)的不可見(jiàn)的抽象形式。

這就如同哲學(xué)理論自身發(fā)展的兩個(gè)階段——理性的思辨和直觀的圖像一樣。目前，人們對(duì)用圖像解說(shuō)認(rèn)識(shí)過(guò)程和邏輯規(guī)則還缺乏深刻的認(rèn)識(shí)，總是習(xí)慣于語(yǔ)言表達(dá)方式，不知道語(yǔ)言表達(dá)的缺陷是片面性和抽象性，而圖像形式則具有直觀性和具體性這一特點(diǎn)。如今我們生活的時(shí)代已經(jīng)進(jìn)入到互聯(lián)網(wǎng)的動(dòng)漫時(shí)代，此時(shí)抽象的語(yǔ)言表達(dá)方式與時(shí)代發(fā)展的脈搏呈現(xiàn)出極不同步的狀態(tài)，這種表達(dá)方式遠(yuǎn)遠(yuǎn)落后于時(shí)代科學(xué)技術(shù)創(chuàng)新和發(fā)展取得的成果，它明顯地缺乏與時(shí)俱進(jìn)的特點(diǎn)。人們只要看看有關(guān)系統(tǒng)論的教材，就會(huì)被書(shū)中展示的圖形和圖像所吸引。由此看來(lái)，作為時(shí)代的哲學(xué)理論也應(yīng)該充分利用電腦給人們帶來(lái)的多媒體技術(shù)，通過(guò)編制幻燈片、動(dòng)畫(huà)片和電腦仿真模式展開(kāi)既直觀又生動(dòng)的教學(xué)，只有這樣做才能使哲學(xué)理論跟上時(shí)代發(fā)展的步伐，真正做到與時(shí)俱進(jìn)。

從互聯(lián)網(wǎng)的操作平臺(tái)和編程語(yǔ)言的發(fā)展過(guò)程中我們可以清楚地看到，邏輯思維在當(dāng)今時(shí)代具有的重要作用和能夠發(fā)揮出來(lái)的巨大威力。沒(méi)有邏輯思維能力的提高，就不會(huì)導(dǎo)致多媒體的產(chǎn)生和動(dòng)漫世界無(wú)處不在的現(xiàn)象出現(xiàn)?；ヂ?lián)網(wǎng)的發(fā)展不僅改變了當(dāng)今的世界面貌，它同時(shí)也改變了人類自身固有的靜態(tài)思維模式。在當(dāng)今時(shí)代，老子大道強(qiáng)調(diào)的真實(shí)邏輯在互聯(lián)網(wǎng)的演化過(guò)程中已經(jīng)充分顯露出來(lái)。

從框架結(jié)構(gòu)、層次關(guān)系和語(yǔ)句之間的嵌套關(guān)系中，我們可以看到老子的一個(gè)圓圈模式自身具有的應(yīng)用價(jià)值。如果我們將人類思維具有的三種邏輯規(guī)則以直觀形象的實(shí)例展示出來(lái)，那么，語(yǔ)言邏輯就是人們?cè)谌粘Ｉ詈凸ぷ髦惺褂玫倪壿嬕?guī)則，例如刑偵邏輯，它總是強(qiáng)調(diào)分析和判斷的結(jié)果要與真實(shí)的作案過(guò)程同一起來(lái)。表述形式要求清晰性、條理性和無(wú)矛盾性，可見(jiàn)，強(qiáng)調(diào)無(wú)矛盾的同一律是語(yǔ)言邏輯的特點(diǎn)：思維和存在二者直接同一是語(yǔ)言邏輯的屬性，表述形式和表述內(nèi)容之間不允許出現(xiàn)對(duì)立性和矛盾性。由此構(gòu)成形式邏輯同一律的實(shí)質(zhì)。

數(shù)理邏輯是計(jì)算機(jī)硬件自身具有的邏輯規(guī)則，它把握了中央處理器CPU、信息交換的存儲(chǔ)器、記載時(shí)間和次數(shù)的計(jì)數(shù)器以及豐富多彩的顏色區(qū)分模式之間的相互關(guān)系，它直接通過(guò)邏輯真值表、二進(jìn)制的語(yǔ)言和編碼結(jié)構(gòu)展示出來(lái)，這是純粹抽象的邏輯規(guī)則在現(xiàn)實(shí)中的應(yīng)用模式。其鮮明特征是：它把握了思維和存在二者本質(zhì)同一這一屬性。

哲學(xué)邏輯則體現(xiàn)在計(jì)算機(jī)軟件上面，例如電腦的操作系統(tǒng)平臺(tái)以及網(wǎng)頁(yè)設(shè)計(jì)和制作的具體方法，它是真實(shí)邏輯模式的體現(xiàn)。電腦中動(dòng)畫(huà)圖像的制作就是通過(guò)層次來(lái)把握過(guò)程和系統(tǒng)，把握繁雜的關(guān)系網(wǎng)模式。從而實(shí)現(xiàn)了互聯(lián)網(wǎng)模式與客觀存在模式二者之間的同一性，它們?nèi)家浴岸鄻有缘慕y(tǒng)一”這一模式出現(xiàn)，不是理性思辨強(qiáng)調(diào)的“從一到多”的發(fā)展和演變模式。其理論根據(jù)在于：互聯(lián)網(wǎng)的根基是建立在相互聯(lián)系和相互作用的關(guān)系上面，它不是單純的存在物自身具有屬性，而是以關(guān)系網(wǎng)形式出現(xiàn)的新事物?？梢?jiàn)，隨著互聯(lián)網(wǎng)的發(fā)展，人類思維就會(huì)從直觀的具體存在提升到間接的關(guān)系網(wǎng)模式這一高度。而老子的哲學(xué)理念恰恰就建立在系統(tǒng)聯(lián)系的關(guān)系網(wǎng)基礎(chǔ)上，可見(jiàn)它與時(shí)代發(fā)展的氣息是緊密聯(lián)系在一起的。通過(guò)網(wǎng)頁(yè)制作中的邏輯規(guī)則這種形式理解和把握老子大道的哲學(xué)理念，將是破解老子大道之謎的一條捷徑。人們?cè)趯W(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)和編程語(yǔ)言的過(guò)程中就可以把握住老子講述的邏輯規(guī)則。二者之間只有表現(xiàn)形式不同，在邏輯規(guī)則環(huán)節(jié)絕對(duì)同一，沒(méi)有本質(zhì)的區(qū)別。

這就是人類的智慧，它在遠(yuǎn)古時(shí)代就把握了復(fù)雜多變的關(guān)系網(wǎng)。然而，只有在互聯(lián)網(wǎng)充分發(fā)展的今天，人們才能夠深刻地理解老子大道的內(nèi)涵，才能夠揭示出真實(shí)邏輯自身具有的一個(gè)圓圈模式。

從老子大道的終極謎底中人們看到，真實(shí)的邏輯模式是一個(gè)將四種邏輯規(guī)則有機(jī)結(jié)合在一起的關(guān)系網(wǎng)。它與互聯(lián)網(wǎng)的存在模式和運(yùn)行模式完全一致。其中存在模式表現(xiàn)為大小圓圈環(huán)環(huán)相套，大圓圈就相當(dāng)于服務(wù)器，小圓圈則相當(dāng)于終端的電腦。整體的運(yùn)動(dòng)模式則體現(xiàn)出對(duì)立統(tǒng)一的矛盾關(guān)系。操作系統(tǒng)相當(dāng)于基礎(chǔ)理論：它是本質(zhì)環(huán)節(jié)的工具，各種軟件則是它的具體應(yīng)用工具。

如果我們用邏輯圖的形式將三種邏輯規(guī)則和相互之間的關(guān)系展示出來(lái)的話，它是這樣的形式：

┌屬性：思維和存在直接同一，無(wú)矛盾的關(guān)系

┌語(yǔ)言邏輯┤具體環(huán)節(jié)：經(jīng)驗(yàn)理論

│ └形式：如日常交流、刑偵破案，無(wú)概念的形式

│ ┌屬性：抽象的本質(zhì)關(guān)系，無(wú)矛盾的形式

邏輯┼思辨邏輯┤本質(zhì)環(huán)節(jié)：計(jì)算機(jī)硬件中的邏輯規(guī)則：圖形、符號(hào)理論

│ └形式：符號(hào)邏輯、數(shù)理邏輯、模式邏輯，知識(shí)理論

│ ┌屬性：具體存在的關(guān)系模式，無(wú)矛盾的模式

└真實(shí)邏輯┤系統(tǒng)環(huán)節(jié)：計(jì)算機(jī)軟件中的邏輯規(guī)則：圖像、概念理論

└形式：哲學(xué)邏輯、辯證邏輯、邏輯模式，可視化編程

從這個(gè)邏輯圖中人們看到，邏輯的屬性是強(qiáng)調(diào)思維和存在的同一性，它是實(shí)現(xiàn)思維和存在同一性的手段、方法、形式。不同的邏輯規(guī)則把握思維和存在的同一性程度不同，它分為三種形式：具體環(huán)節(jié)是形式同一，理性環(huán)節(jié)是本質(zhì)同一，系統(tǒng)環(huán)節(jié)是模式同一。亞里士多德的《工具論》就停留在形式同一環(huán)節(jié)，德國(guó)古典哲學(xué)上升到本質(zhì)同一的高度。老子的大道以隱藏形式把握了模式同一，《思維工具論》將這種模式同一從隱藏形式轉(zhuǎn)化為直觀的顯露形式。由此構(gòu)成人類邏輯思維發(fā)展演變的全過(guò)程。

隨著互聯(lián)網(wǎng)的普及，網(wǎng)頁(yè)制作技術(shù)的廣泛應(yīng)用，人們對(duì)于邏輯規(guī)則就不會(huì)感到陌生，因?yàn)镠TML語(yǔ)言結(jié)構(gòu)已經(jīng)將哲學(xué)的邏輯模式以可視化的形態(tài)展示出來(lái)，同時(shí)也將哲學(xué)邏輯自身具有的應(yīng)用價(jià)值和能夠發(fā)揮的巨大威力展示出來(lái)。此時(shí)，“邏輯”對(duì)于懂得電腦知識(shí)的人們來(lái)說(shuō)已經(jīng)不再是一個(gè)抽象的名詞概念，而是幫助人們邁進(jìn)網(wǎng)絡(luò)世界大門(mén)的思維工具。

以框架結(jié)構(gòu)的邏輯規(guī)則為例，它充分體現(xiàn)出思維規(guī)則：兩個(gè)層次、兩種形式的對(duì)立統(tǒng)一。邏輯圖為：

┌具體：內(nèi)聯(lián)式樣式表：只對(duì)使用它的元素起作用：文字和段落

┌自身形式┤

┤ └一般：嵌入式樣式表：通過(guò)標(biāo)記形式規(guī)范整個(gè)文本：統(tǒng)一格式

│ ┌外部式樣式表，通過(guò)CSS模式進(jìn)行規(guī)范整個(gè)網(wǎng)站的風(fēng)格

└聯(lián)系形式┤

└系統(tǒng)模式：同時(shí)使用多層樣式表，即各種格式之間的有機(jī)結(jié)合這就是思維規(guī)則在網(wǎng)頁(yè)制作中的具體應(yīng)用。人們只要通過(guò)學(xué)習(xí)網(wǎng)頁(yè)制作的方法，就能夠理解《思維工具論》講述的邏輯規(guī)則。這就是電腦與人腦在邏輯規(guī)則上面具有的高度同一性。它就是謝林哲學(xué)強(qiáng)調(diào)的“絕對(duì)同一”理念。

邏輯屬于抽象的形式聯(lián)系，它不涉及里面的具體內(nèi)容，屬于科學(xué)的思維方法和工具。網(wǎng)頁(yè)語(yǔ)言結(jié)構(gòu)恰恰將邏輯的屬性、形式和特點(diǎn)全面地展示出來(lái)。它揚(yáng)棄了里面的內(nèi)容，只考慮抽象的結(jié)構(gòu)和形式之間的關(guān)系，無(wú)論是文本，圖片、還是動(dòng)畫(huà)，都可以作為“同一的事件”看待起來(lái)，具體內(nèi)容的變化與邏輯形式、邏輯規(guī)則無(wú)關(guān)?？梢?jiàn)，人們?cè)趯W(xué)習(xí)網(wǎng)頁(yè)制作的時(shí)候只要反思一下里面的邏輯規(guī)則，就會(huì)把握住科學(xué)的思維方法。只要將編制網(wǎng)頁(yè)的方法應(yīng)用到各種理論問(wèn)題的分析過(guò)程中，就能夠擺脫經(jīng)驗(yàn)理論的束縛，從而上升到科學(xué)理論的高度。

邏輯是方法、手段、工具，它是人類智慧創(chuàng)造出來(lái)的精神財(cái)富，是認(rèn)識(shí)論規(guī)律的表現(xiàn)形式。人們的頭腦中如果沒(méi)有邏輯規(guī)則的話就會(huì)偏離真理的軌道，就會(huì)停留在經(jīng)驗(yàn)理論和生活常識(shí)中，不能邁進(jìn)科學(xué)理論的門(mén)檻。

這就是老子講述的不言之教包含的豐富內(nèi)容，它是科學(xué)的認(rèn)識(shí)方法、認(rèn)識(shí)模式、邏輯規(guī)則、思維工具。

>網(wǎng)頁(yè)制作學(xué)習(xí)心得五：網(wǎng)頁(yè)制作學(xué)習(xí)心得>>（1414字）

教育技術(shù)是一門(mén)跟計(jì)算機(jī)密不可分的的專業(yè)，這學(xué)期我們開(kāi)了網(wǎng)頁(yè)制作這門(mén)課程，從上大學(xué)以來(lái)我就一直期待這門(mén)課程，因?yàn)樵谖覀內(nèi)粘＞W(wǎng)絡(luò)中網(wǎng)頁(yè)是不可缺少的，我也對(duì)它非常感興趣。所以要認(rèn)真的學(xué)習(xí)。爭(zhēng)取多學(xué)習(xí)一些這方面的東西。

通過(guò)第一堂課的學(xué)習(xí)，我對(duì)網(wǎng)頁(yè)有了更深一步的了解和認(rèn)識(shí)了，網(wǎng)頁(yè)分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩種。打開(kāi)靜態(tài)網(wǎng)頁(yè)只需

一、靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的關(guān)系

1、靜態(tài)

靜態(tài)網(wǎng)頁(yè)的網(wǎng)址形式通常以.htm、.html、.shtml、.xml等為后綴的。在HTML格式的網(wǎng)頁(yè)上，也可以出現(xiàn)各種動(dòng)態(tài)的效果，如.GIF格式的動(dòng)畫(huà)、FLASH、滾動(dòng)字母等，這些“動(dòng)態(tài)效果”只是視覺(jué)上的，與動(dòng)態(tài)網(wǎng)頁(yè)是不同的概念。

運(yùn)行于客戶端的程序、網(wǎng)頁(yè)、插件、組件，屬于靜態(tài)網(wǎng)頁(yè)，例如html頁(yè)、JavaScript、VBScript等等，它們是永遠(yuǎn)不變的。

靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ)，靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)之間也并不矛盾，為了網(wǎng)站適應(yīng)搜索引擎檢索的需要，即使采用動(dòng)態(tài)網(wǎng)站技術(shù)，也可以將網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁(yè)發(fā)布。

2、動(dòng)態(tài)

是與靜態(tài)網(wǎng)頁(yè)相對(duì)應(yīng)的，也就是說(shuō)，網(wǎng)頁(yè) URL的后綴不是.htm、.html、.shtml、.xml等靜態(tài)網(wǎng)頁(yè)的常見(jiàn)形動(dòng)態(tài)網(wǎng)頁(yè)制作專家式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且在動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)址中有一個(gè)標(biāo)志性的符號(hào)——“?”。

從網(wǎng)站瀏覽者的角度來(lái)看，無(wú)論是動(dòng)態(tài)網(wǎng)頁(yè)還是靜態(tài)網(wǎng)頁(yè)，都可以展示基本的文字和圖片信息，但從網(wǎng)站開(kāi)發(fā)、管理、維護(hù)的角度來(lái)看就有很大的差別。

1）開(kāi)發(fā)公司：微軟（Microsoft）

2）服務(wù)器IIS（Internet information service）

ASP---IIS的安裝與配置

二、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)

IIS的安裝與配置

a.安裝IIS

若操作系統(tǒng)中還未安裝IIS服務(wù)器，可打開(kāi)“控制面板”，然后單擊啟動(dòng) “添加/刪除程序”，在彈出的對(duì)話框中選擇“添加/刪除Windows組件”，在Windows組件向?qū)?duì)話框中選中“Internet信息服務(wù)（IIS）”，然后單擊“下一步”，按向?qū)е甘?，完成?duì)IIS的安裝

b.啟動(dòng)Internet信息服務(wù)（IIS）

Internet信息服務(wù)簡(jiǎn)稱為IIS，單擊Windows開(kāi)始菜單---所有程序---管理工具---Internet信息服務(wù)（IIS）管理器，即可啟動(dòng)“Internet信息服務(wù)”管理工具.c.配置IIS

IIS安裝后，系統(tǒng)自動(dòng)創(chuàng)建了一個(gè)默認(rèn)的Web站點(diǎn)，該站點(diǎn)的主目錄默認(rèn)為C:Inetpubwww.root。

用鼠標(biāo)右鍵單擊“默認(rèn)Web站點(diǎn)”，在彈出的快捷菜單中選擇“屬性”，此時(shí)就可以打開(kāi)站點(diǎn)屬性設(shè)置對(duì)話框，在該對(duì)話框中，可完成對(duì)站點(diǎn)的全部配置。

啟動(dòng)與停止IIS服務(wù)

在Internet信息服務(wù)的工具欄中提供有啟動(dòng)與停止服務(wù)的功能。單擊可啟動(dòng)IIS服務(wù)器；單擊 則停止IIS服務(wù)器。

3、PHP是英文超級(jí)文本預(yù)處理語(yǔ)言Hypertext Preprocessor的縮寫(xiě)。

PHP 獨(dú)特的語(yǔ)法混合了 C、Java、Perl 以及 PHP 自創(chuàng)新的語(yǔ)法

1）、開(kāi)發(fā)：有個(gè)人開(kāi)發(fā)

2）、服務(wù)器 Apache HTTP server

4、JSP(Java Server Pages)

1）、開(kāi)發(fā)：是由Sun Microsystems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。

2）、服務(wù)器：Apache Tomcat

三、靜態(tài)網(wǎng)頁(yè)布局

參照屏幕錄像，本節(jié)主要講表格式布局，學(xué)習(xí)了表格拆分的方法！

四、代碼

第三篇：網(wǎng)頁(yè)制作學(xué)習(xí)心得

網(wǎng)頁(yè)制作學(xué)習(xí)心得體會(huì)

轉(zhuǎn)眼間，我已經(jīng)學(xué)習(xí)《網(wǎng)頁(yè)編程技術(shù)》這門(mén)課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但是還是感到受益匪淺。

最初接觸這本課程的時(shí)候，我很茫然。因?yàn)橐郧皬膩?lái)沒(méi)有接觸到有關(guān)這一方便的知識(shí)和如此多的陌生名詞，只能用鼠標(biāo)到處亂點(diǎn)。并且剛開(kāi)始幾節(jié)課，基本上每節(jié)課有90%的時(shí)間在給我說(shuō)一些有關(guān)電腦的基本知識(shí)，當(dāng)時(shí)覺(jué)得沒(méi)什么用，害怕一個(gè)學(xué)期以后沒(méi)什么收獲，最后問(wèn)了一下周?chē)耐瑢W(xué)，因?yàn)楹芏嗤瑢W(xué)日常生活或者工作中基本都不需要接觸這方面知識(shí)，所以大家都對(duì)這門(mén)課程不是很有信心。

漸漸的，在老師的悉心教導(dǎo)下，我們開(kāi)始對(duì)這門(mén)課程有所了解。然而一個(gè)學(xué)期也快結(jié)束了，雖然學(xué)了一個(gè)學(xué)期，但是我覺(jué)得我的能力完全沒(méi)有這么高，但是我試著嘗試去制作一簡(jiǎn)單的網(wǎng)頁(yè)已確定對(duì)這門(mén)課程的掌握程度。

首先是確定主題。我一直都想不出應(yīng)該做一個(gè)關(guān)于什么的網(wǎng)站。一次，一個(gè)同事告訴我他去參觀省博物館，于是突然想到可以做一個(gè)與博物館有關(guān)的網(wǎng)站。于是開(kāi)始收集各方面的資料。

確定了主題就開(kāi)始布局了。最開(kāi)始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過(guò)ps處理出來(lái)一個(gè)版頭并且把修改過(guò)大小的圖片放進(jìn)去了。預(yù)覽時(shí)，問(wèn)題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒(méi)有效果。最后想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內(nèi)面，這樣問(wèn)題就解決了。預(yù)覽是效果還不錯(cuò)。

但是總覺(jué)得首頁(yè)做得太普通，一次瀏覽學(xué)長(zhǎng)做的網(wǎng)頁(yè)時(shí)，覺(jué)得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò)，于是想借見(jiàn)一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問(wèn)題了。因?yàn)樾枰獫L動(dòng)的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實(shí)際的網(wǎng)頁(yè)預(yù)覽中，這個(gè)有文字滾動(dòng)的框只占了左邊的三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因?yàn)闆](méi)有專業(yè)術(shù)語(yǔ)作為搜索的關(guān)

鍵詞，查不到任何相關(guān)的資料，試過(guò)div標(biāo)簽，試過(guò)不停的拆分表格，最后還是沒(méi)有效果。就這樣試著試著，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結(jié)果成功了，經(jīng)過(guò)一些加工，終于成功的完成左邊的布局。

而關(guān)于如何是插入聲音，因?yàn)榛蛟S是關(guān)于這方面的只是要點(diǎn)自己上課掌握的不是很好，或是因?yàn)楣ぷ魈Φ脑蚩赡苈湎铝诉@幾節(jié)課程，于是自己在百度上收。最后終于找到了一個(gè)可以使用的代碼，但是在加入聲音路徑時(shí)出現(xiàn)了問(wèn)題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂(lè)文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著這種格式寫(xiě)下了指向聲音源文件的路徑，最后成功了。

雖然我所設(shè)計(jì)出來(lái)的這個(gè)網(wǎng)站內(nèi)容不是很多，總體也不是很完善，與很多正規(guī)的大型網(wǎng)站相比有著很多的不足，但是在設(shè)計(jì)過(guò)程中還出現(xiàn)了很多的問(wèn)題，而通過(guò)看書(shū)，上網(wǎng)查詢，請(qǐng)教身邊高手等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了更深的了解。就對(duì)我而言，也在學(xué)習(xí)網(wǎng)頁(yè)中總結(jié)了如下經(jīng)驗(yàn)?？磿?shū)不要過(guò)多，看一本就可以了。關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的書(shū)太多了，每本書(shū)里的內(nèi)容也太多了，林林總總的，而且有些亂。書(shū)看多了，花的時(shí)間比較多。我覺(jué)得想學(xué)基本技巧的應(yīng)該不用太多地看書(shū)。.初學(xué)者要清楚地了解網(wǎng)頁(yè)制作的基本流程。就是第一步做什么,下一步又該怎樣。從繪畫(huà)網(wǎng)頁(yè)框架圖到最后發(fā)布網(wǎng)站，大概是怎樣的一個(gè)過(guò)程，怎樣實(shí)現(xiàn)的，應(yīng)該要心里有數(shù)。.按流程的順序?qū)W習(xí)，不要試著先把所有做網(wǎng)頁(yè)用到的軟件都吃透了再開(kāi)始做網(wǎng)頁(yè)。應(yīng)該邊學(xué)邊嘗試。注意代碼。盡管我們對(duì)代碼還不熟悉，但完全不懂代碼的話做網(wǎng)頁(yè)還是比較困難的。至少要看到代碼知道大概是怎么一回事。平時(shí)瀏覽網(wǎng)頁(yè)時(shí)多多留意別人的設(shè)計(jì)和效果，多收集有用的信息。這方面我們還是剛剛開(kāi)始的。有必要借鑒一下。要細(xì)心和耐心。這兩個(gè)不用多說(shuō)啦，做什么事情都應(yīng)該這樣吧。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)很多時(shí)不是你構(gòu)思好要弄成怎樣就可以很輕易地做出來(lái)，要多多思考和分析。

總體來(lái)說(shuō)，通過(guò)今次的對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門(mén)，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁(yè)設(shè)計(jì)的熱情和努力，我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更完善。

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

一 引 言

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

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

1.定義合適的域名。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)一樣，有助于將來(lái)塑造網(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ā)展前景來(lái)選擇。

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

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

致 謝

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

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

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

最后，當(dāng)然不能忘記幫助過(guò)我的老師和同學(xué)。寫(xiě)論文通常是一項(xiàng)非常枯燥的工作，但幸運(yùn)的是他們使這項(xiàng)工作變成了一種樂(lè)趣。還有默默無(wú)聞幫過(guò)我的朋友，也在此表示對(duì)你們誠(chéng)摯的感謝。

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

網(wǎng)頁(yè)制作論文

簡(jiǎn)介

網(wǎng)頁(yè)制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(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è)制作是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。新競(jìng)爭(zhēng)力也認(rèn)為注重網(wǎng)站的網(wǎng)絡(luò)營(yíng)銷(xiāo)價(jià)值而不是外在表現(xiàn)。網(wǎng)頁(yè)制作是指使用標(biāo)識(shí)語(yǔ)言，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，瀏覽。

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

目錄

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

4.1fireworks簡(jiǎn)介

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

4.3fireworks的重要性

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

正文

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

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

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

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

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

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

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

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

2、Frontpage 跟dreamweaver一樣，不過(guò)還是dreamweaver好。

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

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

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

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

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

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

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

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

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

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

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

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

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

8、Flash Player

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

（一）網(wǎng)絡(luò)視頻鐘情Flash 面對(duì)全球超過(guò)100萬(wàn)的Flash開(kāi)發(fā)者的期望，Macromedia也不斷開(kāi)發(fā)新的領(lǐng)域。而用戶對(duì)視頻應(yīng)用的垂青，刺激著Macromedia推出新的工具。在上千開(kāi)發(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ī)范，能夠更易于查找及解決問(wèn)題，從而提高開(kāi)發(fā)人員的工作效率。

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

在網(wǎng)絡(luò)高速發(fā)展的今天,越來(lái)越多的人們已經(jīng)不再滿意圖文并茂的靜態(tài)網(wǎng)頁(yè)格式,動(dòng)態(tài)網(wǎng)頁(yè)應(yīng)運(yùn)而生,但是一般的動(dòng)態(tài)圖片和網(wǎng)站的背景音樂(lè)應(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í)并沒(méi)有得到計(jì)算機(jī)行業(yè)應(yīng)有的重視,Flash真正的火爆是從Flash3.0版本開(kāi)始的,到了1999年6月發(fā)布的Flash4.0版本,其制作的動(dòng)畫(huà)開(kāi)始大量的在網(wǎng)上傳播,已經(jīng)逐漸成為了網(wǎng)頁(yè)交互多媒體動(dòng)畫(huà)設(shè)計(jì)軟件的標(biāo)準(zhǔn).現(xiàn)在,Flash5.0以其特有的ActionScript腳本編程,正在以極快的速度追趕HTML網(wǎng)頁(yè)標(biāo)準(zhǔn).它改變了以往靜態(tài)的,枯燥的,網(wǎng)頁(yè)形式,利用它短小精悍的文件體積和插件,利用它簡(jiǎn)單易學(xué)的操作方式,利用它的“流”式播放形式豐富我們的網(wǎng)絡(luò)生活.試想,如果它真的超過(guò)HTML成為未來(lái)的網(wǎng)頁(yè)設(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)畫(huà)一條直線表示地面。

（2）

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

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

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

雙擊默認(rèn)的涂層名，改為跳動(dòng)的小球涂層，此圖層處于激活狀態(tài)。設(shè)置填充色為黑色，在第一幀的舞臺(tái)上方，畫(huà)一個(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ì)有所變化；單擊小球，小球周?chē)霈F(xiàn)8個(gè)黑色句柄框；把鼠標(biāo)指針移動(dòng)到4個(gè)中間句柄處，拖動(dòng)鼠標(biāo)，把圓球編程橢球形。

（7）

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

Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件，它大大簡(jiǎn)化了網(wǎng)絡(luò)圖形設(shè)計(jì)的工作難度，無(wú)論是專業(yè)設(shè)計(jì)家還是業(yè)余愛(ài)好者，使用Fireworks都不僅可以輕松地制作出十分動(dòng)感的GIF動(dòng)畫(huà)，還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等，因此，對(duì)于輔助網(wǎng)頁(yè)編輯來(lái)說(shuō)，F(xiàn)ireworks將是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁(yè)的圖像并進(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í)間。利用可視化工具，無(wú)需學(xué)習(xí)代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁(yè)圖形和動(dòng)畫(huà)，如變換圖像和彈出菜單等。

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

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

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

4.3fireworks的重要性

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

4.4fireworks制作流程

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

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

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

出

電

視

畫(huà)

面的路

徑

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

顏色可以自己選擇：

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

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

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

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

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

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

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

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

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

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

5.參考文獻(xiàn)

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