第一篇：網(wǎng)頁課程設(shè)計(jì)報(bào)告

課程設(shè)計(jì)說明書

題

目： 系

部： 專

業(yè)： 班

級(jí)： 組

長(zhǎng)： 組

員： 設(shè)計(jì)時(shí)間：

鮮花網(wǎng) 信息管理系 信息管理與信息系統(tǒng)

（一）班 李 健 黎夢(mèng)雪 邱文琦 12月10號(hào) 一． 設(shè)計(jì)準(zhǔn)備

1.開發(fā)環(huán)境搭建：硬件設(shè)備需要電腦，軟件需要有DW對(duì)網(wǎng)頁進(jìn)行搭建，需要聯(lián)網(wǎng)對(duì)素材進(jìn)行收集，和其他網(wǎng)頁進(jìn)行參考，需要ps對(duì)圖片進(jìn)行處理等。2.知識(shí)準(zhǔn)備：需要熟練網(wǎng)頁相關(guān)的知識(shí)，特別是老師講的那些課堂知識(shí)，當(dāng)然還需要課外的一些關(guān)于網(wǎng)頁設(shè)計(jì)的知識(shí)，還可以再網(wǎng)上找一些相關(guān)的代碼和相關(guān)的知識(shí)進(jìn)行閱讀，最重要的是租章需要很強(qiáng)手動(dòng)操作操作能力，要熟悉DW這個(gè)軟件的一些基本操作和功能運(yùn)用，需要一些簡(jiǎn)單的網(wǎng)頁美工設(shè)計(jì)技能和審美能力，這樣才能將網(wǎng)頁的布局給人以美觀的感覺，兒不是網(wǎng)頁的布局零亂，不美觀。3.人員分工等：實(shí)驗(yàn)報(bào)告撰寫者—黎夢(mèng)雪，網(wǎng)站演講者--邱文琦，整個(gè)網(wǎng)站設(shè)計(jì)者—李健。

二．需求分析

人們都比較喜歡鮮花，喜歡欣賞鮮花，所以我們組就一致決定以鮮花為主題，鮮花不僅給人一枚的感受，而且有的鮮花可以入藥，有的還可以吃，還有一些鮮為人知的鮮花等等，所以鮮花是個(gè)比較受歡迎的主題。

三．技術(shù)分析

1.網(wǎng)頁用了表格和CSS以及盒子模型對(duì)整個(gè)網(wǎng)頁的布局進(jìn)行了搭建。表格可以讓網(wǎng)頁內(nèi)容很貴范，不會(huì)讓整個(gè)網(wǎng)頁顯得很零亂；盒子可以很好的節(jié)約網(wǎng)頁的空間；而CSS可以讓網(wǎng)頁內(nèi)容更加的美觀的呈現(xiàn)在用戶的眼前，給人以更好的客戶體驗(yàn)。

2.網(wǎng)頁用了很多DW的基本功能，如超級(jí)鏈接，錨點(diǎn)鏈接，表單，javaskript,如圖片的晃動(dòng)，圖片的放大和縮小，圖片的隱藏和顯示，圖片的交換效果，以及圖片的輪選效果等等，還對(duì)網(wǎng)頁插入了音樂，視頻，對(duì)網(wǎng)頁制作了一個(gè)統(tǒng)一的模板，當(dāng)然模板不是網(wǎng)上下的，都是自己做的，雖然不咋滴，還用了框架等等 3.還用了Spry技術(shù)，如菜單欄，折疊式，面板等等，給網(wǎng)頁節(jié)約了很多的空間

4.還用了ps技術(shù)，如網(wǎng)頁的背景和網(wǎng)頁的LOGO就是用ps給P出來的，以及很多的圖片就是用PS進(jìn)行加以處理了的等等 5.整個(gè)網(wǎng)頁代碼用的不怎么多，有些特殊的共能是敲代碼或子在網(wǎng)頁上下載一些特殊功能的代碼，不過還是用了一些的。6.本來做了幾個(gè)ASP網(wǎng)頁的，可是不怎么會(huì)連呢?cái)?shù)據(jù)庫，這是本網(wǎng)站的一大弱點(diǎn)。

四．制作過程及要點(diǎn)

制作過程

1.本組成員一起討論，以便進(jìn)行主題的確定，這是比較重要的過程，這題要確定好，而且確定了就不能進(jìn)行更改，不然很麻煩。2.然后根據(jù)所確定的主題在網(wǎng)上進(jìn)行素材的收集，對(duì)網(wǎng)站的圖片，各種鮮花的介紹文字，以及背景音樂和相關(guān)的所需要的視頻等等，并且要尋找一些與本主題相關(guān)的網(wǎng)頁進(jìn)行參考。3.素材收集好后就對(duì)網(wǎng)站的首頁進(jìn)行搭建和設(shè)計(jì)，并把它另存為模板，以便各個(gè)子網(wǎng)頁快速的設(shè)計(jì)，當(dāng)然這個(gè)首頁的模板在后續(xù)設(shè)計(jì)中是需要隨時(shí)加以更改的，知道最后整個(gè)網(wǎng)頁搭建完為止。4.對(duì)對(duì)各個(gè)子網(wǎng)頁加以設(shè)計(jì)，將所收集的素材如圖片，文字介紹，音樂，相關(guān)視頻，插入后還要見一些CSS樣式，對(duì)網(wǎng)頁的進(jìn)行美觀，是網(wǎng)頁看起來很協(xié)調(diào)，美觀整齊。

5.對(duì)整個(gè)網(wǎng)站進(jìn)行超鏈接的設(shè)置，是整個(gè)網(wǎng)站形成網(wǎng)絡(luò)結(jié)構(gòu)，網(wǎng)頁之間要能夠進(jìn)行相互的鏈接

6.對(duì)各個(gè)網(wǎng)頁進(jìn)行效果的添加，主要運(yùn)用到了javaskript，使網(wǎng)頁能夠與客戶進(jìn)行相互之間的交互

7.最后對(duì)整個(gè)網(wǎng)站進(jìn)行整合以及對(duì)一些細(xì)微的地方進(jìn)行修修補(bǔ)補(bǔ)什么的

要點(diǎn)

1.首頁中用表格進(jìn)行布局，然后將圖片和圖片吧名字一個(gè)一個(gè)的放到表格中，并對(duì)圖片添加三種效果，都是通過mouseover來觸動(dòng)這些效果的，分別是，圖片的放大縮小，圖片的晃動(dòng)，圖片的隱藏和顯示，插入了一個(gè)圖片查看器，一個(gè)表單，用了一個(gè)錨點(diǎn)鏈接，用了spry中的菜單欄，面板以及折疊式面板，用PS制作了整個(gè)網(wǎng)站的背景和LOGO 2.對(duì)其他子網(wǎng)頁進(jìn)行設(shè)計(jì)，將所收集的圖片和文字插入到模板中，然后即那個(gè)所有的圖片都加上行為，圖像交換行為，然后建幾個(gè)CSS樣式，將這些CSS樣式用到各個(gè)子網(wǎng)頁中，樣式中有對(duì)字體各方面的設(shè)計(jì)，圖片的左浮動(dòng)，摻入后還要對(duì)一些細(xì)節(jié)的地方進(jìn)行修補(bǔ)，如首行空2各，字體間的距離，行高什么的，要適當(dāng)網(wǎng)頁給人以美觀的感受為止。

3.把收集到的視頻的mp4格式格式改成FLV格式，然后插到網(wǎng)頁中雖然所用到的技術(shù)不怎么高深，可是自網(wǎng)頁蠻多的。等等那些圖片的行為可以再行為面板里面進(jìn)行設(shè)置，也可以對(duì)一些特殊的行為在網(wǎng)上找一些特殊的代碼，插到網(wǎng)頁中然后在加以修改便可，如圖片的放大縮小效果和狀態(tài)欄上文字的跑馬燈效果以及圖片的晃動(dòng)和圖片交換這些簡(jiǎn)單的效果都是不需要些代碼的，都是可以通過DW自帶的功能面板進(jìn)行設(shè)計(jì)的

4.在設(shè)計(jì)的過程中也遇到了很多的問題，如在模板中不能插圖像查看器，不能摻入框架，不然所設(shè)計(jì)的背景就會(huì)被框架進(jìn)行分割，圖片查看器也是在模板中怎么也插不進(jìn)，剛開始時(shí)用DW8的版本進(jìn)行網(wǎng)頁設(shè)計(jì)的，一位這個(gè)版本是最高的，到后來才知道，這個(gè)版本很低，以致于后來換DWCS6版本是，兩個(gè)版本所設(shè)計(jì)的東西有些地方不怎么兼容，而且最后用不同的瀏覽器預(yù)覽時(shí)，效果也不僅相同，比如說網(wǎng)頁的圖片的查看器不能在瀏覽器中查看等等，不過最后這些問題也是一個(gè)一個(gè)的進(jìn)行解決，在解決的過程中也學(xué)到了一些東西，并且印象也比較深，最后還是有幾個(gè)沒解決，如不會(huì)連數(shù)據(jù)庫，ASP網(wǎng)頁預(yù)覽等等什么的。

五．收獲和體會(huì) 通過對(duì)這個(gè)網(wǎng)站的設(shè)計(jì)，還是收獲蠻多東西的。通過對(duì)網(wǎng)頁的設(shè)計(jì)，DW的一些基本功能都學(xué)會(huì)了，也非常的熟練了這個(gè)軟件，俗話說熟能生巧嘛，所以做了很多的子網(wǎng)頁，因此對(duì)那些基本的網(wǎng)站設(shè)計(jì)一些實(shí)用的功能練習(xí)的很熟練，印象也很深刻。本來自己對(duì)技術(shù)是不怎么感興趣的，可是通過自己對(duì)網(wǎng)站的搭建，發(fā)現(xiàn)越來樂感興趣了，以前覺得互聯(lián)網(wǎng)是個(gè)很神奇的東西，搞不懂那些神奇的鏈接是怎么回事，那些魔幻般的效果是怎么弄成的，那些，那些好看的視頻，好聽的音樂是怎么插進(jìn)去的，各個(gè)連接時(shí)怎么形成網(wǎng)狀結(jié)構(gòu)的，通過自己來設(shè)計(jì)一個(gè)網(wǎng)站才知道并不是多么多么的很神奇，原來自己也可以做，所以就對(duì)枯燥的技術(shù)感興趣了，因此為了做好這個(gè)網(wǎng)站我還找了一套網(wǎng)上的視頻看了一下，學(xué)到了蠻多的東西，并且發(fā)現(xiàn)自己的手動(dòng)操作，打字速度也提高了不少。自學(xué)能力也提高了，互聯(lián)網(wǎng)是個(gè)資源信息豐富但是很雜亂的世界，找到對(duì)自己的有用的東西是需要花時(shí)間和技巧的，但是也是需要一些技巧的，掌握了一些基本的技巧是非常必要的，通過素材等的相關(guān)的收集，發(fā)現(xiàn)自己的搜索信息的能力也漸漸的提高了。我覺得想學(xué)會(huì)一個(gè)東西是比較容易的，可是要學(xué)會(huì)一門很精的東西是不容易的，比如就拿網(wǎng)頁設(shè)計(jì)來說，設(shè)計(jì)了很多知識(shí)，如數(shù)據(jù)庫，所以你要學(xué)好數(shù)據(jù)庫軟件，還有代碼，其實(shí)我是不怎么喜歡代碼的，看的東代碼但是不怎么會(huì)自己動(dòng)手寫，不會(huì)自己不做參考的去編寫一個(gè)整個(gè)的代碼，但是學(xué)會(huì)了簡(jiǎn)單的修改代碼，比如說吧網(wǎng)站下載下來的代碼有些地方加以修改，查看，所以覺得自己今后在代碼方面要多加的練習(xí)熟練，其實(shí)網(wǎng)頁設(shè)計(jì)的很多技術(shù)資金都是不懂的，雖然老師你已經(jīng)把我們領(lǐng)進(jìn)了門，可是在咨詢的過程中有很多的問題都弄不懂，這時(shí)候要是有老師您在身旁就好了，否則要是某個(gè)問題怎么也解決不了時(shí)，就會(huì)很容易打擊自己的自信心，很難走到很遠(yuǎn)，所以我覺得自己對(duì)網(wǎng)站設(shè)計(jì)知識(shí)動(dòng)的了一些基本的而已，有些東西是不怎么懂得。對(duì)整個(gè)網(wǎng)站的設(shè)計(jì)我覺得整個(gè)背景要一致，各個(gè)多媒體元素要應(yīng)有盡有，要多一些互動(dòng)的功能，要整個(gè)看起來要協(xié)調(diào)，內(nèi)容要有意義，不要只在乎運(yùn)用到網(wǎng)頁中的一些技術(shù)而不注重網(wǎng)站的內(nèi)容，那樣技術(shù)在浩又有什么用了，所以要技術(shù)和網(wǎng)站的內(nèi)容兼并，缺一不可，都是同等重要的。整個(gè)網(wǎng)站做好后對(duì)一些細(xì)節(jié)的地方進(jìn)行后期修改修補(bǔ)其實(shí)是很重要的，那樣會(huì)讓網(wǎng)站變得更加的完美，而且需求在變化所有些內(nèi)容要?jiǎng)h除，有些內(nèi)容要添加，所以后期維護(hù)曼重要的。這些都是一些心得體會(huì)啦，最后感謝老師交我們這門課，這門課蠻有實(shí)用性的，讓我學(xué)會(huì)了不少的東西。

第二篇：網(wǎng)頁美工課程設(shè)計(jì)報(bào)告

網(wǎng)頁美工課程設(shè)計(jì)報(bào)告

學(xué) 院： 商學(xué)院 專 業(yè)： 電子商務(wù) 學(xué)生姓名： 楊鳳君 學(xué) 號(hào)： 1200530215 指導(dǎo)教師：

2015年

月

日

一、設(shè)計(jì)內(nèi)容及制作步驟

1.1網(wǎng)店頁面展示

1.1.1成品展示

1.2制作構(gòu)思

1.2.1參考方向

參考大量用類網(wǎng)站，商業(yè)化的購(gòu)物型型網(wǎng)站，都是采用中規(guī)中矩的結(jié)構(gòu)，通過大小不一的方框分解整個(gè)頁面。

1.3.2顏色

為了提高瀏覽的舒適度，顏色應(yīng)以柔和淡雅的色調(diào)為主，在作導(dǎo)航條等反差顏色采用也應(yīng)以采用柔和淡雅的色調(diào)。

1.3制作流程

1.3.1背景

全局才用了

作為風(fēng)格主色，與風(fēng)格搭配的副色采用了比風(fēng)格更深一點(diǎn)的系列色，整個(gè)色調(diào)體現(xiàn)的是素雅的感覺。

背景圖片采用與全局色相呼應(yīng)的純色背景

1.3.2店招LOGO

基礎(chǔ)設(shè)計(jì)如上圖，中規(guī)中矩的模仿了一般淘寶店鋪的設(shè)置，“美美包屋”字體顏色用的是全局風(fēng)格副色，因?yàn)槿只{(diào)淡雅為主，型號(hào)是方正喵嗚體

因?yàn)槿只{(diào)比較素雅，選用比較活潑生動(dòng)的字體添加一點(diǎn)俏皮的感覺，主打小清新風(fēng)。

1.3.3無縫全屏海報(bào)

在店招下面設(shè)置了無縫的全屏海報(bào)自動(dòng)播放，每4s“淡入淡出”的輪播效果添加了靈動(dòng)的效果。

1.3.4寶貝介紹

主頁的寶貝以店主推薦欄目為主。

鼠標(biāo)滑過商品時(shí)，寶貝以“蝴蝶飛舞”效果劃過展示。

寶貝實(shí)拍詳情頁面：采用了淘寶模板，但是更注重產(chǎn)品實(shí)拍展示

2.1移動(dòng)頁面展示

2.1.1成品展示

使用網(wǎng)上在線制作工具——應(yīng)用公園制作，設(shè)計(jì)完成一鍵生成相應(yīng)的Android與IOS APP。

2.2制作流程

啟動(dòng)頁使用淺色與網(wǎng)店風(fēng)格呼應(yīng)。

首頁設(shè)計(jì)簡(jiǎn)潔，底部?jī)蓚€(gè)按鈕設(shè)置有相應(yīng)鏈接，如點(diǎn)擊品牌故事會(huì)跳轉(zhuǎn)到相應(yīng)的故事頁面。按鈕選擇條形的透明體，文字則是應(yīng)用白色與風(fēng)格保持一致。

品牌故事頁面采用墨綠色的背景，標(biāo)題文字部分選取紅色形成撞色效果，突出要點(diǎn)。

美美包屋頁面做的較為詳細(xì)，中間一欄設(shè)有四個(gè)功能按鈕，分別是“分享”、“電話”瀏覽“記錄”、“收藏”夾等便利快捷鍵。

整個(gè)做好的商品頁面如下：底部有導(dǎo)航欄可以快速返回首頁

第三篇：網(wǎng)頁課程設(shè)計(jì)報(bào)告2

網(wǎng)頁課程設(shè)計(jì)報(bào)告2 淺談V&A T(video and audio technology，即視頻音頻處理技術(shù))

計(jì)算機(jī)是科學(xué)于藝術(shù)的完美結(jié)合。我具有一定的音樂藝術(shù)基礎(chǔ)，并且對(duì)音頻視頻的藝術(shù)設(shè)計(jì)有著濃厚的興趣，所以我在暑假期間，自學(xué)了《Cool Edit pro2.1》，《Adobe Premiere pro2.0》，《After Effects》的一些相關(guān)知識(shí)以及一些其他的相關(guān)軟件,下面我來談一談我個(gè)人的一些見解

首先我來簡(jiǎn)單的談一談我對(duì)音頻處理技術(shù)的個(gè)人見解。我在中學(xué)時(shí)期考取了二胡八級(jí)證書，同時(shí)我對(duì)音頻的創(chuàng)作以及后期處理比較感興趣。下面我來簡(jiǎn)單的介紹一下《Cool Edit pro2.1》。

Cool Edit 2000是一個(gè)功能強(qiáng)大的音樂編輯軟件，可以運(yùn)行與Windows 95/NT下，能高質(zhì)量地完成錄音、編輯、合成等多種任務(wù)，只要擁有它和一臺(tái)配備了聲卡的電腦，也就等于同時(shí)擁有了一臺(tái)多軌數(shù)碼錄音機(jī)、一臺(tái)音樂編輯機(jī)和一臺(tái)專業(yè)合成器。

Cool Edit 2000能記錄的音源包括CD、卡座、話筒等多種，并可以對(duì)它們進(jìn)行降噪、擴(kuò)音、剪接等處理，還可以給它們添加立體環(huán)繞、淡入淡出、3D回響等奇妙音效，制成的音頻文件，除了可以保存為常見的.wav、.snd和.voc等格式外，也可以直接壓縮為MP3或Cool Edit 2000（.rm）文件，放到互聯(lián)網(wǎng)上或email給朋友，大家共同欣賞，當(dāng)然，如果需要，你還可以燒錄到CD上。甚至，借助于Cool Edit 2000對(duì)采樣頻率為96kHz、分辨率為24位錄音的支持，你還以制作更高品質(zhì)的DVD音頻文件。

用Cool Edit 2000編輯聲音，與在字處理器中編輯文本相似，一方面，都包括復(fù)制、剪切和粘貼等操作。另一方面，都須事先選擇編輯對(duì)象或范圍，這些操作才有意義，對(duì)于聲音文件而言，就是在波形圖中，選擇某一片斷或整個(gè)波形圖。一般的選擇方法有，在波形上按下鼠標(biāo)左鍵向右或向左滑動(dòng)，如果要往一側(cè)擴(kuò)大選擇范圍，可以在那一側(cè)右擊鼠標(biāo)，要選整個(gè)波形，雙擊鼠標(biāo)即可。此外，Cool Edit 2000還提供了一些選擇特殊范圍的菜單，它們集中在Edit菜單下，如Zero Crossings（零交叉），可以將事先選擇波段的起點(diǎn)和終點(diǎn)移到最近的零交叉點(diǎn)（波形曲線與水平中線的交點(diǎn)）；Find Beats（查出節(jié)拍），可以以節(jié)拍為單位選擇編輯范圍。對(duì)于立體聲文件，你還可以單獨(dú)選出左聲道或右聲道，進(jìn)行編輯。添加音效，是Cool Edit 2000最激動(dòng)人心的功能。在Cool Edit 2000的菜單Transform（變換）下，有20個(gè)子菜單，通過它們，用戶可以方便地制作出各種專業(yè)、迷人的聲音效果。如Reverb（余音），可以產(chǎn)生音樂大廳的環(huán)境效果；Dynamics Processing（動(dòng)態(tài)處理），可以根據(jù)錄音電平動(dòng)態(tài)調(diào)整輸出電平；Filters（過濾器），可以產(chǎn)生加重低音、突出高音等效果；Noise Reduction（降噪），可以降低甚至清除文件中的各種噪音；Time/Pitch（時(shí)間/音調(diào)），能夠在不影響聲音質(zhì)量的情況下，改變樂曲音調(diào)或節(jié)拍等等，最神奇的是Brainwave Synchronizer（腦波同步器），可以通過立體聲耳機(jī)，產(chǎn)生有助于入睡、放松，甚至思考的音樂。

顯然，在描述這些奇妙的音效方面，語言未免顯得有些蒼白無力，最好的學(xué)習(xí)方法，就是反復(fù)試用、反復(fù)體會(huì)它們。你可以錄制或打開一個(gè)現(xiàn)成的聲音文件，然后，點(diǎn)擊菜單

Transform，選擇一種音效，調(diào)整音效的各項(xiàng)設(shè)置，或直接選用一種預(yù)置效果，按下OK按鈕，聽聽看，不滿意用Undo還原重來。

以下是我總結(jié)的音頻后期處理的幾個(gè)基本的步驟。一，降噪。二，高音激勵(lì)。三，壓線。這三個(gè)是最基本也是必不可少的三個(gè)步驟。具體的操作方法在這里不一一介紹。后面的處理步驟并不唯一，要根據(jù)演唱者或樂器音色的特征，在加上你豐富的工作經(jīng)驗(yàn)。學(xué)好《Cool Edit pro2.1》理論知識(shí)是一方面，多動(dòng)手，勤動(dòng)腦，重思考，積累豐富的工作經(jīng)驗(yàn)更為重要。只有通過平時(shí)的日積月累，我們才能創(chuàng)造出最完美的音軌。

下面我再來談一談我對(duì)視頻處理的個(gè)人見解。首先進(jìn)行視頻處理，最基本，最常用，最專業(yè)的軟件就是《Adobe Premiere pro2.0》。同時(shí)還要用到一些其他的相關(guān)軟件，比如《After Effects》，《Adobe Photo Shop》，《3D Max》等。下面我著重介紹一下《Adobe Premiere pro2.0》。

《Adobe Premiere pro2.0》是一款功能強(qiáng)大，專業(yè)的視頻處理軟件。它不僅適用于專業(yè)的影視后期制作人士，而且適用于業(yè)余的影視制作愛好者。它的應(yīng)用范圍也相當(dāng)廣泛，包括：廣告設(shè)計(jì)，影視制作，網(wǎng)頁設(shè)計(jì)，等領(lǐng)域。主要功能包括：視頻的剪輯，排版，片段編輯，字幕編輯，音頻處理，視頻特效，運(yùn)動(dòng)特效，節(jié)目渲染，影片輸出。同時(shí)Premiere 6.0中，首次加入關(guān)鍵幀的概念，用戶可以在軌道中添加、移動(dòng)、刪除和編輯關(guān)鍵幀，對(duì)于控制高級(jí)的二維動(dòng)畫游刃有余。Premiere6.0提供了兼容于QuickTime系統(tǒng)和其他系統(tǒng)的第三方插件，使用這些插件可以實(shí)現(xiàn)視頻(濾鏡)效果和過渡效果。由于提供了光盤刻錄插件，可以輕松的制作出適合光驅(qū)播放的影片。

同時(shí)《Adobe Premiere pro2.0》支持的格式相當(dāng)豐富，常用的視頻格式有：AVI,WMV等。音頻格式有：MP3,WMA,WAV等。圖片格式有：JPG,JPE,JPEG,GIF,PSD。值得一提的是當(dāng)導(dǎo)入PSD格式圖片時(shí)，Premiere可以保留圖片中的圖層信息，并且可以對(duì)圖層信息進(jìn)行相關(guān)的特效處理，這是Premiere 的一大亮點(diǎn)

下面我來以我暑假的工作經(jīng)驗(yàn)，介紹一下制作一個(gè)完整的MV的過程。首先，我們要明確MV制作大體分幾個(gè)步驟。一，素材搜集與整理。二，素材剪輯與排版。三，片頭，片尾以及字幕編輯。四，渲染與輸出。五，壓縮。

首先搜集素材的方法有很多，可以用DV甚至手機(jī)進(jìn)行拍攝?？梢杂闷聊讳浵褴浖苯釉谟?jì)算機(jī)上錄制一些動(dòng)漫，游戲的片段。由于設(shè)備的限制，我主要是使用《Game Recorder》（游戲錄像機(jī)）來錄制一些游戲中的鏡頭。

素材錄制好后，可以做一下簡(jiǎn)單的整理，比如說重命名或者分類管理。然后導(dǎo)入到Premiere 中，進(jìn)行剪輯與排版，此時(shí)要發(fā)揮充分想象力與無限的創(chuàng)意，發(fā)散思維，不要局限于一點(diǎn)。

接下來的步驟是添加字幕，Premiere有著強(qiáng)大的字幕編輯功能，文字的特效，滾動(dòng)，都可以輕松的實(shí)現(xiàn)。再接下來就要為你的MV制作精彩的開頭與結(jié)尾。此時(shí)要用到的相關(guān)軟件有《After Effects》，《Adobe Photo Shop》，《3D Max》。這里就不做具體的介紹了。

確認(rèn)調(diào)試好后就可以進(jìn)行渲染了，渲染也稱作預(yù)演，為輸出服務(wù)。最后在計(jì)算機(jī)上選擇一個(gè)較大的磁盤空間，將制作好的MV輸出。但你會(huì)發(fā)現(xiàn)，輸出的文件相當(dāng)大，不便于傳播。此時(shí)就要進(jìn)行最后的步驟——壓縮。將輸出的AVI格式的影片壓縮為常用的RM格式影片，文件的體積便小了很多。

還有一些專場(chǎng)特效的設(shè)置，視頻音頻特效的添加以及關(guān)鍵幀的靈活運(yùn)用的相關(guān)技巧，是在書本上學(xué)不到的，這些技巧都是我在平時(shí)的工作中自己發(fā)現(xiàn)的。學(xué)好《Adobe Premiere pro2.0》基礎(chǔ)知識(shí)很重要，但是動(dòng)手能力的培養(yǎng)，勤于思考的習(xí)慣起到了不可忽視的作用。

以上就是我在暑假積累的學(xué)習(xí)與工作經(jīng)驗(yàn)，在今后的學(xué)習(xí)中，我會(huì)進(jìn)一步強(qiáng)化我的專業(yè)知識(shí)，培養(yǎng)動(dòng)手能力，注重積累豐富的工作經(jīng)驗(yàn)，我相信，我會(huì)在我的領(lǐng)域取得成功！

電子信息學(xué)院07級(jí)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)2班

陳然

第四篇：網(wǎng)頁課程設(shè)計(jì)格式

程設(shè)計(jì)說明書的格式

為了保證課程設(shè)計(jì)質(zhì)量，特制定本規(guī)范。

設(shè)計(jì)說明書要求按統(tǒng)一格式打印，其版面要求：A4紙，頁邊距：上2cm，下2cm，左 2.5cm、右 2cm；字體：正文宋體、小四號(hào)；行距：固定值 20；頁碼：底部居中。

一份完整的設(shè)計(jì)說明書應(yīng)包括以下幾個(gè)方面：

一、封面（包括題目、院系、學(xué)生班級(jí)、設(shè)計(jì)組號(hào)、學(xué)生組員姓名、指導(dǎo) 教師姓名等）(見附 1)。

二、目錄

居中打印目錄二字，（四號(hào)黑體，段后 1 行），字間空一字符；章、節(jié)、小 節(jié)及其開始頁碼（字體均為小四號(hào)宋體）。節(jié)向右縮進(jìn)兩個(gè)字符，小節(jié)及以后標(biāo) 題均向右縮進(jìn)四個(gè)字符。目錄中應(yīng)包含正文及其后面部分的條目。目錄的最后一 項(xiàng)是無序號(hào)的“參考文獻(xiàn)資料”。

三、正文

正文應(yīng)該包括以下幾個(gè)主要部分：

1、網(wǎng)站的主題說明；

2、網(wǎng)站的總體規(guī)劃與網(wǎng)站的結(jié)構(gòu)框圖；

3、各級(jí)網(wǎng)頁設(shè)計(jì)說明（網(wǎng)站配色、導(dǎo)航設(shè)計(jì)、各級(jí)網(wǎng)頁風(fēng)格統(tǒng)一）；

4、典型網(wǎng)頁的設(shè)計(jì)過程、步驟與樣例；

5、資料來源。

（二）課程設(shè)計(jì)報(bào)告編寫基本要求

1、各小組由小組長(zhǎng)統(tǒng)一組織協(xié)調(diào)并獨(dú)立完成課程設(shè)計(jì)報(bào)告；

2、課程設(shè)計(jì)報(bào)告書寫規(guī)范、文字通順、圖表清晰、數(shù)據(jù)完整、結(jié)論明確；

3、課程設(shè)計(jì)報(bào)告后附參考文獻(xiàn)；

正文部分的格式:

段落及層次要求： 每節(jié)標(biāo)題以四號(hào)黑體左起打?。ǘ吻岸魏蟾?.5行），節(jié)下為小節(jié)，以小四號(hào)黑體左起打印（段前段后各 0.5 行）。換行后以小四號(hào)宋體打印正文。

四、參考文獻(xiàn)：

另起一頁，居中打印參考文獻(xiàn)四字（四號(hào)黑體，段前段后1行）

網(wǎng)頁設(shè)計(jì)說明書

設(shè)計(jì)課題：度假村網(wǎng)站

組長(zhǎng)：馮倩

組員：班級(jí)：10信息（2）班

院系：經(jīng)信學(xué)院

學(xué)期：2011-9——2011-12

指導(dǎo)老師：劉志蘭

2011年 12 月16 日

第五篇：網(wǎng)頁制作課程設(shè)計(jì)報(bào)告

網(wǎng)頁制作課程設(shè)計(jì)報(bào)告

一.緒論

1.課程設(shè)計(jì)的目的、意義

本課程的設(shè)計(jì)目的是通過實(shí)踐使同學(xué)們經(jīng)歷Dreamweaver cs5開發(fā)的全過程和受到一次綜合訓(xùn)練，以便能較全面地理解、掌握和綜合運(yùn)用所學(xué)的知識(shí)。結(jié)合具體的開發(fā)案例，理解并初步掌握運(yùn)用Dreamweaver cs5可視化開發(fā)工具進(jìn)行網(wǎng)頁開發(fā)的方法；了解網(wǎng)頁設(shè)計(jì)制作過程。通過設(shè)計(jì)達(dá)到掌握網(wǎng)頁設(shè)計(jì)、制作的技巧。了解和熟悉網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)和實(shí)現(xiàn)技巧。根據(jù)題目的要求，給出網(wǎng)頁設(shè)計(jì)方案，可以按要求，利用合適圖文素材設(shè)計(jì)制作符合要求的網(wǎng)頁設(shè)計(jì)作品。熟練掌握Dreamweaver cs5的的操作和應(yīng)用。增強(qiáng)動(dòng)手實(shí)踐能力，進(jìn)一步加強(qiáng)自身綜合素質(zhì)。2.設(shè)計(jì)情況的簡(jiǎn)介

我做的網(wǎng)站是以動(dòng)漫世界為主題，內(nèi)含各種風(fēng)格和類型的動(dòng)漫。網(wǎng)站中插入了大量的圖片和鏈接，界面簡(jiǎn)單明了。網(wǎng)頁常規(guī)技術(shù).素材處理.網(wǎng)頁創(chuàng)意.實(shí)用性和推廣性等方面均有所涉及和注意.3.設(shè)計(jì)原理與規(guī)模介紹

主要運(yùn)用一些基本的網(wǎng)頁制作技術(shù),分三大板塊分級(jí)進(jìn)行闡述主題。規(guī)模上，屬于小型和個(gè)人興趣類型的網(wǎng)站。二.網(wǎng)站需求分析

本網(wǎng)站符合大眾喜愛動(dòng)漫的心理。動(dòng)漫愛好者對(duì)于動(dòng)漫的要求首先要是好看的動(dòng)漫，其次便是種類多樣的動(dòng)漫。網(wǎng)站首頁需要做到簡(jiǎn)潔明了，針對(duì)性強(qiáng)，因?yàn)檫@樣才可以留住顧客以及開發(fā)潛在顧客。

三.網(wǎng)站概要設(shè)計(jì)

網(wǎng)站主頁分為三級(jí)頁面。第一級(jí)為主頁面，內(nèi)含網(wǎng)站的各種信息。第二級(jí)頁面分大類解釋網(wǎng)站動(dòng)漫種類信息，第三級(jí)頁面就是對(duì)于每一部動(dòng)漫的詳細(xì)解釋。另外就是站主介紹，這是網(wǎng)站中雖不重要卻不可缺少的部分。

四.網(wǎng)站詳細(xì)設(shè)計(jì)

網(wǎng)站分國(guó)產(chǎn)動(dòng)漫，最新動(dòng)漫，經(jīng)典動(dòng)漫三個(gè)部分。每一部分都有更細(xì)的下一級(jí)頁面對(duì)其進(jìn)行詳細(xì)描述。站中插入大量圖片，在每一部動(dòng)漫介紹時(shí)均有圖片介紹以及鏈接。網(wǎng)站中需要運(yùn)用的一些常規(guī)技術(shù)蘊(yùn)含其中得以體現(xiàn)，比如在頁面中，插入文字、圖片、超級(jí)鏈接等技術(shù)。另外還需要對(duì)文字圖片進(jìn)行進(jìn)一步修改，比如字體顏色圖片大小以及背景顏色等等。

五.網(wǎng)站實(shí)現(xiàn)與調(diào)試

在網(wǎng)站做好之后，我對(duì)網(wǎng)站進(jìn)行整體調(diào)試，確保每一級(jí)鏈接沒有發(fā)生錯(cuò)誤。不過，卻發(fā)現(xiàn)另一個(gè)問題，鏈接雖然沒有問題，可是在插入的圖片上添加鏈接時(shí)卻把圖片給裂開了。于是只好把超級(jí)鏈接改為熱點(diǎn)鏈接。

六.收獲與體會(huì)

通過這次網(wǎng)站的制作，我更加熟悉dw的各項(xiàng)功能和操作。對(duì)于建站的流程有了了解。對(duì)于動(dòng)漫方面的知識(shí)也有所了解。