本篇文章給大家談?wù)劸W(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告PPT，以及對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、緊急求一份網(wǎng)頁制作的實(shí)訓(xùn)報(bào)告，希望大家?guī)兔ρ?/a>
• 2、要一份網(wǎng)頁實(shí)訓(xùn)報(bào)告
• 3、網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)總結(jié)

要一份網(wǎng)頁實(shí)訓(xùn)報(bào)告

一、實(shí)習(xí)目的：

通過教學(xué)實(shí)習(xí)掌握站點(diǎn)制作、站點(diǎn)測試與發(fā)布技術(shù)。會(huì)綜合利用Fireworks

、Flash和Dreamweaver三個(gè)軟件進(jìn)行靜態(tài)網(wǎng)站的設(shè)計(jì)。

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

1.用Fireworks處理圖片。對(duì)圖片裁剪、鈍化、高斯模糊。設(shè)置圖片的GIF動(dòng)畫格式，制作標(biāo)題動(dòng)畫。對(duì)文字應(yīng)用效果。利用Fireworks制作導(dǎo)航條并導(dǎo)出格式為html。

2.用Flash制作標(biāo)題動(dòng)畫。首頁中的動(dòng)畫不超過20M。制作按鈕來超級(jí)鏈接到其他頁面。

3.使用Dreamweaver布局視圖，設(shè)置本地站點(diǎn)。在標(biāo)準(zhǔn)視圖和布局視圖模式相互轉(zhuǎn)換。建議使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對(duì)象制作層動(dòng)畫，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動(dòng)畫，使用CSS樣式統(tǒng)一網(wǎng)頁中文字樣式，插入Fireworks中的GIF

文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級(jí)鏈接。

三、具體要求：

1、利用Dreamweaver制作一個(gè)靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個(gè)網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應(yīng)能夠反映一個(gè)簡單的主題。可以選擇制作《個(gè)人網(wǎng)站設(shè)計(jì)》、《企業(yè)網(wǎng)站設(shè)計(jì)》、《文化網(wǎng)站的設(shè)計(jì)》、《娛樂網(wǎng)站設(shè)計(jì)》或者其他自己認(rèn)為適合的網(wǎng)站。

2、 作一個(gè)主頁面，至少5個(gè)次頁面。

3、必須用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有合理的外觀和功能。

4、 主頁基本要求：

　頁頭Logo，準(zhǔn)確無誤地標(biāo)識(shí)站點(diǎn)和企業(yè)標(biāo)志；

　網(wǎng)頁標(biāo)題動(dòng)畫，可以制作成GIF動(dòng)畫或者Flash動(dòng)畫；

　導(dǎo)航條；

　E-mail地址，用來接受用戶垂詢；

　聯(lián)系信息，如普通郵件地址或電話；

　版權(quán)信息。

5、制作一個(gè)表單頁面。

6、某個(gè)頁面有滾動(dòng)字幕。

7、為一個(gè)頁面添加背景音樂。

8、至少添加一種行為效果。

9、整個(gè)網(wǎng)站各頁面之間保持風(fēng)格一致，頁面之間要有合理的超級(jí)鏈接。

10、進(jìn)行站點(diǎn)測試后申請(qǐng)免費(fèi)空間并發(fā)布到網(wǎng)絡(luò)。

四、網(wǎng)站設(shè)計(jì)思路：

本站應(yīng)該算是一個(gè)個(gè)人主頁的小型網(wǎng)站。關(guān)于本站站名的來源：微言微語個(gè)人主頁，因?yàn)椋矣X得這個(gè)網(wǎng)站里面的所有文字都是像一個(gè)人在自言自語，在低聲地向某人訴說著什么，沒有主題，沒有目的。取這個(gè)站名，是做了網(wǎng)站的大概構(gòu)思后才取的，覺得，這個(gè)名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。

個(gè)人主頁，一般都會(huì)包括首頁，相冊，鏈接，一些個(gè)人喜歡的文字加圖片，我的個(gè)人主頁也不例外，包括次首頁（個(gè)人喜歡的的文章加圖片），我的作品（里面包括自己做的三個(gè)FLASH動(dòng)畫），文章（一些自己喜歡的文章），相冊（Firworks處理過的相冊），關(guān)于（關(guān)于自己的文字，關(guān)于本站的一些說明），鏈接（世界著名網(wǎng)站的有關(guān)鏈接），反饋表（瀏覽者信息反饋表）。

五、網(wǎng)站設(shè)計(jì)過程：

把所有的素材都整理好（圖片，文章，相片），開始布局。此站大多數(shù)用的是“三”字型的，三字型是我給它取的名字，因?yàn)椋铋_頭是一張帶有導(dǎo)航條的圖片，用Firworks處理過的HTML文件，中間一大片用于放正文，下面就是版權(quán)信息，E-mail地址用來接受用戶垂詢；聯(lián)系信息，如普通郵件地址或電話，像被分開的三個(gè)部分，所以我叫它三字型。這種布局方式看起來比較的整齊，簡潔美觀。

首頁本想做一個(gè)動(dòng)態(tài)網(wǎng)頁，由于時(shí)間有限所以還沒完全成功。只好用了一張與次頁面一樣的背景圖片做背景，加上從下向上的滾動(dòng)字幕，背景圖片是用Firworks處理過的圖片，大片的灰色墻壁加上顏色艷麗的鈕扣圖案，首頁加了狀態(tài)欄逐字出現(xiàn)的效果，加了“加入收藏”、“設(shè)為首頁”等代碼。

次頁面包括如下些內(nèi)容：首頁、作品、文章、相冊、關(guān)于、鏈接以及反饋表。這些頁面是用模板做的，上面的圖片，導(dǎo)航條以及下面的版權(quán)聯(lián)系方式是不用改變的，都保持著首頁的風(fēng)格，背景圖一樣，字體與樣式一樣，圖片風(fēng)格一樣。中間是兩個(gè)可編輯區(qū)域。

在所有的頁面導(dǎo)航條下面，插入層對(duì)象制作了一個(gè)層動(dòng)畫，來回移動(dòng)的層，里面存放日期，利用行為面板為此層添加了鼠標(biāo)行為，單擊此層，會(huì)出現(xiàn)對(duì)話框，“歡迎您訪問我的個(gè)人主頁！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號(hào)，顏色都統(tǒng)一套用相應(yīng)的樣式。

首頁中添加背景音樂，小說音樂《我在那一角落患過傷風(fēng)》，一邊看慢慢上移的文字，一邊聽這輕柔的音樂，給人一種意境美。其實(shí)次頁面添加《蟲兒飛》，輕快而活潑。首頁禁止右鍵復(fù)制功能，右鍵單擊沒有反應(yīng)。

次首頁，就是進(jìn)入次頁面的第一個(gè)頁面。主題算是與青春有關(guān)的三種感情，三張圖片，用Firworks處理，加上相應(yīng)的文字。要用到兩個(gè)表格，分別放在兩個(gè)可編輯區(qū)域里面，一個(gè)1*2的表格，一個(gè)2*2的表格，第一個(gè)表格放一張有關(guān)于親情的圖片加一小段文字，第二個(gè)表格放一張有關(guān)于友情的圖片加一小段文字,還有一張有關(guān)于愛情的圖片加一小段文字。作品頁面是三個(gè)FLASH動(dòng)畫，第一個(gè)是左右鍵控制的圖片移動(dòng)按鈕，可以單擊來鏈接到主頁面（代碼見附錄），四個(gè)圖片經(jīng)過裁剪、高斯模糊。第二個(gè)是光芒四射（代碼見附錄），要用到ActionScript語言，長短不一的線條加上透明度的改變組成光芒四射。第三個(gè)是鼠標(biāo)跟隨特效（代碼見附錄）。文章頁面，就是簡單的文字頁面，沒有什么特別的。相冊頁面，上面是一個(gè)用Firworks處理后的一組圖片，鼠標(biāo)移到小圖片上，下面做出現(xiàn)相應(yīng)的大相片，中間有少量文字，底部是用FLASH做的一組循環(huán)滾動(dòng)圖片（代碼見附錄），圖片跟著鼠標(biāo)的移動(dòng)而左右移動(dòng)。關(guān)于頁面，也是簡單的文字頁面，沒什么特別的，“個(gè)人簡歷”文字鏈接到WORD文檔“個(gè)人簡歷”(代碼：a

href="my.doc")，下面有個(gè)信息反饋的鏈接，鏈接到有關(guān)的“瀏覽者信息反饋表”，此信息反饋表用表單做的，用到單行文本域，多行文本域，單選框，復(fù)選框，按鍵，此表單可以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁面，前面是我的個(gè)人主頁LOGO，一張用Firworks做的LOGO，并建立有關(guān)鏈接，中間是一些文字，下面是世界著名網(wǎng)頁的有關(guān)網(wǎng)址以及相應(yīng)鏈接。

附錄：源代碼

(1) 狀態(tài)欄逐字出現(xiàn)的效果代碼：

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個(gè)人主頁，請(qǐng)多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼：

onClick="window.external.addFavorite('','微言微語個(gè)人主頁')"---收藏本站br

（3）設(shè)為首頁代碼：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設(shè)為首頁/span/p

（4）滾動(dòng)字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="843bb2e324922042 css"1、真的很喜歡那些記錄多于表達(dá)的人。

br /

…………

…………

183、希望每一個(gè)新的一天，醒來的那個(gè)你都神清氣爽。/span

/p

/div

/p

/marquee

（5）添加背景音樂代碼：

bgsound src="aa.mp3" loop=1

（6）禁止右鍵復(fù)制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵將無任何反應(yīng)

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法復(fù)制//--

/script

style type="text/css"

（7）光芒四射代碼：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠標(biāo)跟隨代碼：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循環(huán)滾動(dòng)圖片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右鍵控制的圖片移動(dòng)按鈕：

on(release)

{getURL("index.html","_blank");}

六、實(shí)訓(xùn)中遇到的難點(diǎn)及解決辦法：

在設(shè)計(jì)開始的時(shí)候，想的太多，不知道怎么開頭，定哪個(gè)主題，背景，色調(diào)，文字，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了，所以我覺得，還是不要想的太多，太復(fù)雜了，不要追求完美，不要做的網(wǎng)頁太多，搞到最后，別人都不知道，你這個(gè)網(wǎng)站的主題是什么了。

還有就是布局的時(shí)候總是不能做到很美觀，后來，我把頁面屬性改了左過距為10，上邊距為10，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來，改變了表格背景圖的灰暗，使網(wǎng)頁的整體看起來更美觀了。

在做CSS樣式表的時(shí)候，做字的顏色的時(shí)候，老是不知道用哪種顏色才搭配的起這個(gè)背景，后來，看到那個(gè)背景的鈕扣顏色與灰色配起來很好看就用吸管取了鈕扣的顏色了。

七、實(shí)訓(xùn)心得：

在我看來，設(shè)計(jì)網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點(diǎn)的時(shí)候，各個(gè)文件夾取名的時(shí)候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

在所有配色當(dāng)中，不同的顏色傳達(dá)著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會(huì)給人帶來視覺上的疲勞。所以，在我下載準(zhǔn)備素材的時(shí)候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實(shí)訓(xùn),我覺得平面設(shè)計(jì)的創(chuàng)意思維、版面設(shè)計(jì)、色彩配置、圖形創(chuàng)意等方面都有很重要，對(duì)于網(wǎng)頁制作來說，我覺得是一個(gè)以多學(xué)科設(shè)計(jì)為基礎(chǔ)，受到包括視覺藝術(shù)、技術(shù)、內(nèi)容的多種影響。網(wǎng)頁設(shè)計(jì)的技術(shù)不算什么困難，真正困難的是網(wǎng)頁的設(shè)計(jì)創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動(dòng)人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。

通過此次實(shí)訓(xùn)，使我對(duì)于網(wǎng)頁制作的三大軟件有了進(jìn)一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對(duì)以前學(xué)過的內(nèi)容進(jìn)行了綜合的復(fù)習(xí)。

通過此次實(shí)訓(xùn)，我更了解到，生活中有許多色彩，搭配顏色的時(shí)候，聯(lián)想到生活中的東西會(huì)做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會(huì)聯(lián)想到做網(wǎng)頁的時(shí)候，還有怎么布局。反正此次實(shí)訓(xùn)收獲很多。

最后，我想，如果此次實(shí)訓(xùn)老師是要我們分組來做的話，也許，我們可以做得更好，因?yàn)?，一個(gè)想的畢竟不全面，而且，一個(gè)人的申美有限，我們可以分工合作，一個(gè)人做一個(gè)方面的東西，也可以根據(jù)他所善長的方面來分工，善長動(dòng)畫制作的人做動(dòng)畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。但是，也許那樣，有些同學(xué)會(huì)懶的動(dòng)手，推著給別人做。

網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)總結(jié)

首先我要做的就是要選擇好題目和網(wǎng)站的風(fēng)格，之后我就分步驟準(zhǔn)備在制作網(wǎng)站前所要做好的準(zhǔn)備工作。我瀏覽了中國美食網(wǎng)的一些特點(diǎn)，借監(jiān)這些網(wǎng)站的優(yōu)秀之處，不好的地方在自己的網(wǎng)站上加以改良，從而使自己的網(wǎng)站更加美觀。

回顧這次課程設(shè)計(jì)，至今我仍感慨頗多。的卻。從選題到開始制作，從理論到實(shí)踐，在實(shí)訓(xùn)機(jī)房日子里，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時(shí)不僅可以鞏固了以前所學(xué)過的知識(shí)，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識(shí)。

在選擇好題目和網(wǎng)站的風(fēng)格之后，我就開始了實(shí)訓(xùn)項(xiàng)目的進(jìn)程，按照實(shí)訓(xùn)方案的規(guī)定，先是將網(wǎng)站的總體策劃以書面的形式展現(xiàn)出來，通過老師審核之后，在相應(yīng)的時(shí)間段找相關(guān)的素材，搜集與主題相關(guān)的文字、圖像等。再是設(shè)計(jì)網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計(jì)首頁及其頁面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。制作首頁、二級(jí)子頁、內(nèi)容頁，創(chuàng)建超級(jí)鏈接。最后就是測試與瀏覽網(wǎng)頁，如果還有什么不理想的地方再改進(jìn)再預(yù)覽，如此反復(fù)，最后達(dá)到最好效果！

在此次網(wǎng)站的設(shè)計(jì)與制作過程中，難免會(huì)遇到過各種各樣的問題，這畢竟是第一次獨(dú)自設(shè)計(jì)網(wǎng)站、制作網(wǎng)站。但值得高興的是：在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固，沒有能完全達(dá)到自己預(yù)期的效果，還好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果……

一周網(wǎng)頁設(shè)計(jì)與制作的實(shí)訓(xùn)課程結(jié)束了，回顧這次課程設(shè)計(jì)實(shí)訓(xùn)，至今我仍感慨頗多。的確，從選材到開始制作，從理論到實(shí)踐，在兩周的實(shí)訓(xùn)日子里，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時(shí)不僅可以鞏固了以前所學(xué)過的知識(shí)，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識(shí)。更懂得并親身體會(huì)到了理論與實(shí)際相結(jié)合的重要性，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。

網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告PPT的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于、網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告PPT的信息別忘了在本站進(jìn)行查找喔。