今天給各位分享網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告的知識(shí)，其中也會(huì)對(duì)網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告內(nèi)容進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

本文目錄一覽：

• 1、要一份網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告
• 2、網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇(2)
• 3、網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)報(bào)告書(shū)
• 4、網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇

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

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

通過(guò)教學(xué)實(shí)習(xí)掌握站點(diǎn)制作、站點(diǎn)測(cè)試與發(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)畫(huà)格式，制作標(biāo)題動(dòng)畫(huà)。對(duì)文字應(yīng)用效果。利用Fireworks制作導(dǎo)航條并導(dǎo)出格式為html。

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

3.使用Dreamweaver布局視圖，設(shè)置本地站點(diǎn)。在標(biāo)準(zhǔn)視圖和布局視圖模式相互轉(zhuǎn)換。建議使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對(duì)象制作層動(dòng)畫(huà)，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動(dòng)畫(huà)，使用CSS樣式統(tǒng)一網(wǎng)頁(yè)中文字樣式，插入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è)簡(jiǎn)單的主題。可以選擇制作《個(gè)人網(wǎng)站設(shè)計(jì)》、《企業(yè)網(wǎng)站設(shè)計(jì)》、《文化網(wǎng)站的設(shè)計(jì)》、《娛樂(lè)網(wǎng)站設(shè)計(jì)》或者其他自己認(rèn)為適合的網(wǎng)站。

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

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

4、 主頁(yè)基本要求：

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

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

　導(dǎo)航條；

　E-mail地址，用來(lái)接受用戶(hù)垂詢(xún)；

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

　版權(quán)信息。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

附錄：源代碼

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

script language="JavaScript"

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

;

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) 首頁(yè)收藏代碼：

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

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

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設(shè)為首頁(yè)/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="c2185609d843bbde css"1、真的很喜歡那些記錄多于表達(dá)的人。

br /

…………

…………

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

/p

/div

/p

/marquee

（5）添加背景音樂(lè)代碼：

bgsound src="aa.mp3" loop=1

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

script language="JavaScript"

!--

document.oncontextmenu=new

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

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無(wú)法復(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ì)開(kāi)始的時(shí)候，想的太多，不知道怎么開(kāi)頭，定哪個(gè)主題，背景，色調(diào)，文字，布局都沒(méi)有頭緒，后來(lái)，開(kāi)始做，而且覺(jué)得越做越有頭緒了，所以我覺(jué)得，還是不要想的太多，太復(fù)雜了，不要追求完美，不要做的網(wǎng)頁(yè)太多，搞到最后，別人都不知道，你這個(gè)網(wǎng)站的主題是什么了。

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

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

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

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

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

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

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇(2)

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文4

上周，也就是5月31日到6月4日的五天里，我們電商專(zhuān)業(yè)進(jìn)行了為期五天的網(wǎng)頁(yè)制作實(shí)訓(xùn)。

在機(jī)房里待了一個(gè)星期，雖然生理反應(yīng)不大，但是還是不好受。原本以為是實(shí)訓(xùn)比平時(shí)上課要舒服多了吧，但是這一個(gè)星期下來(lái)差點(diǎn)沒(méi)被累死，比平時(shí)上課還疼苦。但是在這實(shí)訓(xùn)的一星期里我的收獲還是很多的。

第一、從這次實(shí)訓(xùn)當(dāng)中我深刻的體會(huì)到理論知識(shí)的重要性，只有在自己熟練理論知識(shí)后再能在實(shí)踐中游刃有余，才不會(huì)出現(xiàn)“書(shū)到用時(shí)方恨少”的尷尬體會(huì)。

第二、實(shí)訓(xùn)中我印象最深的是對(duì)各種網(wǎng)頁(yè)制作工具的使用不熟練，甚至還有個(gè)別不會(huì)用的，只是自己想要做個(gè)圖片或圖標(biāo)等都做不好，其心情想而知。所以對(duì)這些網(wǎng)頁(yè)是做工具的使用都要練習(xí)。

第三、集體協(xié)作是我又一個(gè)體會(huì)。這次網(wǎng)頁(yè)制作由于某些原因我一個(gè)人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網(wǎng)站設(shè)計(jì)和制作上也略顯粗糙和不足，正所謂：你有一個(gè)思想，我有一個(gè)思想，分享后我們就都有兩個(gè)思想。所以與同學(xué)合作是很有必要的。

總之，這5天里自己雖然很累，但是自己的收獲也是很不小的，所以我也是很開(kāi)心的。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文5

實(shí)訓(xùn)的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點(diǎn)眼淚。但這并沒(méi)有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動(dòng)、高興。我不是天才，有些知識(shí)不會(huì)。查書(shū)，問(wèn)同學(xué)，找代碼等等，時(shí)間飛速的流逝著，有些學(xué)會(huì)了，但仍然有不會(huì)的。

我們的小組從開(kāi)始就產(chǎn)生了分歧，網(wǎng)站主題不一致。直到制作網(wǎng)站的第三天，我們才達(dá)成共識(shí)，兩方各退一步。還好，大家做出來(lái)的效果差不多，接下來(lái)的幾天大家一起努力制作網(wǎng)頁(yè)。遇到問(wèn)題了，互相討論，找出解決的方法，解決不了的就找人問(wèn)。

在規(guī)劃網(wǎng)站結(jié)構(gòu)前，我們?cè)诨ヂ?lián)網(wǎng)上大量的尋找網(wǎng)站布局規(guī)劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話(huà)不斷說(shuō)出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調(diào)意思及顏色搭配。制作的過(guò)程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網(wǎng)頁(yè)。

選取素材，一個(gè)個(gè)的挑，看的越多也變得越難選，好多與自己想要的想差太遠(yuǎn)，找的眼都花了，還是得找。磨練又一次的來(lái)了，堅(jiān)持吧，努力吧，找完就好了。

制作網(wǎng)頁(yè)，一遍遍的改。不對(duì)、不對(duì)，顏色不搭，不能突出主題，瀏覽出來(lái)的結(jié)構(gòu)不搭，改吧。累啊，煩呢，還是得繼續(xù)做。做網(wǎng)站是即使出現(xiàn)再多的錯(cuò)誤，也要堅(jiān)持做，耐心點(diǎn)，做好做完就好了，就輕松了。

我們經(jīng)常在嘴邊掛著要有“團(tuán)隊(duì)合作理念”，但行動(dòng)起來(lái)時(shí)，有些人還是會(huì)忘記，也許是固執(zhí)，也許是其他原因。遇到這種情況時(shí)，要有人站出來(lái)調(diào)節(jié)，盡快解決矛盾，否者會(huì)影響整體的工作進(jìn)程，彼此不高興。制作網(wǎng)頁(yè)不協(xié)調(diào)，影響質(zhì)量。

我們這次實(shí)訓(xùn)的目的及要求是：以小組為單位，合作完成從確定網(wǎng)站主題、規(guī)劃網(wǎng)站結(jié)構(gòu)、選取網(wǎng)頁(yè)素材、到制作網(wǎng)頁(yè)內(nèi)容等步驟，從而掌握網(wǎng)站建設(shè)的全流程。同時(shí)，培養(yǎng)團(tuán)隊(duì)協(xié)作精神，提高綜合運(yùn)用所學(xué)分析、解決實(shí)際問(wèn)題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的轉(zhuǎn)化。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文6

從學(xué)校 畢業(yè) 后，我第一次步入了社會(huì)，從此開(kāi)始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷(xiāo)售、接待的工作，只有技術(shù)類(lèi)的工作，少說(shuō)多干的活適合我，這個(gè)我很清楚。現(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作肯定不會(huì)太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁(yè)設(shè)計(jì)的工作?，F(xiàn)將我在工作中的情況 報(bào)告 如下。

一、工作介紹

我工作的這家公司，從事網(wǎng)站開(kāi)發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶(hù)接恰生意的，有專(zhuān)門(mén)做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺(tái)、后臺(tái)開(kāi)發(fā)，我在學(xué)校主要做的是后臺(tái)開(kāi)發(fā)，當(dāng)然前臺(tái)設(shè)計(jì)工作也還算熟練，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開(kāi)發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過(guò)cms軟件就可以進(jìn)行開(kāi)發(fā)。但是有個(gè)別的網(wǎng)站開(kāi)發(fā)時(shí)，我們還是需要進(jìn)行一些手寫(xiě)代碼工作的。

二、開(kāi)發(fā)技術(shù)

做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。

在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類(lèi)在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。

像我這個(gè)組常用的是css+div排版，后臺(tái)使用php技術(shù)進(jìn)行開(kāi)發(fā)，服務(wù)器平臺(tái)采用，linux+apache+mysql+php,這種lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過(guò)時(shí)了，現(xiàn)在大部分網(wǎng)站都開(kāi)始了重新構(gòu)架，所以都采用css+div進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫(xiě)一些小模塊?；蛘哂胘avascript寫(xiě)一些特效小代碼。

三、工作流程

小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開(kāi)發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫(xiě)工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術(shù)。編寫(xiě)代碼這種工作看起來(lái)有些枯燥，其實(shí)時(shí)間長(zhǎng)了以后，還真有點(diǎn)厭煩，但是后來(lái)我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會(huì)有價(jià)值感，才會(huì)對(duì)自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強(qiáng)學(xué)習(xí)，這所謂：找出不會(huì)的地方，學(xué)會(huì)它，你就變的強(qiáng)大了。

php是現(xiàn)在比較流行的一種網(wǎng)站開(kāi)發(fā)技術(shù)，由于它是開(kāi)源的免費(fèi)代碼，并因良好的跨平臺(tái)性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過(guò)，我覺(jué)得從簡(jiǎn)單處做起也挺好的，但是我在寫(xiě)代碼時(shí)，還是經(jīng)常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面經(jīng)常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來(lái)我才發(fā)現(xiàn)，原來(lái)只是一個(gè)小錯(cuò)誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開(kāi)發(fā)工作，一定要細(xì)心，否則就會(huì)給自己和別人帶來(lái)麻煩。

四、安全檢查

安全檢查是很重要的一個(gè)環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門(mén)和窗不結(jié)實(shí)，那這種就必然不會(huì)安全的了。頁(yè)站的制做也是同樣的道理，在安全方面，有一個(gè)地方是和開(kāi)發(fā)人員有很大的關(guān)系的。因?yàn)殚_(kāi)發(fā)人員技術(shù)的高低決定了網(wǎng)站的安全性，有些人員在一些環(huán)節(jié)上的疏漏，很有可能導(dǎo)致網(wǎng)站在實(shí)際使用時(shí)，遭到黑客攻擊，如果造成了經(jīng)濟(jì)損失就無(wú)法挽救了。

所以，我們每個(gè)人在將各自的工作完成以后，組長(zhǎng)和其它專(zhuān)門(mén)的技術(shù)人員會(huì)對(duì)網(wǎng)站的安全性進(jìn)行測(cè)試，找出存在的漏洞，然后加以修改。以使它的安全性達(dá)到最高最穩(wěn)定的狀態(tài)。

在公司進(jìn)行實(shí)習(xí)工作的這段時(shí)間，我在個(gè)人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨(dú)檔一面了，做一些難度比較大的工作，我通過(guò)優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對(duì)自己的表現(xiàn)感到滿(mǎn)意，最重要的是我給自己的學(xué)校爭(zhēng)了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習(xí)，要加強(qiáng)和別人的溝通能力。使自己變的更好，為國(guó)家為社會(huì)做出更多的貢獻(xiàn)。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇相關(guān) 文章 ：

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)3篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)總結(jié)

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)感想

★ 學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的總結(jié)

★ 有關(guān)網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告心得體會(huì)

網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)報(bào)告書(shū)

網(wǎng)站項(xiàng)目管理規(guī)范

一.概念

網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開(kāi)發(fā)任務(wù)。

二.需求分析

1.項(xiàng)目立項(xiàng)

我們接到客戶(hù)的業(yè)務(wù)咨詢(xún)，經(jīng)過(guò)雙方不斷的接洽和了解，并通過(guò)基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專(zhuān)門(mén)的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁(yè)設(shè)計(jì)，程序員，測(cè)試員，編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制。

2.客戶(hù)的需求說(shuō)明書(shū)

第一步是需要客戶(hù)提供一個(gè)完整的需求說(shuō)明。很多客戶(hù)對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問(wèn)客戶(hù)：“您做網(wǎng)站的目的是什么？”他回答：“沒(méi)有目的，只是因?yàn)閯e人都有，我沒(méi)有！”。這樣的客戶(hù)就需要耐心說(shuō)明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶(hù)寫(xiě)一份詳細(xì)的，完整的需求說(shuō)明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶(hù)滿(mǎn)意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說(shuō)明不可能有高質(zhì)量的網(wǎng)站。那么需求說(shuō)明書(shū)要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡(jiǎn)單說(shuō)，包含下面幾點(diǎn)：

1.正確性：每個(gè)功能必須清楚描寫(xiě)交付的功能；

2.可行性：確保在當(dāng)前的開(kāi)發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求；

3.必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開(kāi)支情況發(fā)生時(shí)"砍"掉；

4.簡(jiǎn)明性：不要使用專(zhuān)業(yè)的網(wǎng)絡(luò)術(shù)語(yǔ)；

5.檢測(cè)性：如果開(kāi)發(fā)完畢，客戶(hù)可以根據(jù)需求檢測(cè)。

三.系統(tǒng)分析

1.網(wǎng)站總體設(shè)計(jì)

在拿到客戶(hù)的需求說(shuō)明后，并不是直接開(kāi)始制作，而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)，出一份網(wǎng)站建設(shè)方案給客戶(hù)?？傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定：

1.網(wǎng)站需要實(shí)現(xiàn)哪些功能；

2.網(wǎng)站開(kāi)發(fā)使用什么軟件，在什么樣的硬件環(huán)境；

3.需要多少人，多少時(shí)間；

4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。

同時(shí)需要寫(xiě)一份總體規(guī)劃說(shuō)明書(shū)，包括：

1.網(wǎng)站的欄目和版塊；

2.網(wǎng)站的功能和相應(yīng)的程序；

3.網(wǎng)站的鏈接結(jié)構(gòu)；

4.如果有數(shù)據(jù)庫(kù)，進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì)；

5.網(wǎng)站的交互性和用戶(hù)友好設(shè)計(jì)。

2.網(wǎng)站建設(shè)方案

在總體設(shè)計(jì)出來(lái)后，一般需要給客戶(hù)一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(yè)務(wù)時(shí)就被客戶(hù)要求提供方案。那時(shí)的方案一般比較籠統(tǒng)，而且在客戶(hù)需求不是十分明確的情況下提交方案，往往和實(shí)際制作后的結(jié)果會(huì)有很大差異。所以應(yīng)該盡量取得客戶(hù)的理解，在明確需求并總體設(shè)計(jì)后提交方案，這樣對(duì)雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個(gè)部分：

1.客戶(hù)情況分析；

2.網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；

3.網(wǎng)站形象說(shuō)明；

4.網(wǎng)站的欄目版塊和結(jié)構(gòu)；

5.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；

6.使用軟件，硬件和技術(shù)分析說(shuō)明；

7.開(kāi)發(fā)時(shí)間進(jìn)度表；

8.宣傳推廣方案；

9.維護(hù)方案；

10.制作費(fèi)用；

11.本公司簡(jiǎn)介：成功作品，技術(shù)，人才說(shuō)明等。

當(dāng)您的方案通過(guò)客戶(hù)的認(rèn)可，您可以開(kāi)始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計(jì)：

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

總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問(wèn)題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開(kāi)發(fā)部分來(lái)說(shuō)的。但這個(gè)階段的不是真正編寫(xiě)程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說(shuō)明。這種規(guī)格說(shuō)明的作用很類(lèi)似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫(xiě)出實(shí)際的程序代碼。

四. 項(xiàng)目實(shí)施

1.整體形象設(shè)計(jì)

在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)師開(kāi)始設(shè)計(jì)網(wǎng)站的整體形象和首頁(yè)。

整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語(yǔ)等。 首頁(yè)設(shè)計(jì)包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。首頁(yè)一般設(shè)計(jì)1-3個(gè)不同風(fēng)格，完成后，供客戶(hù)選擇。

記?。涸诳蛻?hù)確定首頁(yè)風(fēng)格之后，請(qǐng)客戶(hù)簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng)，否則視為第二次設(shè)計(jì)。

開(kāi)發(fā)制作

2.開(kāi)發(fā)制作

到這里，程序員和網(wǎng)頁(yè)設(shè)計(jì)師同時(shí)進(jìn)入全力開(kāi)發(fā)階段，需要提醒的是，測(cè)試人員需要隨時(shí)測(cè)試網(wǎng)頁(yè)與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測(cè)試，這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁(yè)設(shè)計(jì)師的工作。

調(diào)試完善

3.調(diào)試完成

在網(wǎng)站初步完成后，上傳到服務(wù)器，對(duì)網(wǎng)站進(jìn)行全范圍的測(cè)試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測(cè)試等，發(fā)現(xiàn)問(wèn)題及時(shí)解決并記錄下來(lái)。

為什么要記錄文檔呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過(guò)不斷的發(fā)現(xiàn)問(wèn)題，解決問(wèn)題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來(lái)越規(guī)范，越來(lái)越工業(yè)化。進(jìn)而使得網(wǎng)站開(kāi)發(fā)趨向規(guī)范，趨向合理。

4.宣傳推廣

宣傳推廣的基本方法有：

1.網(wǎng)頁(yè)里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；

2.各搜索引擎登錄；

3.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表；

4.合理使用Email郵件列表；

5.廣告條交換；

6.付費(fèi)廣告。

至此，網(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說(shuō)明文檔等提交客戶(hù)驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。

五.維護(hù)

網(wǎng)站成功推出后，長(zhǎng)期的維護(hù)工作才剛剛開(kāi)始，需要做到的是:

1.及時(shí)響應(yīng)客戶(hù)反饋；例如可以采取Email自動(dòng)回復(fù)功能，然后在1-3個(gè)工作日里解決問(wèn)題，再次回復(fù)；

2.網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對(duì)策；

3.盡量推廣和使用您的網(wǎng)址；

4.網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù)。

六.遵循的規(guī)范

1.網(wǎng)站建設(shè)目錄規(guī)范

2.網(wǎng)站文件命名規(guī)范

3.網(wǎng)站建設(shè)尺寸規(guī)范

4.網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范

5.網(wǎng)站連接結(jié)構(gòu)規(guī)范

網(wǎng)站開(kāi)發(fā)規(guī)范

任何一個(gè)項(xiàng)目或者系統(tǒng)開(kāi)發(fā)之前都需要定制一個(gè)開(kāi)發(fā)約定和規(guī)則，這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項(xiàng)目開(kāi)發(fā)的分散性、獨(dú)立性、整合的交互性等，所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則，包括組件團(tuán)隊(duì)、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫(kù)設(shè)計(jì)約定。這些規(guī)則和約定需要與開(kāi)發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制，將來(lái)開(kāi)發(fā)都將嚴(yán)格按規(guī)則或約定開(kāi)發(fā)。每個(gè)團(tuán)隊(duì)開(kāi)發(fā)都應(yīng)有自己的一套規(guī)范，一個(gè)優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍，這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對(duì)與錯(cuò)，也許有些地方與你當(dāng)前使用的習(xí)慣相駁，很多地方都有爭(zhēng)議。。

非常明顯在Web項(xiàng)目開(kāi)發(fā)中有前后臺(tái)開(kāi)發(fā)之分，前臺(tái)開(kāi)發(fā)主要是指非程序編程部分，主要職責(zé)是網(wǎng)站AI設(shè)計(jì)、界面設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)等。而后臺(tái)開(kāi)發(fā)主要是編程和網(wǎng)站運(yùn)行平臺(tái)搭建，其主要職責(zé)是設(shè)計(jì)網(wǎng)站數(shù)據(jù)庫(kù)和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來(lái)定制的，這些規(guī)范是工作中總結(jié)的一點(diǎn)經(jīng)驗(yàn)，本文檔比較適合中小型網(wǎng)站或者Web項(xiàng)目的開(kāi)發(fā)規(guī)范。

一．組建開(kāi)發(fā)團(tuán)隊(duì)

在接手項(xiàng)目后的第一件事是組建團(tuán)隊(duì)。根據(jù)項(xiàng)目的大小團(tuán)隊(duì)可以有幾十人，也有可以是只有幾個(gè)人的小團(tuán)隊(duì)，在團(tuán)隊(duì)劃分中應(yīng)該含有6個(gè)角色，這6個(gè)角色是必須的，分別是項(xiàng)目經(jīng)理，策劃，美工，程序員，代碼整合員，測(cè)試員。也許你的團(tuán)隊(duì)還沒(méi)有6個(gè)人，沒(méi)有關(guān)系一個(gè)人可以有多個(gè)角色，比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色，如程序員還可以含有代碼整合和測(cè)試這2個(gè)角色，如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組，每個(gè)組分工再來(lái)細(xì)分。下面簡(jiǎn)單介紹一下這6個(gè)角色的具體職責(zé)。

項(xiàng)目經(jīng)理，項(xiàng)目總體設(shè)計(jì)，開(kāi)發(fā)進(jìn)度的定制和監(jiān)控，定制相應(yīng)的開(kāi)發(fā)規(guī)范，負(fù)責(zé)各個(gè)環(huán)節(jié)的評(píng)審工作，協(xié)調(diào)各個(gè)成員(小組)之間開(kāi)發(fā)。策劃，提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工，根據(jù)策劃和需求設(shè)計(jì)網(wǎng)站AI，界面，Logo等。程序員，根據(jù)項(xiàng)目總體設(shè)計(jì)來(lái)設(shè)計(jì)數(shù)據(jù)庫(kù)和功能模塊的實(shí)現(xiàn)。代碼整合員，負(fù)責(zé)將程序員的代碼和界面融合到一起，代碼整合員可以制作網(wǎng)站的相關(guān)頁(yè)面，測(cè)試員，負(fù)責(zé)測(cè)試程序。

二．開(kāi)發(fā)工具

Web開(kāi)發(fā)工具主要分為3部分，第一部分是網(wǎng)站前臺(tái)開(kāi)發(fā)工具，第二部分是網(wǎng)站后臺(tái)開(kāi)發(fā)環(huán)境，第三部分是項(xiàng)目管理和輔助軟件。下面分別簡(jiǎn)單介紹這三部分需要使用的軟件。

網(wǎng)站前臺(tái)開(kāi)發(fā)主要是指Web界面設(shè)計(jì)。包括網(wǎng)站整體框架建立、常用圖片、Flash動(dòng)畫(huà)設(shè)計(jì)等等，主要使用的相關(guān)軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

網(wǎng)站后臺(tái)開(kāi)發(fā)主要指網(wǎng)站動(dòng)態(tài)程序開(kāi)發(fā)、數(shù)據(jù)庫(kù)建模，主要使用的相關(guān)軟件是： PowerDesigner（數(shù)據(jù)庫(kù)建模），PowerDesigner在數(shù)據(jù)庫(kù)設(shè)計(jì)方面應(yīng)用非常強(qiáng)大，用它可以快速創(chuàng)建數(shù)據(jù)庫(kù)概念和物理模型，我最喜歡的還是它生成數(shù)據(jù)庫(kù)Report的功能太方便了，設(shè)計(jì)數(shù)據(jù)庫(kù)強(qiáng)烈推薦用它。Rational Rose（程序建模），如果你的項(xiàng)目功能模塊不是特別復(fù)雜那就剩了它吧，這樣會(huì)節(jié)省一些時(shí)間和開(kāi)發(fā)的復(fù)雜度，不過(guò)我個(gè)人認(rèn)為不管是大項(xiàng)目還是小項(xiàng)目都應(yīng)該畫(huà)畫(huà)Rose圖。

網(wǎng)站項(xiàng)目管理主要指對(duì)開(kāi)發(fā)進(jìn)度和代碼版本的控制。開(kāi)發(fā)進(jìn)度用Microsoft Project來(lái)制定，代碼版本控制采用Visual SourceSafe，當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測(cè)試采用VS.net的附帶工具M(jìn)icrosoft Application Center Test，它可以進(jìn)行并行、負(fù)載測(cè)試等。程序文檔編寫(xiě)采用Word，用WPS也可以。

三.網(wǎng)站開(kāi)發(fā)流程

在項(xiàng)目開(kāi)始實(shí)施之前應(yīng)該有一個(gè)工作步驟也就是工作流程，在項(xiàng)目開(kāi)發(fā)中最需要時(shí)間的是總體設(shè)計(jì)和系統(tǒng)測(cè)試，而程序編寫(xiě)代碼所占的時(shí)間并不多，但有的團(tuán)隊(duì)就急于開(kāi)發(fā)寫(xiě)代碼，先把程序?qū)懗鰜?lái)再說(shuō)，沒(méi)有注重評(píng)審和測(cè)試這2個(gè)環(huán)節(jié)，結(jié)果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來(lái)了不要急于開(kāi)工寫(xiě)代碼，應(yīng)該一步一步慢慢來(lái)，只有走的慢才能走得穩(wěn)走得遠(yuǎn)。圖1的開(kāi)發(fā)流程比較好地體現(xiàn)開(kāi)發(fā)的整個(gè)環(huán)節(jié)。

圖 1

從圖1可以看到2條主線(xiàn)，這2條主線(xiàn)分別是前臺(tái)開(kāi)發(fā)和后臺(tái)開(kāi)發(fā)。前后臺(tái)開(kāi)發(fā)在項(xiàng)目開(kāi)發(fā)早期互相沒(méi)有交叉，當(dāng)然不是絕對(duì)沒(méi)有，Web策劃和需求分析都是互相有關(guān)系的，一個(gè)是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個(gè)是網(wǎng)站功能的策劃，它們是衣服和軀干的關(guān)系。到了開(kāi)發(fā)后期就需要把界面和功能模塊結(jié)合起來(lái)形成一個(gè)統(tǒng)一，也就即將發(fā)布的網(wǎng)站。

四．?dāng)?shù)據(jù)庫(kù)開(kāi)發(fā)規(guī)范

數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類(lèi)型，比如系統(tǒng)名為kupage,則數(shù)據(jù)庫(kù)文件命名為kupage_database.mdf，有的數(shù)據(jù)庫(kù)文件有多個(gè)，比如SQL Server就有2個(gè)，一個(gè)是數(shù)據(jù)庫(kù)文件，另一個(gè)是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫(xiě)。

數(shù)據(jù)庫(kù)表命名規(guī)范，表名長(zhǎng)度不能超過(guò)30個(gè)字符，表名中含有單詞全部采用單數(shù)形式，單詞首寫(xiě)字母要大寫(xiě)，多個(gè)單詞間不用任何連接符號(hào)。若庫(kù)中有多個(gè)系統(tǒng)，表名采用系統(tǒng)名稱(chēng)+單詞或多個(gè)單詞，系統(tǒng)名是開(kāi)發(fā)系統(tǒng)的縮寫(xiě)，系統(tǒng)名稱(chēng)全部采用小寫(xiě)英文字符,如bbsTitle,bbsForumType。若庫(kù)中只含有一個(gè)系統(tǒng)，那么表名僅用一個(gè)單詞或多個(gè)單詞。單詞選擇能夠概括表內(nèi)容的一個(gè)或多個(gè)英文單詞，如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫(xiě)，如：Re_User_ArticleType, Re_User_FormType。

數(shù)據(jù)庫(kù)字段命名規(guī)范，數(shù)據(jù)庫(kù)字段名全部采用小寫(xiě)英文單詞，單詞之間用”_”隔開(kāi)，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個(gè)單詞，別名就取單詞的前4 個(gè)字母；如果表名是兩個(gè)單詞，就各取兩個(gè)單詞的前兩個(gè)字母組成4 個(gè)字母長(zhǎng)的別名；如果表的名字由3 個(gè)單詞組成，你不妨從頭兩個(gè)單詞中各取一個(gè)然后從最后一個(gè)單詞中再取出兩個(gè)字母，結(jié)果還是組成4 字母長(zhǎng)的別名。

視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個(gè)視圖由幾個(gè)表產(chǎn)生就用”_”連接幾個(gè)表的名，如果表過(guò)多可以將表名適當(dāng)簡(jiǎn)化，但一定要列出所有表名。

存儲(chǔ)過(guò)程命名規(guī)則P_表名_存取過(guò)程名(縮寫(xiě))，比如P_User_Del，P_ArticleType_AddData。

SQL語(yǔ)句編寫(xiě)規(guī)則，關(guān)鍵字必須大寫(xiě)，其他書(shū)寫(xiě)按上述命名規(guī)則，比如：

SELECT user_id, user_name FROM User WHERE user_id = ‘tom’

五．文件夾文件名命名規(guī)范

文件夾命名一般采用英文，長(zhǎng)度一般不超過(guò)20個(gè)字符，命名采用小寫(xiě)字母。除特殊情況才使用中文拼音，一些常見(jiàn)的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。

文件名稱(chēng)統(tǒng)一用小寫(xiě)的英文字母、數(shù)字和下劃線(xiàn)的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義，二是當(dāng)我們?cè)谖募A中使用“按名稱(chēng)排例”的命令時(shí)，同一種大類(lèi)的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作 。

1、圖片的命名原則名稱(chēng)分為頭尾兩部分，用下劃線(xiàn)隔開(kāi)，頭部分表示此圖片的大類(lèi)性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等。

放置在頁(yè)面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片取名： banner

標(biāo)志性的圖片取名為： logo

在頁(yè)面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button

在頁(yè)面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu

裝飾用的照片我們?nèi)∶?pic

不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?title

下面是幾個(gè)范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。

2、動(dòng)態(tài)語(yǔ)言文件命名規(guī)則性質(zhì)_描述，描述可以有多個(gè)單詞，用”_”隔開(kāi)，性質(zhì)一般是該頁(yè)面得概要。

范例：register_form.asp，register_post.asp,topic_lock.asp

六．程序代碼編程規(guī)范

一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù)，代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無(wú)需定義就可以直接使用，而且代碼不區(qū)分大小寫(xiě)。但其他語(yǔ)言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫(xiě)代碼務(wù)必按照一下規(guī)則。

1、每個(gè)變量名必須定義，在ASP文件的最開(kāi)始添加語(yǔ)句，強(qiáng)制定制每個(gè)變量。

2、出于易讀和一致性的目的，在代碼中使用以下變量命名約定：

子類(lèi)型 前綴 示例

Boolean bln blnFound

Byte byt bytRasterData

Date (Time) dtm dtmStart

Double dbl dblTolerance

Error err errOrderNum

Integer int intQuantity

Long lng lngDistance

Object obj objCurrent

Single sng sngAverage

String str strFirstName

3、程序代碼需要有縮進(jìn)，縮進(jìn)采用鍵盤(pán)Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時(shí)需要左右空一格，如下：

4、函數(shù)過(guò)程編寫(xiě)的約定。函數(shù)或者過(guò)程命名采用動(dòng)作+名詞，每個(gè)函數(shù)需要給出相應(yīng)的注釋?zhuān)瘮?shù)功能，傳入變量，以及作者和修改相關(guān)信息。如下面函數(shù):

%

'[功能] 返回一個(gè)參數(shù)的值

'[參數(shù)] strParameterName 參數(shù)名稱(chēng)

'[作者] icefire 2002/8/20 am

Function GetParameterValue(strParameterName)

Dim objRS, strSQL, strParameterValue

strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" strParameterName "'"

.

.

.

GetParameterValue = strParameterValue

Set objRS = Nothing

End Function

5、ASP內(nèi)置對(duì)象區(qū)分大小寫(xiě)。如下代碼片斷

strUserName = Request.Form(“UserName”)

Set conn = Server.CreateObject("ADODB.Connection")

6、數(shù)據(jù)庫(kù)連接一個(gè)庫(kù)只能有一個(gè)數(shù)據(jù)庫(kù)連接文件，創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象得原則是盡可能晚地打開(kāi)數(shù)據(jù)庫(kù)，盡可能早地關(guān)閉數(shù)據(jù)庫(kù)。創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象調(diào)用統(tǒng)一地創(chuàng)建函數(shù)。如下：

Sub OpenConn(ByRef conn)

Dim strDBPath, strDBConnection

strDBPath = Server.MapPath("database/tax.mdb")

strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" strDBPath

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open strDBConnnection

End Sub

7、當(dāng)一個(gè)對(duì)象不在使用時(shí)要釋放對(duì)象資源，比如objFSO,objRS對(duì)象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下：

Sub CloseObj(ByRef obj)

If IsObject(obj) Then

obj.Close

Set obj = nothing

End If

End Sub

8、時(shí)間全部以字符串的形式保存到數(shù)據(jù)庫(kù)中，這樣做能夠是日期在不同的數(shù)據(jù)庫(kù)中都能良好地保存，也方便數(shù)據(jù)庫(kù)地遷移。時(shí)間用14位字符串保存，日期用8位字符串保存。

七．網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范

head區(qū)是指首頁(yè)HTML代碼的head和/head之間的內(nèi)容。 必須加入的標(biāo)簽

1.公司版權(quán)注釋

!--- The site is designed by Maketown,Inc 06/2004 ---

2.網(wǎng)頁(yè)顯示字符集

簡(jiǎn)體中文：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"

繁體中文：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"

英 語(yǔ)：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"

3.網(wǎng)頁(yè)制作者信息

META name="author" content="webmaster@maketown.com"

4.網(wǎng)站簡(jiǎn)介

META NAME="DESCRIPTION" CONTENT="本站是一個(gè)醫(yī)療站點(diǎn)…"

5.搜索關(guān)鍵字

META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"

6.網(wǎng)頁(yè)的css規(guī)范

LINK href="style/style.css" rel="stylesheet" type="text/css"

(參見(jiàn)目錄及命名規(guī)范)

7.網(wǎng)頁(yè)標(biāo)題

titlexxxxxxxxxxxxxxxxxx/title

8.可以選擇加入的標(biāo)簽

1.設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新調(diào)閱。

META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

3.用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。

META HTTP-EQUIV="Window-target" CONTENT="_top"

4.自動(dòng)跳轉(zhuǎn)。

META HTTP-EQUIV="Refresh" CONTENT="5;URL=" 5指時(shí)間停留5秒。

5.網(wǎng)頁(yè)搜索機(jī)器人向?qū)?用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。

META NAME="robots" CONTENT="none"

CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。

6.收藏夾圖標(biāo)

link rel = "Shortcut Icon" href="favicon.ico"

所有的javascript的調(diào)用盡量采取外部調(diào)用.

SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"/SCRIPT

附body標(biāo)簽：

body標(biāo)簽不屬于head區(qū)，這里強(qiáng)調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁(yè)面背景body bgcolor="#FFFFFF"

八．網(wǎng)站建設(shè)尺寸規(guī)范

1. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px

2. 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏

3. 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸

4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px

5. 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸

6. 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得一：

這兩個(gè)星期是我們的網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)時(shí)間，這正是考驗(yàn)我們實(shí)力的時(shí)候了。

經(jīng)過(guò)一個(gè)學(xué)期的網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，我們的專(zhuān)業(yè)基礎(chǔ)更加扎實(shí)了，我們對(duì)于自己的專(zhuān)業(yè)學(xué)習(xí)更加有信心了。一開(kāi)始對(duì)于網(wǎng)站設(shè)計(jì)我是抱著好奇以及興趣認(rèn)真地學(xué)習(xí)，剛開(kāi)始接觸網(wǎng)頁(yè)設(shè)計(jì)會(huì)覺(jué)得很神奇，平時(shí)上網(wǎng)接觸到的網(wǎng)頁(yè)可以通過(guò)自己的努力來(lái)建成。一心想著設(shè)計(jì)一個(gè)美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對(duì)于我這種初學(xué)者，有這種天真的夢(mèng)想促使我更努力的學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)。

平時(shí)老師授課，講解了有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的理論知識(shí)以及實(shí)際操作的示范。網(wǎng)頁(yè)設(shè)計(jì)更著重于實(shí)際操作，我們?cè)跈C(jī)房通過(guò)每次上課的學(xué)習(xí)運(yùn)用，已經(jīng)有了一定的基礎(chǔ)。一開(kāi)始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來(lái)每個(gè)人在設(shè)計(jì)自己的網(wǎng)頁(yè)時(shí)都有自己的人個(gè)人風(fēng)格，這就是網(wǎng)頁(yè)設(shè)計(jì)的樂(lè)趣。他不僅可以激發(fā)同學(xué)們的興趣，還可以把自己的風(fēng)格更大膽地展示出來(lái)，是一個(gè)可以展示自我的空間，使我們更有成就感。

這兩個(gè)星期我們實(shí)訓(xùn)課讓我們更清楚地認(rèn)識(shí)到自己的建站水平。實(shí)訓(xùn)任務(wù)是建立自己班級(jí)的網(wǎng)站，剛開(kāi)始覺(jué)得兩個(gè)星期足夠我們?nèi)ソǔ梢粋€(gè)網(wǎng)站，但是我們都太高估我們自己了。一開(kāi)始設(shè)計(jì)網(wǎng)站時(shí)不知道從何下手，之前老師上課講的知識(shí)一時(shí)不知道怎么靈活運(yùn)用起來(lái)，我才發(fā)覺(jué)對(duì)我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設(shè)計(jì)都需要比較長(zhǎng)的時(shí)間去思考以及翻查書(shū)本。但是同學(xué)們都很積極地向老師提問(wèn)，把自己存在的問(wèn)題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時(shí)半桶水的聽(tīng)課方式給改掉。在這次的網(wǎng)站建設(shè)過(guò)程中，我發(fā)現(xiàn)自己對(duì)于知識(shí)不能靈活運(yùn)用，不能巧妙地結(jié)合起來(lái)，對(duì)代碼的不熟悉，這更加是一個(gè)大問(wèn)題。建站過(guò)程中會(huì)遇到代碼出錯(cuò)，代碼位置寫(xiě)錯(cuò)之類(lèi)的問(wèn)題，當(dāng)測(cè)試的時(shí)候出現(xiàn)了錯(cuò)誤但是不能看懂出錯(cuò)原因，只能靠網(wǎng)上搜索。因?yàn)閷?duì)于這種程序的東西我會(huì)比較抗拒，從小就不喜歡思維性太強(qiáng)的學(xué)習(xí)，所以建站會(huì)遇到比較多這種問(wèn)題，但是我只能積極去面對(duì)才能完成任務(wù)，畢竟這是我的專(zhuān)業(yè)，為了專(zhuān)業(yè)而專(zhuān)業(yè)，不能說(shuō)不喜歡就不愿意去學(xué)，這次實(shí)訓(xùn)我反省了自身的存在問(wèn)題。我們建立網(wǎng)站的時(shí)候都發(fā)揮自己的創(chuàng)新力、 想象力 ，用心地完成這個(gè)大項(xiàng)目。會(huì)遇到很多的問(wèn)題，經(jīng)常因?yàn)橐粋€(gè)細(xì)小的步驟而出錯(cuò)，做動(dòng)態(tài)網(wǎng)頁(yè)的時(shí)候會(huì)遇到更多類(lèi)似的問(wèn)題，通常都會(huì)花費(fèi)我很多時(shí)間來(lái)解決出錯(cuò)原因。打個(gè)比方，我會(huì)一個(gè)上午都在弄留言板，因?yàn)椴恢莱鲥e(cuò)原因，當(dāng)請(qǐng)教老師或是同學(xué)的時(shí)候才恍然大悟，原來(lái)是這么簡(jiǎn)單的。當(dāng)然，最終可以解決困難我還是很欣慰的。

當(dāng)我真正建立起自己的網(wǎng)站的時(shí)候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因?yàn)檫^(guò)程的困難，我更加珍惜自己第一次的作品，做每一步都會(huì)小心翼翼，就像母親生怕會(huì)失去自己的孩子一樣，我就是這樣的感受。

我可以說(shuō)網(wǎng)頁(yè)設(shè)計(jì)給了我很大的收獲，我是用我的熱情去學(xué)習(xí)，也是用我的真心去設(shè)計(jì)，屬于自己的東西永遠(yuǎn)是最美好的。網(wǎng)頁(yè)設(shè)計(jì)不是用嘴巴就可以設(shè)計(jì)的，更需要的我們的堅(jiān)持、創(chuàng)新、用心，才能收獲更大的勝利。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得二：

轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)這門(mén)課程也要結(jié)束了，雖然時(shí)間有點(diǎn)短，但是學(xué)過(guò)這個(gè)幾周以后我受益匪淺。

記得最初接觸dreamweaver的時(shí)候，我很茫然，因?yàn)閯偨佑|陌生的軟件心里會(huì)很害怕跟不上老師的進(jìn)程。剛開(kāi)始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開(kāi)始加速，有些跟不上了，需要下課后自己補(bǔ)上，問(wèn)老師和周?chē)耐瑢W(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開(kāi)始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù)，要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短，老師只要求用PS做好模板即可，任務(wù)相對(duì)簡(jiǎn)單。但也要求設(shè)計(jì)感強(qiáng)，色彩搭配和諧，并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁(yè)。

第二個(gè)網(wǎng)頁(yè)設(shè)計(jì)老師要求相對(duì)較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁(yè)，還要做一個(gè)二級(jí)頁(yè)面。于是開(kāi)始收集各方面的資料。確定了主題就開(kāi)始布局了。最開(kāi)始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過(guò)ps處理出來(lái)一個(gè)版頭并且把修改過(guò)大小的圖片放進(jìn)去了。

中間時(shí)預(yù)覽，問(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)的文字占的空間太大，把左邊的那部分表格全部占滿(mǎn)了，而在實(shí)際的網(wǎng)頁(yè)預(yù)覽中，這個(gè)有文字滾動(dòng)的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁(yè)設(shè)計(jì)瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多 方法 ，在網(wǎng)站查了很多資料，可能因?yàn)闆](méi)有專(zhuān)業(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)題。在屬性?xún)?nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂(lè)文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著這種格式寫(xiě)下了指向聲音源文件的路徑，最后成功了。在設(shè)計(jì)過(guò)程中還出現(xiàn)了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請(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ì)水平得到了很大的提高。熱情和執(zhí)著，我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專(zhuān)業(yè)，更完善。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三：

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

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

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

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

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

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇相關(guān) 文章 ：

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)3篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)感想

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)

★ 設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)3篇

★ 設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)范文3篇

★ 網(wǎng)頁(yè)制作實(shí)習(xí)心得

★ 有關(guān)網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告心得體會(huì)

★ 網(wǎng)頁(yè)制作實(shí)習(xí)心得小結(jié)

關(guān)于網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告和網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告內(nèi)容的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。