第一篇：網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)安排

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)安排：

實(shí)訓(xùn)一 網(wǎng)站結(jié)構(gòu)分析

實(shí)訓(xùn)時(shí)間：20.12.2.15

實(shí)訓(xùn)目的：

1、熟悉目前網(wǎng)站的類別。

2、學(xué)會(huì)分析網(wǎng)站的結(jié)構(gòu)。

3、了解網(wǎng)站設(shè)計(jì)的基本工具。

實(shí)訓(xùn)二 應(yīng)用表格布局網(wǎng)頁

實(shí)訓(xùn)時(shí)間：20.12.2.29

實(shí)訓(xùn)目的：

1、熟悉不同的網(wǎng)頁布局方式。

2、掌握利用表格布局的方法。

3、熟悉網(wǎng)站建設(shè)中的其它要素。

實(shí)訓(xùn)三 拓展案例：旅游網(wǎng)站主頁建設(shè) 實(shí)訓(xùn)時(shí)間：20.12.3.21

實(shí)訓(xùn)目的：

1、應(yīng)用表格布局。

2、掌握表格布局中的標(biāo)簽作用與應(yīng)用。

3、掌握基本的DR軟件技術(shù)應(yīng)用。

實(shí)訓(xùn)四 div 網(wǎng)站布局

實(shí)訓(xùn)時(shí)間：20.12.4.4

實(shí)訓(xùn)目的：

1、學(xué)會(huì)應(yīng)用div布局網(wǎng)頁。

2、掌握div嵌套結(jié)構(gòu)。

3、掌握div結(jié)構(gòu)中的屬性與屬性值應(yīng)用。

實(shí)訓(xùn)五 css應(yīng)用于網(wǎng)站樣式修改 實(shí)訓(xùn)時(shí)間：20.12.4.18

實(shí)訓(xùn)目的：

1、學(xué)會(huì)應(yīng)用css對(duì)網(wǎng)站頁面模塊美化。

2、掌握不同種類的樣式應(yīng)用。

3、掌握div+css在網(wǎng)頁中的結(jié)合應(yīng)用。

實(shí)訓(xùn)六 網(wǎng)站動(dòng)畫應(yīng)用一：banner 實(shí)訓(xùn)時(shí)間：20.12.4.25

實(shí)訓(xùn)目的：

1、熟悉網(wǎng)站中動(dòng)畫的應(yīng)用模塊。

2、掌握基本的動(dòng)畫軟件Flash操作。

3、掌握應(yīng)用Flash制作網(wǎng)站banner條。

實(shí)訓(xùn)七 網(wǎng)站動(dòng)畫應(yīng)用二：導(dǎo)航

實(shí)訓(xùn)時(shí)間：20.12.5.18

實(shí)訓(xùn)目的：

1、熟悉網(wǎng)站中動(dòng)畫的應(yīng)用模塊。

2、鞏固動(dòng)畫軟件Flash操作，并掌握基本的AS。

3、掌握應(yīng)用Flash制作網(wǎng)站導(dǎo)航。

實(shí)訓(xùn)八 網(wǎng)站動(dòng)畫應(yīng)用三：浮動(dòng)廣告

實(shí)訓(xùn)時(shí)間：20.12.6.1

實(shí)訓(xùn)目的：

1、熟悉網(wǎng)站中動(dòng)畫的應(yīng)用模塊。

2、掌握基本的動(dòng)畫軟件Flash操作。

3、掌握應(yīng)用Flash制作網(wǎng)站浮動(dòng)廣告。

實(shí)訓(xùn)九 整站建設(shè)

實(shí)訓(xùn)時(shí)間：20.12.6.8

實(shí)訓(xùn)目的：

1、熟悉整站建設(shè)流程。

2、掌握基本的動(dòng)畫軟件Flash、平面軟件操作。

3、掌握網(wǎng)站效果圖設(shè)計(jì)與切圖技巧。

4、掌握應(yīng)用軟件DW、div+css技術(shù)創(chuàng)建網(wǎng)站

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

網(wǎng)站名稱：微言微語個(gè)人主頁

班級(jí)：J09301班，J09302班

學(xué)生姓名：

指導(dǎo)老師：李向

實(shí)訓(xùn)時(shí)間：2010.12.6—2010.12.22

2010年下期網(wǎng)頁設(shè)計(jì)課程實(shí)訓(xùn)報(bào)告

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

通過教學(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)畫格式，制作標(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è)簡(jiǎn)單的主題?？梢赃x擇制作《個(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)測(cè)試后申請(qǐng)免費(fèi)空間并發(fā)布到網(wǎng)絡(luò)。

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

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

個(gè)人主頁，一般都會(huì)包括首頁，相冊(cè)，鏈接，一些個(gè)人喜歡的文字加圖片，我的個(gè)人主頁也不例外，包括次首頁（個(gè)人喜歡的的文章加圖片），我的作品（里面包括自己做的三個(gè)FLASH動(dòng)畫），文章（一些自己喜歡的文章），相冊(cè)（Firworks處理過的相冊(cè)），關(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è)部分，所以我叫它三字型。這種布局方式看起來比較的整齊，簡(jiǎn)潔美觀。

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

次頁面包括如下些內(nèi)容：首頁、作品、文章、相冊(cè)、關(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語言，長(zhǎng)短不一的線條加上透明度的改變組成光芒四射。第三個(gè)是鼠標(biāo)跟隨特效（代碼見附錄）。文章頁面，就是簡(jiǎn)單的文字頁面，沒有什么特別的。相冊(cè)頁面，上面是一個(gè)用Firworks處理后的一組圖片，鼠標(biāo)移到小圖片上，下面做出現(xiàn)相應(yīng)的大相片，中間有少量文字，底部是用FLASH做的一組循環(huán)滾動(dòng)圖片（代碼見附錄），圖片跟著鼠標(biāo)的移動(dòng)而左右移動(dòng)。關(guān)于頁面，也是簡(jiǎn)單的文字頁面，沒什么特別的，“個(gè)人簡(jiǎn)歷”文字鏈接到WORD文檔“個(gè)人簡(jiǎn)歷”(代碼：

附錄：源代碼

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

(2)首頁收藏代碼：

onClick=“window.external.addFavorite('”,“_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ù)他所善長(zhǎng)的方面來分工，善長(zhǎng)動(dòng)畫制作的人做動(dòng)畫，善長(zhǎng)圖片處理的人做圖片，善長(zhǎng)文字與布局的就來布局。但是，也許那樣，有些同學(xué)會(huì)懶的動(dòng)手，推著給別人做

第三篇：網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)1

一連上了兩個(gè)星期的網(wǎng)頁實(shí)訓(xùn)課，可以說學(xué)到很多以前沒有學(xué)到的東西。雖然在大一的時(shí)候我們的專業(yè)出開設(shè)了網(wǎng)頁設(shè)計(jì)課，但感覺這兩個(gè)星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個(gè)學(xué)期的要多，要豐富。

每一天都有新的內(nèi)容要學(xué)，讓人感覺很興奮，很高興，恨不得馬上就把它給學(xué)會(huì)。通過這次實(shí)訓(xùn)使我更熟練掌握 dream制作按鈕來超級(jí)鏈接到其他頁面。

在所有配色當(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ù)他所善長(zhǎng)的方面來分工，善長(zhǎng)動(dòng)畫制作的人做動(dòng)畫，善長(zhǎng)圖片處理的人做圖片，善長(zhǎng)文字與布局的就來布局。但是，也許那樣，有些同學(xué)會(huì)懶的動(dòng)手，推著給別人做

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)2

本學(xué)期的網(wǎng)業(yè)設(shè)計(jì)課程，開展了動(dòng)態(tài)思維訓(xùn)練教學(xué)活動(dòng)，對(duì)于我們學(xué)生來說，可以激發(fā)學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)習(xí)的自覺性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運(yùn)用網(wǎng)絡(luò)資源，結(jié)合教材及老師的指導(dǎo)，通過自身的實(shí)踐，創(chuàng)作出積聚個(gè)人風(fēng)格、個(gè)性的個(gè)人網(wǎng)頁?？傮w來說，整個(gè)學(xué)期的學(xué)習(xí)過程，我學(xué)會(huì)了很多知識(shí)，雖然過程比較艱辛，但在INTENET領(lǐng)域中，有了一個(gè)展示自我的空間，我覺得很開心、很有成就感。

一、充分發(fā)揮動(dòng)手能力

作為網(wǎng)頁設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁。本學(xué)期的教改方案由以前學(xué)生單純接受知識(shí)變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過自己動(dòng)手、動(dòng)腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁設(shè)計(jì)過程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計(jì)的'知識(shí)。

二、在設(shè)計(jì)過程中不斷提高網(wǎng)頁設(shè)計(jì)水平

在本次網(wǎng)頁設(shè)計(jì)中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計(jì)方面的知識(shí)，也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。我從最初開始運(yùn)用FrontPage設(shè)計(jì)網(wǎng)頁，到后來運(yùn)用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁，完善網(wǎng)頁。在這個(gè)過程中，我通過自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應(yīng)用，學(xué)會(huì)了管理、維護(hù)自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫、控件的制作等等。在設(shè)計(jì)過程中也出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請(qǐng)教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動(dòng)手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。

三、不足之處

由于平時(shí)工作比較繁忙，學(xué)習(xí)時(shí)間比較少，對(duì)于網(wǎng)頁設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁設(shè)計(jì)過程中，由于沒有網(wǎng)頁制作代碼的知識(shí)，所以在設(shè)計(jì)時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計(jì)水平，想有個(gè)理想的網(wǎng)頁，必須學(xué)會(huì)代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡(jiǎn)單介紹一下代碼，讓我也對(duì)它有個(gè)初步的認(rèn)識(shí)，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。

總體來說，通過今次的對(duì)網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁設(shè)計(jì)的熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會(huì)更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)3

現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是我們作為一名大學(xué)生迫切所需的。

這學(xué)期選擇的這門課程讓我學(xué)到了不少關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識(shí)。老師把課程內(nèi)容安排的很合理，講的大都是很基礎(chǔ)的知識(shí)，這對(duì)于像我這樣對(duì)網(wǎng)絡(luò)了解不多的學(xué)生來說很容易理解，接受。

在這門課上我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，對(duì)flash也有所了解。課上我還學(xué)到了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)，用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。

通過對(duì)這門課的學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。

在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備以下一些基本原則

1 確定網(wǎng)頁設(shè)計(jì)的內(nèi)容

一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的作用。

2 了解你網(wǎng)站所在行業(yè)的客戶

用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.

3、做一個(gè)典型用戶

不以用戶身份親身體驗(yàn)網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進(jìn)，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設(shè)計(jì)時(shí)就應(yīng)該把這些問題解決。

4 優(yōu)化內(nèi)容

內(nèi)容是整個(gè)網(wǎng)站的核心。在網(wǎng)站設(shè)計(jì)之前必須明確網(wǎng)站的內(nèi)容安排。

優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。

然后在具體的規(guī)劃一個(gè)網(wǎng)站時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其要制作一個(gè)大的網(wǎng)站 (有很多頁面) 的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。

大綱列出來后，還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會(huì)為主頁將來發(fā)展打下良好的基矗

下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集

如果是個(gè)人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的`方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

在準(zhǔn)備材料的時(shí)候我們可以用到學(xué)習(xí)的flash知識(shí)來制作一些小的動(dòng)畫和動(dòng)態(tài)圖片，flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁。

通過個(gè)人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時(shí)間，我將會(huì)學(xué)習(xí)制作網(wǎng)頁的更多知識(shí)，使它成為自己的一項(xiàng)技能。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)4

不知不覺,二個(gè)星期的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的實(shí)操即將過去,回顧這一段日子,真的令我體會(huì)很深,也學(xué)會(huì)很多東西,懂得很多以前不懂的東西,也明白了一些事情、

自從第一天接觸《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁這門課學(xué)好,做出一個(gè)優(yōu)秀的網(wǎng)站、所以我時(shí)刻沒有錯(cuò)過任何學(xué)習(xí)的機(jī)會(huì),無論在課堂上,還是在課外上、更何況這一次實(shí)操、回顧今次的實(shí)操我覺得我過得很充實(shí),很有意義,因?yàn)槲铱梢哉\實(shí)的說我在實(shí)操?zèng)]有玩過一次游戲,我每時(shí)每刻都在設(shè)計(jì)網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點(diǎn)，可能有人會(huì)說我傻，但正因?yàn)檫@個(gè)傻的行動(dòng)，令我學(xué)會(huì)很多東西，學(xué)會(huì)別人不懂的東西，做出一個(gè)令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會(huì)因?yàn)閷?shí)操結(jié)束，就把網(wǎng)頁設(shè)計(jì)拋到九霄云外，我會(huì)繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)技術(shù)，把它變?yōu)樽约旱囊豁?xiàng)特長(zhǎng)。

回顧第一天的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程實(shí)操，老師叫我們繼續(xù)完善以前設(shè)計(jì)的網(wǎng)站，做出留言板、注冊(cè)的功能。我很快就完成了，但可能我是一個(gè)追求完善的人，所以盡管一個(gè)網(wǎng)站做好可以馬上交給老師。但我做出一個(gè)別人都不贊同的決定，從頭開始做一個(gè)網(wǎng)站。因?yàn)槲矣X得以前那個(gè)真的不是太好，盡管實(shí)操的時(shí)間過去了一半，盡管別人對(duì)我說你交原來這個(gè)不就行了嗎!何必再做一個(gè)呢?但真因?yàn)槲业膱?zhí)著，追求成功，追求完善的人，才會(huì)使我今天交出一個(gè)令自己滿足的答卷。

在制作個(gè)人網(wǎng)站時(shí)我們首先：

一、必需進(jìn)行個(gè)人網(wǎng)站前臺(tái)功能設(shè)計(jì)

包括個(gè)人網(wǎng)站主題的確定，前臺(tái)功能設(shè)計(jì)與管理、個(gè)人網(wǎng)站主頁設(shè)計(jì)、個(gè)人網(wǎng)站留言板、注冊(cè)、忘記密碼、搜索等網(wǎng)頁設(shè)計(jì)與管理。

二、對(duì)個(gè)人網(wǎng)站后臺(tái)管理功能設(shè)計(jì)

包括個(gè)人網(wǎng)站后臺(tái)管理功能的設(shè)計(jì)、后臺(tái)管理信息系統(tǒng)功能的設(shè)計(jì)、后臺(tái)系統(tǒng)權(quán)限管理、后臺(tái)文件管理、個(gè)人網(wǎng)站后臺(tái)管理系統(tǒng)主頁設(shè)計(jì)。

三、網(wǎng)站的發(fā)布

通常我們發(fā)布一個(gè)網(wǎng)站可能以能過域名注冊(cè)，但我們也可以利用自己主機(jī)，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個(gè)網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。

四、個(gè)人網(wǎng)站推廣

一個(gè)網(wǎng)站做好了，就要對(duì)個(gè)人網(wǎng)站進(jìn)行推廣，這是一個(gè)電子商務(wù)網(wǎng)站必需做得的一步，因?yàn)槿绻悴粚?duì)你的網(wǎng)站進(jìn)行推廣，就算你發(fā)布了也沒有人會(huì)知道的。

在設(shè)計(jì)這個(gè)網(wǎng)站時(shí)真的體會(huì)很多東西，從一開始網(wǎng)頁主題的確定，到主頁總體的設(shè)計(jì)、搜集資料、前臺(tái)功能設(shè)計(jì)與管理、后臺(tái)功能設(shè)計(jì)與管理、每個(gè)分頁面的設(shè)計(jì)等。我都一一進(jìn)行了規(guī)劃，因?yàn)槿绻悴灰?guī)劃好，想做什么就做什么，是不會(huì)做得好的.。因我為體會(huì)到這一句話：“機(jī)會(huì)中屬于有準(zhǔn)備的人”。我詳細(xì)到一個(gè)表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因?yàn)槲疑钌疃谩凹?xì)微處才見真功夫”。

在這次實(shí)操過程中令我印象最深的是做留言板，因?yàn)閯偤迷谏弦粋€(gè)星期sql數(shù)據(jù)庫實(shí)操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個(gè)比較長(zhǎng)的練習(xí)，做完了n次，可能有人會(huì)想，肯定是不會(huì)才做這么多次啦!但我想告訴這位同學(xué)我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫，第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會(huì)說我傻，會(huì)一種方法就行了，還要那么多嗎?但我想說的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會(huì)造就出今天熟能生巧的我，也不會(huì)對(duì)同學(xué)提出的問題解決到，也不會(huì)輕松教會(huì)同學(xué)，因?yàn)槟阕约菏紫葘W(xué)會(huì)，學(xué)通，學(xué)廣，才能把問題一一的解決。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)5

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

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

1. dreamweaver mx (或dreamweaver 8)。

2. flash mx (或flash 8)

3. fireworks 8

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)6

經(jīng)過倆周的實(shí)訓(xùn)，我從中收獲了很多。原本以為計(jì)算機(jī)科學(xué)導(dǎo)論的實(shí)訓(xùn)是純理論的，得知是上機(jī)操作還是有一點(diǎn)興奮。剛打開實(shí)訓(xùn)的要求，發(fā)現(xiàn)在實(shí)訓(xùn)期間我們要學(xué)的多。像word、excel、photoshop、powerpoint、flash、dreamweaver等軟件的應(yīng)用，有些是我從來沒有接觸過的，有一些是自己會(huì)一點(diǎn)皮毛的。帶著一份緊張一份奇，我開始展開了對(duì)這些軟件的探索。按照老師在實(shí)訓(xùn)期間給我們的要求，在做word的時(shí)候，原本以為很簡(jiǎn)單的，后來才發(fā)現(xiàn)自己會(huì)的只是冰山一角，原來word的用處那么多。通過訓(xùn)練，我掌握了段落的拆分、移動(dòng)和復(fù)制處理以及段落格式設(shè)置，格式、特殊字符的查找和替換，分欄、首字下沉設(shè)置，頁眉、頁腳及頁碼的設(shè)置，插入藝術(shù)字體、圖片、公式等對(duì)象，圖片的旋轉(zhuǎn)和翻轉(zhuǎn)、組合和對(duì)齊。excel在我的意識(shí)里只能用來編輯數(shù)據(jù)，做個(gè)表格，沒想到還有數(shù)據(jù)排序和自動(dòng)篩選、圖表的創(chuàng)建和編輯、分類匯總等功能。photoshop的功能是處理圖片，在實(shí)訓(xùn)的時(shí)候自己做的`那個(gè)端午節(jié)的粽子是通過這個(gè)軟件自己繪制出來的，感覺到軟件應(yīng)用的神奇。ppt由于自己上學(xué)期的學(xué)習(xí)，因此在實(shí)訓(xùn)期間做的作業(yè)也就駕輕就熟的完成了。最玩的軟件應(yīng)該就是flash了，通過幾張圖片的疊加和處理，就出現(xiàn)很可愛的動(dòng)畫了。最讓我驚訝的軟件當(dāng)然就是dreamweaver了，它竟然是用來做自己的個(gè)人頁的，本來覺得自己做站是一件很不切實(shí)際的事情。經(jīng)過實(shí)訓(xùn)期間的學(xué)習(xí)，我也學(xué)會(huì)了制作自己的個(gè)人主頁。

這次的實(shí)訓(xùn)讓我掌握了辦公自動(dòng)化以及頁制作軟件的使用，也能運(yùn)用word、excel、powerpoint處理檔，能運(yùn)用dreamweaver、flash、photoshop制作頁了?？傊畬?shí)訓(xùn)的收獲頗多。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)7

一連上了兩個(gè)星期的頁實(shí)訓(xùn)課，可以說學(xué)到很多以前沒有學(xué)到的東西。雖然在大一的時(shí)候我們的專業(yè)出開設(shè)了頁設(shè)計(jì)課，但感覺這兩個(gè)星期學(xué)到的遠(yuǎn)遠(yuǎn)比以前學(xué)一個(gè)學(xué)期的要多，要豐富。

每一天都有新的內(nèi)容要學(xué)，讓人感覺很興奮，很高興，恨不得馬上就把它給學(xué)會(huì)。通過這次實(shí)訓(xùn)使我更熟練掌握dreamweaver、flash 、fireworks 、photoshop等軟件的功能和應(yīng)用。不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團(tuán)結(jié)。

在這期間，每一天老師都會(huì)發(fā)一些素材和實(shí)訓(xùn)給我們，首先是頁素材的準(zhǔn)備，在上查看一些頁背景和背景顏色搭配，讓我了解到頁的顏色不能多過3種色彩。接下來的幾天再結(jié)合自己的頁來進(jìn)行策劃，在做首頁之前，先用圖紙把頁的結(jié)構(gòu)畫出來，內(nèi)容和結(jié)構(gòu)都想清楚用fireworks把頁設(shè)計(jì)出來，再切割圖片，把它們導(dǎo)成html格式在dreamweaver中進(jìn)行進(jìn)一步的'編輯。

我們的站主要是圍繞宿舍而展開的一串活動(dòng)、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的頁名叫funny room。主題確定了，那么分工出就明確了，我們組有三個(gè)人，兩個(gè)人負(fù)責(zé)找素材，另一個(gè)美術(shù)的就負(fù)責(zé)頁的頁面設(shè)計(jì)，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很，后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào)，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào)，讓人可以感受到我們的主題，因?yàn)槭醉摵推渌念伾灰粯樱晕覀兙桶咽醉摦?dāng)作是過渡頁，第二頁開始才是頁的內(nèi)容。為了增加頁的新鮮感和活潑感，還適當(dāng)在添加一些透明flash和一些頁特效。在這實(shí)訓(xùn)的時(shí)間里面，我們分工合作，共同努力，對(duì)頁反復(fù)調(diào)試和修改，特別是對(duì)于fireworks軟件不那么熟悉，有很多的實(shí)例都要看過老師的演示才會(huì)明白，不過這也恰恰讓我學(xué)到更多。雖然中途難不免會(huì)有因?yàn)橐庖姷牟缓隙l(fā)生一些小小的爭(zhēng)吵，但我覺得不影響我們的頁設(shè)計(jì)，反而會(huì)因?yàn)檫@些不同的意見而重新學(xué)到更多的知識(shí)。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)8

作為本學(xué)期的第十三周，我們電子商務(wù)0901班由此開始了為期兩周的網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)課程，雖然我們實(shí)訓(xùn)的內(nèi)容不多，但通過同學(xué)之間的互相幫助與交流以及老師的精心指導(dǎo)，我們大家依然收獲很多。

這一周里，可以說實(shí)訓(xùn)的內(nèi)容不難，但每天都有不同的東西需要學(xué)習(xí)，讓人感到很高興，大家都希望能夠通過自己的努力可以多掌握一點(diǎn)本專業(yè)的東西，總的來說，我們通過對(duì)“飄舞的雪花”及“倒影”的'練習(xí)制作，已經(jīng)熟練的掌握了flash的一些簡(jiǎn)單操作和應(yīng)用，不但如此，更增加了同學(xué)間的友誼，陪養(yǎng)了彼此間的團(tuán)結(jié)。

實(shí)訓(xùn)期間，老師會(huì)根據(jù)我們的練習(xí)程度發(fā)一些素材和視頻實(shí)訓(xùn)給我們，由此我了解到了網(wǎng)頁設(shè)計(jì)與制作的一些程序和步驟，知道了怎么處理圖片透明以及遮罩層的運(yùn)用，知道了flash基本操作的步驟，為了增加動(dòng)畫的美感和活潑感，還適當(dāng)在添加一些透明flash和一些網(wǎng)頁特效。在實(shí)訓(xùn)的時(shí)間里面，我們大家一起合作，共同努力，對(duì)網(wǎng)頁設(shè)計(jì)有了更進(jìn)一步的認(rèn)識(shí)，并且對(duì)這門課程越發(fā)的感興趣，從剛開始的好奇進(jìn)而想要去更深層次的了解。

這一周的實(shí)訓(xùn)課程已然結(jié)束，flash制作讓我受益匪淺，我們知道了很多，也進(jìn)步了很多，很快就要進(jìn)入下一周的實(shí)訓(xùn)了，雖然還不知道具體的有什么內(nèi)容，但通過這一周的學(xué)習(xí)，下一周，我想也很值得期待。希望能夠?qū)W到更多的東西，充實(shí)自己的頭腦，豐富自己的知識(shí)。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)9

為期兩周的網(wǎng)頁實(shí)訓(xùn)終于結(jié)束了。為什么說終于結(jié)束了呢？因?yàn)閮蓚€(gè)星期做五個(gè)網(wǎng)站時(shí)間太緊了，我們每天晚上都是加班加點(diǎn)。但是結(jié)果是令人欣慰的，我們大都按時(shí)按質(zhì)完成了任務(wù)，而且網(wǎng)站是一個(gè)比一個(gè)做得好！總的來說，還是有很大的收獲。

本次實(shí)訓(xùn)共有五個(gè)任務(wù)，它們分別是：沈陽植物園網(wǎng)、開元科技網(wǎng)、家臺(tái)灣旅游網(wǎng)、我愛低碳網(wǎng)、博愛助學(xué)網(wǎng)。要求是每個(gè)網(wǎng)站至少要8個(gè)或8個(gè)以上的頁面，并運(yùn)用flash做動(dòng)畫，用css美化頁面等。

整個(gè)實(shí)訓(xùn)的過程可以說是所學(xué)知識(shí)的一個(gè)整理，一個(gè)綜合，一個(gè)靈活運(yùn)用。之前我們課堂上學(xué)的東西是一個(gè)個(gè)知識(shí)點(diǎn)，比較零散。雖然在實(shí)訓(xùn)之前我們也做過兩個(gè)網(wǎng)站，但那是我們小組合作的，所以有些知識(shí)點(diǎn)我們并沒有都用到。而這次實(shí)訓(xùn)是自己一個(gè)人做網(wǎng)站，做網(wǎng)站的各個(gè)環(huán)節(jié)都要自己親力親為，可以說是一個(gè)挑戰(zhàn)，同時(shí)也是對(duì)知識(shí)的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運(yùn)用。我們需要自己設(shè)計(jì)網(wǎng)站的`logo這就需要運(yùn)用到potoshop軟件強(qiáng)大的圖形圖像處理功能，需要做出生動(dòng)的網(wǎng)頁效果，就需要flash做出動(dòng)態(tài)的文字效果和圖片切換效果。

在設(shè)計(jì)的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨(dú)自設(shè)計(jì)網(wǎng)站、制作網(wǎng)站，難免會(huì)遇到過各種各樣的問題，同時(shí)在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固，在css的具體應(yīng)用還不是和很熟練，沒有能完全達(dá)到自己預(yù)期的效果，還好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果通過這次網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)，一定把以前所學(xué)過的知識(shí)重新溫故。

兩周網(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è)計(jì)實(shí)訓(xùn)心得體會(huì)10

時(shí)間過得很快，我即將畢業(yè)來到了社會(huì)這個(gè)匯集眾多江河湖水的大海，感受到了獨(dú)立生活的好處與艱辛，同時(shí)我自己也更深的理解了，家長(zhǎng)和學(xué)校老師對(duì)我們的殷切希望，在社會(huì)實(shí)習(xí)的這段日子，我吃了些苦，受了些罪，可是整個(gè)人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。

一、實(shí)習(xí)時(shí)間

二、實(shí)習(xí)介紹

我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達(dá)到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有_、_招商網(wǎng)等。

我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導(dǎo)入dreamweaver進(jìn)行排版，(排版主要使用css+div)，并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因?yàn)榫W(wǎng)頁是用css+div進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測(cè)試，因?yàn)閏ss+div排版方式有一個(gè)的缺點(diǎn)就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會(huì)導(dǎo)致頁面在最終瀏覽的時(shí)候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁后，都會(huì)在代碼頁面加入注釋代碼，在里面寫上每個(gè)人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計(jì)工作，公司領(lǐng)導(dǎo)會(huì)根據(jù)每個(gè)人的工作數(shù)量進(jìn)行獎(jiǎng)勵(lì)，每做一個(gè)頁面會(huì)有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀的。

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

(一)初級(jí)考試

初來公司的時(shí)候，我們經(jīng)過了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來到了_公司，因?yàn)橐傻氖蔷W(wǎng)頁設(shè)計(jì)，所以要有一個(gè)小測(cè)驗(yàn)，技術(shù)總監(jiān)要求我們?cè)诰W(wǎng)上自找圖片和文字，做一個(gè)簡(jiǎn)單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實(shí)話，從畢業(yè)后，有一段時(shí)間沒有寫代碼了，剛一上機(jī)，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫的很熟練，做了一個(gè)左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯(cuò)，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。

(二)三天的培訓(xùn)工作

三天后，我來到了公司，一看，來參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的'培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢(shì)還挺好的。

(三)最后的考核

三天的培訓(xùn)后，我們迎來了最后的考核，合格的人會(huì)被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會(huì)在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問題，秀的人會(huì)轉(zhuǎn)正，得到很優(yōu)厚的待遇。

考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯(cuò)，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個(gè)頁面5元錢，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開始了實(shí)習(xí)工作。

(四)正式工作

我們每天的上班時(shí)間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀(jì)輕輕，干勁十足，來了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開，我喜歡他(她)們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡(jiǎn)單的從上到下式的網(wǎng)頁，通過css+div排版，這樣在后期瀏覽器兼容測(cè)試中，就好做的很多了，文字與圖片之間就不會(huì)有太多的麻煩，我干的很不錯(cuò)，不過有些追求精致，我做網(wǎng)頁的速度慢了很多，最初每天只能做3--4個(gè)網(wǎng)頁，這對(duì)于我來說是不能接受的，后來我改變了工作方法，我第次工作的時(shí)候，先訂下計(jì)劃，比如今天做多少網(wǎng)頁，然后我將要做的所有網(wǎng)頁，先做好排版，這時(shí)的網(wǎng)頁雖然排過版，但是不美觀，因?yàn)闆]有進(jìn)行美化工作，然后我會(huì)在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會(huì)更快，我相信自己。

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

實(shí)習(xí)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲?？傮w來說這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)11

現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識(shí)和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識(shí)是我們作為一名大學(xué)生迫切所需的，

我利用寒假的時(shí)間，對(duì)網(wǎng)頁設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解，并基本掌握Dreamweaver的應(yīng)用。

通過對(duì)網(wǎng)頁設(shè)計(jì)書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，在實(shí)踐查閱資料時(shí)，對(duì)flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應(yīng)用。

下面闡述一下我在翻閱《Dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁設(shè)計(jì)的見解。在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備一些基本原則。

首先，要確定網(wǎng)頁設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的'作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去、

在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，

下面要開始的便是優(yōu)化工作，

內(nèi)容是整個(gè)網(wǎng)頁的核心。在網(wǎng)頁設(shè)計(jì)之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其要制作一個(gè)大的網(wǎng)站(有很多頁面)的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。大綱列出來后，還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮?？蚣芏ㄏ聛砹?，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會(huì)為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

如果是個(gè)人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫和動(dòng)態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁。

總體來說，通過這個(gè)假期對(duì)網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時(shí)間學(xué)習(xí)制作網(wǎng)頁的更多知識(shí)以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來設(shè)計(jì)出的網(wǎng)頁會(huì)更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)12

不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)與制作》這門課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但這一個(gè)學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會(huì)了頁設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，還讓我學(xué)會(huì)了自己動(dòng)手去制作屬于自己的網(wǎng)頁，這對(duì)于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。

建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。 首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于像我這樣的個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力。網(wǎng)站的'主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

找到材料后，我們還要規(guī)劃網(wǎng)站。一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。

做好以上三步之后，我們就要選擇合適的制作工具。 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁 ，對(duì)于圖片部分的處理，個(gè)人覺得Photoshop比較好用。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它。

以上就是我對(duì)于網(wǎng)頁制作的一些個(gè)人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會(huì)再有機(jī)會(huì)去上了，但我還是會(huì)通過各種方式繼續(xù)頁設(shè)計(jì)和制作的，同時(shí)很感謝帶我入門的徐兵老師，讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)網(wǎng)頁的知識(shí)，謝謝！

第四篇：網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告

天津電子信息職業(yè)技術(shù)學(xué)院 暨國家示范性軟件職業(yè)技術(shù)學(xué)院

網(wǎng)頁制作實(shí)訓(xùn)報(bào)告

姓名：系別：專業(yè)：班級(jí)：指導(dǎo)教師：完成時(shí)間：2012 年 6 月 1日

第五篇：網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告

重慶科創(chuàng)職業(yè)學(xué)院

《靜態(tài)網(wǎng)站建設(shè)》 實(shí) 訓(xùn) 報(bào) 告

題目：

專業(yè)：班級(jí)：學(xué)號(hào)：姓名：成績(jī)：指導(dǎo)教師：

完成日期：年月日

目錄

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

二、課程設(shè)計(jì)題目描述和要求.....................1

三、課程設(shè)計(jì)報(bào)告內(nèi)容...................1

3.1總體功能介紹...............................1

3.2總體框架結(jié)構(gòu)設(shè)計(jì)..............................2

3.3頁面設(shè)計(jì).........................2

3.4總體測(cè)試與發(fā)布...........................2

四、結(jié)論......................2

五、結(jié)束語.........................3

六、主要參考資料....................3一、課程設(shè)計(jì)目的本課程是一門計(jì)算機(jī)科學(xué)與技術(shù)及相關(guān)專業(yè)實(shí)踐性環(huán)節(jié)。以HTML和CSS為基礎(chǔ)，全面介紹與網(wǎng)頁設(shè)計(jì)制作有關(guān)的知識(shí)，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有一般網(wǎng)頁制作的能力。與此同時(shí)，通過對(duì)Web頁制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)中所涉及的相關(guān)知識(shí)有一個(gè)全面的了解。通過本課程的學(xué)習(xí)，使學(xué)生全面了解網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)的基本概念、基本理論及業(yè)務(wù)運(yùn)作模式，了解網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)的特點(diǎn)及工作過程，掌握網(wǎng)站的建立及網(wǎng)頁設(shè)計(jì)制作的方法，能夠完成一般性網(wǎng)站的建設(shè)，因此要求利用網(wǎng)頁設(shè)計(jì)方法，設(shè)計(jì)一個(gè)網(wǎng)站，提高綜合應(yīng)用所學(xué)知識(shí)的能力，積累 Web 程序的編程經(jīng)驗(yàn)，提高編程與調(diào)試能力，培養(yǎng)獨(dú)立學(xué)習(xí)、吸取他人的經(jīng)驗(yàn)、探討技術(shù)的習(xí)慣和團(tuán)隊(duì)協(xié)作能力。

二、課程設(shè)計(jì)題目描述和要求

每個(gè)設(shè)計(jì)人員設(shè)計(jì)制作利用DIV+CSS網(wǎng)頁布局方法制作的任意類型的網(wǎng)站（主題不限），制作網(wǎng)站所需的相關(guān)文字資料、圖片資料等可以到相關(guān)類型的網(wǎng)站上進(jìn)行采集或自行采集。

要求：根據(jù)上面指定的網(wǎng)站開發(fā)項(xiàng)目?jī)?nèi)容進(jìn)行開發(fā)設(shè)計(jì)，網(wǎng)站欄目設(shè)置、網(wǎng)站要表達(dá)的具體內(nèi)容和網(wǎng)站的風(fēng)格根據(jù)小組確定的課題進(jìn)行設(shè)計(jì)；要求根據(jù)網(wǎng)站設(shè)計(jì)規(guī)范和常用網(wǎng)制作頁技術(shù)進(jìn)行設(shè)計(jì)；設(shè)計(jì)的網(wǎng)站要求結(jié)構(gòu)合理，版面美觀大方，顏色合理，風(fēng)格一致，并運(yùn)用適當(dāng)?shù)膭?dòng)態(tài)網(wǎng)頁技術(shù)進(jìn)行修飾。

三、課程設(shè)計(jì)報(bào)告內(nèi)容

3.1總體功能介紹

制作該網(wǎng)站的時(shí)代背景？該網(wǎng)站主要的功能是什么？可以實(shí)現(xiàn)哪些用途？主要使用的技術(shù)是什么？利用了哪些語言實(shí)現(xiàn)哪些效果……

3.2總體框架結(jié)構(gòu)設(shè)計(jì)

該網(wǎng)站有多少個(gè)模塊？層次關(guān)系是什么樣子的？并且可以繪制一個(gè)流程圖來進(jìn)行進(jìn)一步說明。

3.3頁面設(shè)計(jì)

3.3.1首頁（頁面、設(shè)計(jì)思路、主要代碼）

1．進(jìn)行截圖；

2．對(duì)設(shè)計(jì)思路進(jìn)行說明。

3．將主要代碼復(fù)制粘貼。

3.3.2各子頁（頁面、設(shè)計(jì)思路、主要代碼）

1．進(jìn)行截圖；

2．對(duì)設(shè)計(jì)思路進(jìn)行說明。

3．將主要代碼復(fù)制粘貼。

3.4總體測(cè)試與發(fā)布

使用的測(cè)試方法是什么？

測(cè)試中遇到的問題以及解決的方法。

四、結(jié)論

寫法要求：

1、概括地說明所進(jìn)行工作的情況和價(jià)值，分析其優(yōu)點(diǎn)和特色，指出創(chuàng)新所在，性能達(dá)到何種水平，并應(yīng)指出其中存在的問題和今后的改進(jìn)方向，特別是對(duì)工作中遇到的重要問題要著重指出，并提出自己的見解。篇幅不宜過長(zhǎng)。

2、結(jié)論要簡(jiǎn)單、明確。在措辭上應(yīng)嚴(yán)密，容易被人領(lǐng)會(huì)。應(yīng)實(shí)事求是地介紹自己的工作成果，忌言過其實(shí)，在無充分把握時(shí)，應(yīng)留有余地。

五、結(jié)束語

要求：在文章結(jié)尾處，通常以簡(jiǎn)短的文字，對(duì)設(shè)計(jì)過程中自己的收獲，及工作過程中曾給自己以直接幫助的人員，例如指導(dǎo)老師、答疑老師及其他人員，表示自己的謝意。這不僅是一種禮貌，也是對(duì)他人勞動(dòng)的尊重，是治學(xué)者應(yīng)有的品質(zhì)。

六、主要參考資料

[1]吳東偉等，《網(wǎng)頁設(shè)計(jì)三劍客》，北京，清華大學(xué)出版社，2004年

[2]李宏，張敏，《網(wǎng)頁設(shè)計(jì)與制作》，北京，化學(xué)工業(yè)出版社，2006年

[3]李桂杰，《網(wǎng)頁設(shè)計(jì)與制作》，大連，大連理工大學(xué)出版社，2008年

[4]李英俊，《網(wǎng)頁設(shè)計(jì)與制作》，大連，大連理工大學(xué)出版社，2010年

…………………………………………………………………………..(要求:五號(hào)字，宋體，1.5倍行距。按作者、書名、出版社、地點(diǎn)、出版時(shí)間格式逐一列出，中間用逗號(hào)格開)