網(wǎng)頁(yè)設(shè)計(jì)報(bào)告3篇(web網(wǎng)站設(shè)計(jì)報(bào)告)

時(shí)間：2022-10-08 17:55:20 綜合范文

　　下面是范文網(wǎng)小編整理的網(wǎng)頁(yè)設(shè)計(jì)報(bào)告3篇(web網(wǎng)站設(shè)計(jì)報(bào)告)，以供借鑒。

網(wǎng)頁(yè)設(shè)計(jì)報(bào)告1

　　思科信息學(xué)院

　　專(zhuān)業(yè)實(shí)習(xí)報(bào)告

　　專(zhuān) 業(yè)：班級(jí)：姓名：

　　關(guān)于網(wǎng)頁(yè)設(shè)計(jì)與編輯的實(shí)習(xí)報(bào)告

　　一、實(shí)習(xí)目的(一)檢驗(yàn)自己是不是真的適合這個(gè)職業(yè)

　　鑒于自己對(duì)未來(lái)的職業(yè)生涯的規(guī)劃更傾向于設(shè)計(jì)，這和自己所學(xué)的專(zhuān)業(yè)不是

　　十分有聯(lián)系，所以我希望在實(shí)習(xí)的過(guò)程里思考自己未來(lái)是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。

(二)在實(shí)踐中查漏補(bǔ)缺

　　在學(xué)校學(xué)習(xí)的網(wǎng)站建設(shè)知識(shí)僅僅停留在平時(shí)的作業(yè)里，并沒(méi)有得到充分的運(yùn)

　　用。希望可以藉由這次實(shí)習(xí)，好好鞏固書(shū)面知識(shí)。在實(shí)際運(yùn)用中通過(guò)發(fā)現(xiàn)問(wèn)題，解決問(wèn)題對(duì)知識(shí)進(jìn)行查漏補(bǔ)缺。

(三)在工作中打磨自己

　　由于學(xué)校和社會(huì)是截然不同的生活、學(xué)習(xí)、工作氛圍，在工作中我們不可以

　　像在學(xué)校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當(dāng)好處的圓滑。希望在實(shí)習(xí)里，和同事上司的相處中獲得這方面的成長(zhǎng)。

　　二、實(shí)習(xí)內(nèi)容

(一)實(shí)習(xí)主要內(nèi)容

　　廣州xxxx有限公司是一個(gè)研發(fā)和銷(xiāo)售智能寄存柜的公司。它的產(chǎn)品在展示和

　　銷(xiāo)售這兩個(gè)環(huán)節(jié)很需宣傳冊(cè)、企業(yè)網(wǎng)站等作為一個(gè)推廣媒介。我實(shí)習(xí)的主要內(nèi)容就是配合網(wǎng)絡(luò)部去完成網(wǎng)站建設(shè)的工作，涉及前臺(tái)的外觀設(shè)計(jì)和后臺(tái)的代碼編寫(xiě)，以及宣傳冊(cè)的設(shè)計(jì)。

　　1、負(fù)責(zé)設(shè)計(jì)公司整個(gè)企業(yè)網(wǎng)站的頁(yè)面部分,根據(jù)網(wǎng)頁(yè)設(shè)計(jì)師或客戶所提供的主題要求和思路框架來(lái)設(shè)計(jì)出整個(gè)網(wǎng)站。

　　1）使用Photoshop、AI等圖片處理軟件設(shè)計(jì)、處理和制作網(wǎng)站上需要的圖片

　　2）使用DIV+CSS樣式及基礎(chǔ)的HTML語(yǔ)言做頁(yè)面布局的排版

　　3）使用Photoshop對(duì)網(wǎng)頁(yè)進(jìn)行配色及排版設(shè)計(jì)

　　4）編寫(xiě)CSS代碼使網(wǎng)站頁(yè)面無(wú)論是在IE瀏覽器里還是在FF瀏覽器上正常顯示

　　2、負(fù)責(zé)網(wǎng)站的幾個(gè)主體模塊的文案撰寫(xiě)和后臺(tái)編輯

　　1）在已有的文案上配合網(wǎng)站架構(gòu)進(jìn)行提煉和歸納整理

　　2）使用Photoshop對(duì)文案進(jìn)行概念配圖

　　3）在后臺(tái)將文案部分合理配色排版

　　4）按照網(wǎng)站架構(gòu)在后臺(tái)錄入所有產(chǎn)品資料

(二)工作過(guò)程

　　在公司的2個(gè)多月里，我的工作都是由負(fù)責(zé)整個(gè)網(wǎng)站文案架構(gòu)的曹經(jīng)理分配

　　監(jiān)督的。確認(rèn)實(shí)習(xí)機(jī)會(huì)前的面試的時(shí)候也是由他負(fù)責(zé)的。面試的時(shí)候他并沒(méi)有過(guò)多的考察我在網(wǎng)站制作上的技術(shù)問(wèn)題。更多的從我對(duì)網(wǎng)站設(shè)計(jì)方面的配色排版的現(xiàn)有審美以及做事的認(rèn)真細(xì)致程度去考察的。從一開(kāi)始我就以踏實(shí)認(rèn)真的態(tài)度對(duì)待每一項(xiàng)他交付給我的任務(wù)。下面我挑選一些讓我收獲很多，學(xué)習(xí)很多，影響我很多，讓我回想起來(lái)都是歷歷在目的事情重點(diǎn)說(shuō)一下。

　　1、經(jīng)理讓我按照網(wǎng)頁(yè)設(shè)計(jì)師提供的jpg稿變成div和css。

　　1）這個(gè)任務(wù)簡(jiǎn)單來(lái)說(shuō)就是架構(gòu)網(wǎng)頁(yè)框架和完善里面的文本主體。里面涉及很多文本，我覺(jué)得既然有具體的設(shè)計(jì)稿就一定保存有文案，所以咨詢了經(jīng)理是否有必要花這部分時(shí)間去打文本。經(jīng)理的回復(fù)是很有必要。他的意見(jiàn)是，讓我重新輸入文本可以幫助檢查錯(cuò)誤，同時(shí)可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內(nèi)容，對(duì)我后面的工作有幫助。頓時(shí)知道，一個(gè)實(shí)習(xí)生想到的東四是多么的膚淺，對(duì)經(jīng)理工作上的態(tài)度更是肅然起敬。

　　2）因?yàn)榻?jīng)理沒(méi)想要讓實(shí)習(xí)生負(fù)責(zé)過(guò)于復(fù)雜的事情，在這部分工作中設(shè)計(jì)的div 和css的內(nèi)容并沒(méi)有很復(fù)雜，需要的就是要注重細(xì)節(jié)。但實(shí)際上自己做事遠(yuǎn)沒(méi)有自已一開(kāi)始想象的那么能夠靜下心地考慮大局。只要想到一個(gè)覺(jué)得挺好的排版我就一下子全部套用了，以至于最后通過(guò)多次檢查，發(fā)現(xiàn)這個(gè)排版有瑕疵的時(shí)候又要重頭再來(lái)。這些經(jīng)歷都讓我體會(huì)到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開(kāi)始在用css排版的時(shí)候其實(shí)應(yīng)該多做幾個(gè)版本仔細(xì)做對(duì)比，看清楚哪個(gè)更合適才確定的。

　　2、經(jīng)理讓我設(shè)計(jì)幾個(gè)欄目對(duì)應(yīng)的banner圖片

　　1）由于自己并沒(méi)有專(zhuān)門(mén)學(xué)過(guò)banner規(guī)范和設(shè)計(jì)方面的專(zhuān)業(yè)知識(shí)，有的只是審美方面的一些小體會(huì)。接手這個(gè)工作需要花大量的時(shí)間去學(xué)習(xí)和參考。一開(kāi)始略略覺(jué)得壓力大，但是覺(jué)得經(jīng)理讓我去做，就是相信我的能力。所以我也沒(méi)有慌，按照自己的節(jié)奏和需要邊學(xué)邊做。

　　從整體了解主題：自己找了多個(gè)類(lèi)似的企業(yè)網(wǎng)站作參考，通過(guò)總結(jié)企業(yè)網(wǎng)站

　　中，幾個(gè)主要的欄目在網(wǎng)站上具體意義，體會(huì)這對(duì)應(yīng)的幾個(gè)欄目banner的設(shè)計(jì)意義。

　　思考配色與構(gòu)圖：對(duì)整個(gè)內(nèi)容有了一了解后，便要思考作品的色彩和具體的構(gòu)圖，先用筆畫(huà)出草圖，有時(shí)候也會(huì)直接在腦海里構(gòu)思。除了從公司的角度，圍繞要傳達(dá)的東西去設(shè)計(jì)，我也充分意識(shí)到要轉(zhuǎn)換身份從用戶的角度出發(fā)，怎樣才可以更吸引人?？傮w來(lái)說(shuō)就是除了審美上的設(shè)計(jì)，也考慮很多目的性。

　　查找素材：素材這個(gè)問(wèn)題我總結(jié)了一種思路，電腦里下載一些專(zhuān)業(yè)的“科技

　　信息”圖庫(kù)。另外配合專(zhuān)業(yè)在線圖庫(kù)網(wǎng)站(通常是國(guó)外站點(diǎn))+Google，百度圖片等搜索引擎進(jìn)行即使的素材查找。再加上自己平時(shí)積累的素材，選擇是非常大的。最后就是不斷地觀察對(duì)比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。

　　2）最終banner圖片并沒(méi)有全都采用我設(shè)計(jì)的，有一些還是因?yàn)椴粔虼髿獗怀废聛?lái)了。一開(kāi)始我還挺灰心，覺(jué)得自己的付出沒(méi)有得到認(rèn)可。但是我知道當(dāng)初經(jīng)理就是感覺(jué)可以給我試一下，才給我這個(gè)機(jī)會(huì)去讓我發(fā)揮一下的，所以我好好學(xué)習(xí)了別人的圖片，看自己的和別人的差別在哪里，不浪費(fèi)這次嘗試性地努力。

　　3、經(jīng)理讓我參考舊網(wǎng)站單獨(dú)做一個(gè)公司簡(jiǎn)介的頁(yè)面

　　1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對(duì)我來(lái)說(shuō)其實(shí)很簡(jiǎn)單。但是我從舊網(wǎng)站了解到公司簡(jiǎn)介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶肯停留在這個(gè)頁(yè)面多幾秒，或者因?yàn)檫@個(gè)公司簡(jiǎn)介的頁(yè)面而更信任這個(gè)公司的產(chǎn)品，更有沖動(dòng)訂個(gè)公司的寄存柜就要在文案的內(nèi)容上下功夫，就要在表現(xiàn)上更生動(dòng)，讓人看著不會(huì)覺(jué)得文字流水賬，很煩躁。

　　于是在經(jīng)理沒(méi)有給我嚴(yán)格期限的時(shí)候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據(jù)公司的優(yōu)勢(shì)修改出精簡(jiǎn)的幾點(diǎn)，變得更有條理更有重點(diǎn)。

　　這只是對(duì)文案的初步處理，接著根據(jù)幾個(gè)要點(diǎn)用Photoshop處理幾張概念配

　　圖出來(lái)，將公司寄存柜的技術(shù)水平之領(lǐng)先，應(yīng)用領(lǐng)域之眾多，銷(xiāo)售范圍之巨大等等用更生動(dòng)形象的方式表現(xiàn)。從設(shè)想到思考中間的問(wèn)題到最后的完成，花的時(shí)間雖然多，但是最終的效果得到了經(jīng)理的肯定，對(duì)網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的。

　　三、實(shí)習(xí)體會(huì)

　　做了2個(gè)月的網(wǎng)頁(yè)設(shè)計(jì)和編輯的實(shí)習(xí)生，終于體會(huì)到網(wǎng)頁(yè)設(shè)計(jì)并非只是圖文混排的那點(diǎn)事。當(dāng)你真正的去努力的創(chuàng)造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個(gè)好的網(wǎng)頁(yè)不只是效果華麗還要多從用戶的角度去考慮問(wèn)題。通過(guò)實(shí)習(xí)，我不僅將自己在學(xué)校學(xué)過(guò)的東西通過(guò)實(shí)踐進(jìn)步一鞏固，也通過(guò)向公司的人請(qǐng)教學(xué)到很多工作上的技巧，更通過(guò)實(shí)習(xí)體會(huì)到很多沒(méi)有人會(huì)教授給你的東西。工作是人生活的重要部分，是我們畢業(yè)生必須面對(duì)的。就算是遇到困難，我也會(huì)用平常的心態(tài)實(shí)際看待問(wèn)題，不說(shuō)“不可能”，而是冷靜下來(lái)思考如何處理并付諸于實(shí)踐。

　　在實(shí)習(xí)的日子，我學(xué)習(xí)到了很多如果沒(méi)有這次經(jīng)歷，就不會(huì)有的細(xì)膩體會(huì)。

(一)深刻感受到什么是真正的細(xì)心

　　其實(shí)在高中甚至到大學(xué)，老師都總是強(qiáng)調(diào)“細(xì)心”,對(duì)于細(xì)心什么的我以前自我感覺(jué)還挺不錯(cuò)的。但是當(dāng)老師在斤斤計(jì)較一個(gè)標(biāo)點(diǎn)符號(hào)或者花時(shí)間可以渲染“細(xì)心”的重要性的時(shí)候我就覺(jué)得好小題大做那時(shí)的我覺(jué)得“細(xì)心”是你可以刻意去營(yíng)造的狀態(tài)。包括經(jīng)理對(duì)我強(qiáng)調(diào)細(xì)致的時(shí)候我也是這樣想的。我覺(jué)得只要想到考試的時(shí)候或者處理工作的事情的時(shí)候去跟自己說(shuō)細(xì)心點(diǎn)就好了。但是在這個(gè)實(shí)習(xí)的過(guò)程里，因?yàn)闊o(wú)意和粗心犯下的錯(cuò)誤，才讓我明白老師反復(fù)說(shuō)的話到底意義在哪里。往往一些不好的后果或者沒(méi)有必要的錯(cuò)誤，正正是在你認(rèn)為不用細(xì)心和沒(méi)有想過(guò)要去細(xì)心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個(gè)習(xí)慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習(xí)慣，以細(xì)心認(rèn)真的態(tài)度對(duì)待。

(二)主動(dòng)思考的重要性

　　從學(xué)校走向社會(huì)，首要面臨的問(wèn)題便是角色轉(zhuǎn)換的問(wèn)題。從一個(gè)學(xué)生轉(zhuǎn)化為一個(gè)單位人，一個(gè)單位人工作要考慮的問(wèn)題就是如何發(fā)揮自己最大的價(jià)值為單位創(chuàng)造效益。做事要主動(dòng)一點(diǎn)，這不是指一直主動(dòng)問(wèn)上司有什么事做，而是在別人交付你任務(wù)的時(shí)候自己主動(dòng)想一下怎么做才更好，而不是把自己當(dāng)一個(gè)機(jī)器人一樣。就像做公司簡(jiǎn)介頁(yè)面的時(shí)候，我把自己做得效果給經(jīng)理看的時(shí)候，經(jīng)理說(shuō)“你真的很用心，很負(fù)責(zé)”，“你做的公司簡(jiǎn)介那個(gè)頁(yè)面，讓我感觸很深”。

(三)、溝通的度要把握好

　　工作過(guò)程中有許多時(shí)候需要和經(jīng)理進(jìn)行溝通，但是我在溝通的度上沒(méi)有把握

　　好。好像仗著自己是只做幾個(gè)月的實(shí)習(xí)生，有些提建議的話沒(méi)有用比較適合和委婉的語(yǔ)氣表達(dá)。雖然經(jīng)理沒(méi)有明說(shuō)，但是我自己意識(shí)到了。有些時(shí)候工作交接的時(shí)候，自己并沒(méi)有很清楚細(xì)節(jié)，但是問(wèn)太多又怕打擾到經(jīng)理的工作，導(dǎo)致最終工作也沒(méi)進(jìn)行好。所以這個(gè)溝通的度要把握好。該問(wèn)該說(shuō)的都要說(shuō)出來(lái)，只要是會(huì)影響到工作質(zhì)量的都要禮貌地說(shuō)出來(lái)。這樣才是真正地為公司好。

　　總之，這次實(shí)習(xí)，自己確實(shí)學(xué)到了很多也成長(zhǎng)了許多。在實(shí)習(xí)期間，每日重復(fù)單調(diào)繁瑣的工作，時(shí)間久了容易厭倦。但是工作簡(jiǎn)單也不能馬虎，你一個(gè)小小的錯(cuò)誤可能會(huì)給公司帶來(lái)巨大的麻煩或損失，還是得認(rèn)真完成。這段時(shí)間，我看到了自己本身存在著許多問(wèn)題，也會(huì)遇到這樣那樣的問(wèn)題，當(dāng)前的時(shí)代日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需再加以刻苦鉆研及學(xué)習(xí)，不斷開(kāi)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后的工作存儲(chǔ)更多的能力。

網(wǎng)頁(yè)設(shè)計(jì)報(bào)告2

　　中南大學(xué)

　　本科生課程設(shè)計(jì)(實(shí)踐)設(shè)計(jì)報(bào)告

(大學(xué)計(jì)算機(jī)基礎(chǔ))

　　題目

　　學(xué)生姓名

　　指導(dǎo)教師

　　學(xué)院

　　專(zhuān)業(yè)班級(jí)

　　學(xué)生學(xué)號(hào) 孫燕姿劉輝李小蘭資源與安全工程學(xué)院城市地下空間工程0701 0

　　3計(jì)算機(jī)基礎(chǔ)教學(xué)實(shí)驗(yàn)中心

　　2008 年 1月21 日

《大學(xué)計(jì)算機(jī)基礎(chǔ)》計(jì)算機(jī)實(shí)踐任務(wù)書(shū)

　　班級(jí)：城地0701 時(shí)間： 19（周）2008-1-21（日期）指導(dǎo)教師：李小蘭

　　一、計(jì)算機(jī)實(shí)踐的任務(wù)、性質(zhì)與目的計(jì)算機(jī)實(shí)踐是在學(xué)完《大學(xué)計(jì)算機(jī)基礎(chǔ)》課程后，進(jìn)行的一項(xiàng)綜合實(shí)踐。在實(shí)踐當(dāng)中學(xué)生應(yīng)綜合《大學(xué)計(jì)算機(jī)基礎(chǔ)》課程的思想方法和知識(shí)點(diǎn)，設(shè)置一個(gè)網(wǎng)站，并在網(wǎng)站上發(fā)布一個(gè)綜合內(nèi)容的網(wǎng)頁(yè)。通過(guò)《計(jì)算機(jī)實(shí)踐》更進(jìn)一步深入了解和掌握各種應(yīng)用軟件的使用操作及綜合應(yīng)用，重點(diǎn)在培養(yǎng)學(xué)生自學(xué)計(jì)算機(jī)應(yīng)用軟件、開(kāi)發(fā)應(yīng)用、動(dòng)手和創(chuàng)新能力。

　　二、計(jì)算機(jī)實(shí)踐的配套教材

　　建議選用：

　　1．《大學(xué)計(jì)算機(jī)基礎(chǔ)》，高等教育出版社，主編蔣外文劉衛(wèi)國(guó)；

　　2．《大學(xué)計(jì)算機(jī)基礎(chǔ)學(xué)習(xí)與實(shí)驗(yàn)指導(dǎo)》，高等教育出版社，主編施榮華王小玲。

　　三、計(jì)算機(jī)實(shí)踐的內(nèi)容及要求

　　1．學(xué)習(xí)掌握HTML語(yǔ)言和網(wǎng)頁(yè)制作軟件FrontPage 2003，制作網(wǎng)頁(yè)；

　　2．學(xué)習(xí)掌握中文演示軟件PowerPoint 2003的操作及使用，并用此軟件設(shè)計(jì)一份綜合演示報(bào)告（如：某公司的產(chǎn)品介紹；我校各專(zhuān)業(yè)介紹；學(xué)生簡(jiǎn)歷等）掛在網(wǎng)頁(yè)上；

　　3．對(duì)于網(wǎng)頁(yè)和幻燈片的頁(yè)面修飾要求用自己制作的動(dòng)畫(huà)、圖形、圖像；

　　4．對(duì)于網(wǎng)頁(yè)頁(yè)面要求至少3個(gè)頁(yè)面（使用超鏈接），網(wǎng)頁(yè)中的內(nèi)容與學(xué)生所選主題相關(guān)；

　　5．對(duì)于PowerPoint 2003制作的幻燈片要求至少有5張，幻燈片中的內(nèi)容與學(xué)生所選主題相關(guān)；

　　6．學(xué)習(xí)網(wǎng)站的設(shè)置和網(wǎng)頁(yè)的發(fā)布，分門(mén)別類(lèi)地放置在相應(yīng)的文件夾中，規(guī)范網(wǎng)頁(yè)文件名和素材文件名，網(wǎng)站的首頁(yè)應(yīng)取名為index。

　　作品存放在一個(gè)文件夾中，以學(xué)號(hào)（學(xué)生卡上的學(xué)號(hào)）為文件夾名。

　　7．用Word字處理軟件撰寫(xiě)出相應(yīng)的計(jì)算機(jī)實(shí)踐報(bào)告論文（字?jǐn)?shù)要求：2000字左右）。

　　四、考核方式與評(píng)分辦法

　　1.出勤考核成績(jī)占總成績(jī)的20%；

　　2.設(shè)計(jì)成果評(píng)價(jià)占總成績(jī)的 60%；

　　3.計(jì)算機(jī)實(shí)踐報(bào)告評(píng)價(jià)占總成績(jī)的 20%。

　　4.成績(jī)冊(cè)成績(jī)?cè)u(píng)定方式采用百分制。

　　計(jì)算機(jī)基礎(chǔ)教學(xué)實(shí)驗(yàn)中心

　　2006年11月4日

　　孫燕姿

　　一、任務(wù)內(nèi)容

　　所有內(nèi)容都是圍繞孫燕姿展開(kāi),有關(guān)于孫燕姿的家庭，愛(ài)情，朋友，個(gè)人喜好，以及她出道7年來(lái)的專(zhuān)輯和獲獎(jiǎng)情況。

　　二、設(shè)計(jì)的步驟

　　我的主題就是孫燕姿這一個(gè)明星，因此我只設(shè)置了四個(gè)網(wǎng)頁(yè)（包括一個(gè)主頁(yè)），主頁(yè)相關(guān)的三個(gè)鏈接分別有姿之歌（關(guān)于專(zhuān)輯），姿之畫(huà)（關(guān)于動(dòng)畫(huà)）和姿采彌漫（燕姿的風(fēng)采），其中姿之畫(huà)網(wǎng)頁(yè)中加入PPT的鏈接，在姿之畫(huà)網(wǎng)頁(yè)中專(zhuān)門(mén)放置flash，在姿之歌網(wǎng)頁(yè)中加入word的鏈接以詳細(xì)介紹燕姿的專(zhuān)輯風(fēng)格，在主頁(yè)中添加背景音樂(lè)（孫燕子的歌曲），在專(zhuān)輯中串入一個(gè) flash。

　　我的所有材料都設(shè)置在以我的學(xué)號(hào)和姓名為名的主文件夾下,以一個(gè)以index為名的文件做為主目錄，下面又分別設(shè)了七個(gè)子目錄，分別將我使用和制作的內(nèi)容分為了七類(lèi)：，flash,powerpoint,word,聲音文件，文字及圖片。

　　三、采取的方法與手段

　　實(shí)驗(yàn)過(guò)程中主要使用了Frontpage，Powerpoint，F(xiàn)lash三個(gè)程序，有時(shí)也使用了圖象編輯器，對(duì)于素材的來(lái)源則幾乎都是從網(wǎng)上下載的，另外在制作過(guò)程中覺(jué)得對(duì)孫燕姿了解不足，在圖書(shū)館借了一本關(guān)于孫燕姿的書(shū)，從中汲取了很多關(guān)于她的信息，大受裨益。具體制作過(guò)程如下：

　　1)在插入背景音樂(lè)時(shí)，本來(lái)是不可以插入mp3格式的音樂(lè)，但是通過(guò)研究我直接將音樂(lè)的擴(kuò)展名添加到路徑中，這樣Frontpage就可以識(shí)別我所插入音樂(lè)的路徑，使得觀看網(wǎng)頁(yè)的同時(shí)也可以欣賞到孫燕姿動(dòng)聽(tīng)的音樂(lè)《我要的幸?！?。

　　2)對(duì)網(wǎng)頁(yè)進(jìn)行整體布局時(shí)，我先插入表格，然后調(diào)整其大小，在制作網(wǎng)頁(yè)的過(guò)程中，發(fā)現(xiàn)圖片及文字的位置總是在單元格的中間，并不如意，我就通過(guò)多次的拆分單元格以使界面上的文字和圖象以及背

　　景圖片完美的結(jié)合在一起。為了在布局上符合孫燕姿的獨(dú)特風(fēng)韻，我在使用背景或者字幕的顏色時(shí)，都是使用了孫燕姿最喜歡的黃色。

　　3)在制作網(wǎng)頁(yè)中，我大量使用了Web組件，特別是在各個(gè)網(wǎng)頁(yè)之間進(jìn)

　　行鏈接時(shí)我采用了交互式按鈕，從而使得各個(gè)網(wǎng)頁(yè)之間能夠連接自然，同時(shí)還設(shè)置了懸停效果，使得網(wǎng)頁(yè)更加好看。

　　4)由于沒(méi)有學(xué)會(huì)制作動(dòng)態(tài)網(wǎng)頁(yè)，但是為了達(dá)到動(dòng)態(tài)的效果，我特意設(shè)

　　定了一個(gè)專(zhuān)用于展示flash的動(dòng)畫(huà)網(wǎng)頁(yè)（姿之畫(huà)），在這個(gè)網(wǎng)頁(yè)上我一共放置了四個(gè)flash，讓他們同時(shí)播放，給人一種不一樣的感覺(jué)。

　　5)我的整個(gè)PPT是一總分式的思路，第一頁(yè)就象一張封面，第二頁(yè)是

　　對(duì)所有內(nèi)容的總領(lǐng)，列出了下面所有幻燈片的主要內(nèi)容，并且設(shè)置了和相應(yīng)的幻燈片的鏈接，從而使所有的幻燈片形成一個(gè)有機(jī)的整體，這就是我的PPT大致框架。

　　6)制作PPT時(shí)，我引入了大量的圖片，包括背景圖片，主要以圖文并

　　茂的形式介紹了孫燕姿的個(gè)性、愛(ài)心、家庭、男友，同時(shí)合理的搭配PPT中的各種各樣的動(dòng)畫(huà)效果，讓孫燕姿自然的走入觀看者的心中。

　　7)我發(fā)現(xiàn)PPT中文本的布局相當(dāng)單調(diào)，因此我很少按它的布局進(jìn)行編

　　輯，而是在它的基礎(chǔ)上添加文本，來(lái)是使我的布局更加的多樣化，設(shè)計(jì)也更加靈活，自如。

　　8)另外，我在PPT也設(shè)置了和主頁(yè)的超鏈接，同時(shí)也穿插一些動(dòng)作設(shè)

　　置，加強(qiáng)各個(gè)幻燈片之間的聯(lián)系。

　　9)在flash的制作中，我基本上都是在使用課堂上學(xué)的技巧，遮罩層，時(shí)間軸特效等等，其中，我將多個(gè)圖層同時(shí)使用時(shí)間軸特效，并設(shè)置時(shí)間差，形成?我愛(ài)孫燕姿?五個(gè)字交錯(cuò)放大，效果很不錯(cuò)。

　　10)另外，在使用遮罩層的時(shí)候，我通過(guò)改變一個(gè)普通圖層的屬性使得

　　在一個(gè)遮罩層下面有兩個(gè)被遮罩層，大大加強(qiáng)了圖層的靈活性。

　　11)出于對(duì)千千靜聽(tīng)歌詞秀上的滾動(dòng)效果的興趣，我用flash模仿了這

　　種文字滾動(dòng)，并在歌唱的部分高亮顯示，盡量使其與歌詞同步。

　　12)最后制作了一個(gè)讓孫燕姿的照片滾動(dòng)框，這種效果雖然簡(jiǎn)單卻很好

　　看，我直接把flash的背景調(diào)到很小然后讓所有要滾動(dòng)的圖片排列在一起，從背景那一小塊上滾過(guò)，滾過(guò)的時(shí)候由于背景小就只能看到一到兩張圖片，這樣就形成了圖片滾動(dòng)效果，這個(gè)flash占據(jù)空間狹小，卻很好的增加了網(wǎng)頁(yè)的色彩。

　　四、遇到的問(wèn)題與解決的辦法。

　　在制作網(wǎng)頁(yè)初期，由于對(duì)frontpage沒(méi)有很好的了解，所以在開(kāi)始的時(shí)候不僅效率低，而且常常出錯(cuò)，后來(lái)我通過(guò)對(duì)相關(guān)資料的研究逐漸解除了心中的疑惑，并大膽構(gòu)思，大膽嘗試，初見(jiàn)成效。

　　1)剛開(kāi)始最大的問(wèn)題就是圖片顯示不出來(lái)，有時(shí)候把文件名改了一下，或者換了一個(gè)文件夾儲(chǔ)存都會(huì)導(dǎo)致圖片無(wú)法顯示，后來(lái)經(jīng)過(guò)分析和多次實(shí)驗(yàn)，才知道任何圖片的顯示都是依靠我們?cè)诒４婧蛣傞_(kāi)始設(shè)計(jì)好的路徑來(lái)尋找來(lái)源，從而顯示圖片，所以在后來(lái)制作的過(guò)程中，一旦插入了圖片保存好路徑之后就再也不去更改它的任何信息（也就是讓它的屬性保持不變）。另外，我還發(fā)現(xiàn)，添加了主題背景了之后就不能在上面添加圖片了，所以要在設(shè)置主題之前把圖片都插好。

　　2)在設(shè)置背景圖片時(shí)，會(huì)發(fā)現(xiàn)圖片太小的話，背景就變成多張重復(fù)的圖片拼湊在一起，很不美觀，所以我使用圖片編輯器對(duì)背景大小做了調(diào)整，使得背景和網(wǎng)頁(yè)內(nèi)容可以很好的融在一起。另外我還利用圖片剪輯得到了孫燕姿的個(gè)人簽名（一般找不到她直接簽名的圖片，所以我就從有她的簽名的照片上剪輯出來(lái)），使用孫燕姿的真實(shí)簽名比使用藝術(shù)字更具有真實(shí)感和美感。

　　3)雖然在制作設(shè)計(jì)PPT時(shí)可以選擇大量的效果，但有的時(shí)候還是覺(jué)得

　　它所提供的效果不太理想，所以常常不斷的更改效果尋找我所需要的效果，后來(lái)才發(fā)現(xiàn)，PPT中所提供的效果是可以自己編輯的，在自定義動(dòng)畫(huà)的界面上，可以改變動(dòng)作的方向，順序，動(dòng)作的背景音樂(lè)以及動(dòng)作次數(shù)等等屬性。

　　4)在制作flash最先遇到的問(wèn)題是當(dāng)我使用多個(gè)層的時(shí)候往往前一個(gè)

　　層的內(nèi)容會(huì)影響下一個(gè)層的設(shè)計(jì)，使得多次實(shí)驗(yàn)都不得成功，通過(guò)詢問(wèn)同學(xué)學(xué)會(huì)了鎖定層和隱藏層，這樣一來(lái)，多個(gè)圖層的操作變得

　　格外地得心應(yīng)手。

　　5)在制作‘照片滾動(dòng)框’的動(dòng)畫(huà)時(shí)，遇到了一個(gè)相當(dāng)棘手的問(wèn)題，這

　　個(gè)問(wèn)題看似很簡(jiǎn)單如果不知道，就無(wú)從下手，因?yàn)橐斐蓤D片滾動(dòng)，所以需要很多圖片排成一條豎線，位置又要對(duì)齊，因此在移動(dòng)圖片時(shí)，如果一張一張的移，工作量非常之大，我想一次把他們都選中整體移動(dòng)，但是圖片的長(zhǎng)度卻大大超出了窗口的大小，我嘗試著使用shift鍵，結(jié)果可以成功地同時(shí)選中，但是即使這樣還是不能一次選中，也很費(fèi)事，直到最后我試了一下ctrl+A，就一下子選中所有照片，快多了，移動(dòng)也十分方便。

　　6)剛開(kāi)始我構(gòu)思了一個(gè)遮罩層運(yùn)動(dòng)的動(dòng)畫(huà)，我設(shè)計(jì)的遮罩層是一個(gè)透

　　明圓圈，我本來(lái)想讓給這個(gè)遮罩層設(shè)置一個(gè)運(yùn)動(dòng)引導(dǎo)層，讓它按我設(shè)計(jì)的運(yùn)動(dòng)軌跡運(yùn)動(dòng)，結(jié)果不行，設(shè)置了遮罩就不能設(shè)置引導(dǎo)層，試了好多次還是不行，沒(méi)辦法，我只好通過(guò)設(shè)置大量的關(guān)鍵幀，形成很多很小時(shí)間段的動(dòng)畫(huà)補(bǔ)間，形成遮罩層運(yùn)動(dòng)的效果，同時(shí)設(shè)計(jì)時(shí)要注意一點(diǎn)：要先設(shè)置好動(dòng)畫(huà)補(bǔ)間，最后再設(shè)定為遮罩層。設(shè)定了遮罩層之后就不可以制作動(dòng)畫(huà)補(bǔ)間了。

　　五、總結(jié)

? 首先，我發(fā)現(xiàn)我的一個(gè)錯(cuò)誤，我總以為上了機(jī)再摸索就都自然

　　會(huì)了，實(shí)際在這次設(shè)計(jì)過(guò)程，理論的研究對(duì)我的設(shè)計(jì)達(dá)到了點(diǎn)石成金的效果，所以我認(rèn)為在做實(shí)驗(yàn)之前先要對(duì)所使用的程序有一定了解再開(kāi)始，否則很盲目，自信心也很受到很大的打擊。? 其次，我覺(jué)得我們學(xué)的程序很多，但都僅僅只會(huì)使用它們很簡(jiǎn)

　　單的一部分功能，沒(méi)有做深入的了解。

? 最后，我認(rèn)為做計(jì)算機(jī)方面的作業(yè)，最最重要的是堅(jiān)持不懈不

　　放棄，因?yàn)槲覀冊(cè)谕瓿赡骋豁?xiàng)任務(wù)時(shí)，往往要經(jīng)歷多次失敗才能找到捷徑，由于沒(méi)找到捷徑，做起來(lái)特別吃力，但卻只有嘗試了之后才能找到捷徑，所以越是麻煩越是不能放棄，否則就永遠(yuǎn)找不到捷徑，就會(huì)更加的麻煩。

? 另外，感覺(jué)做計(jì)算機(jī)作業(yè)特別有成就感。