今天給各位分享Dreamweaver網(wǎng)頁制作實訓報告的知識，其中也會對dreamweaver網(wǎng)頁制作實例進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、廣播電視大學計算機應(yīng)用技術(shù)《Dreamweaver網(wǎng)頁設(shè)計》形成性考核冊
• 2、要一份網(wǎng)頁實訓報告
• 3、緊急求一份網(wǎng)頁制作的實訓報告，希望大家?guī)兔ρ?/a>
• 4、網(wǎng)頁設(shè)計實訓心得
• 5、用ASP制作網(wǎng)頁的實訓報告總結(jié)
• 6、網(wǎng)頁設(shè)計實訓報告里有一個網(wǎng)頁模塊介紹，要怎么寫，網(wǎng)頁模塊是什么意思

廣播電視大學計算機應(yīng)用技術(shù)《Dreamweaver網(wǎng)頁設(shè)計》形成性考核冊

中央廣播電視大學開放?？?/p>

《Dreamweaver網(wǎng)頁設(shè)計》課程實施方案

一、課程概況

《Dreamweaver網(wǎng)頁設(shè)計》課程是計算機信息管理專業(yè)和計算機網(wǎng)絡(luò)技術(shù)專業(yè)?？粕囊婚T必修基礎(chǔ)課。本課程課內(nèi)學時90，其中授課36學時，實訓54學時，共5學分，在一個學期內(nèi)開設(shè)。

本課程的主要內(nèi)容包括：利用Dreamweaver開發(fā)工具進行網(wǎng)頁設(shè)計，包括新建、編輯和設(shè)置一個Web站點；如何對頁面屬性進行基本的設(shè)置，如何設(shè)置、編輯CSS層疊式樣式表；如何排版文字、表格和層；如何進行基本的圖像處理；建立框架；模板和庫的使用和編輯；網(wǎng)站的發(fā)布與維護等基本知識與應(yīng)用。

本課程的特點：

1．本課程部分內(nèi)容實踐性較強，理論應(yīng)緊密結(jié)合實際，文字教材包括主教材和實訓教材。其中實訓內(nèi)容是教學的主線，通過講解Dreamweaver，介紹網(wǎng)頁設(shè)計的基本方法、技術(shù)，同時結(jié)合網(wǎng)頁設(shè)計理論。學習中一定要注意理論與實踐相結(jié)合。

2．為適合遠程教學和自主化學習的要求，本課程配有10講IP課件。主要結(jié)合Dreamweaver介紹網(wǎng)頁設(shè)計技術(shù)和技巧。

3．為達到本課程的教學目標，課程的考核采用形成性考核與終結(jié)性考核相結(jié)合的方式。

其中形成性考核要求在真實Dreamweaver環(huán)境下，完成9次實訓項目。視實訓完成的情況評分，占考核總成績的50%，成績由所在班級的任課教師給定，實訓作品及實訓報告上報省（市、自治區(qū)）電大認定、備案。中央廣播電視大學隨機進行抽查。

終結(jié)性考核采用計算機考試，題型包括選擇題、填空題等，占考核總成績的50%。試題由中央廣播電視大學統(tǒng)一命題，考試時間限制為90分鐘。以上兩方面成績均需及格，總成績60分以上者（包括60分）考核通過。

二、課程的內(nèi)容體系及教學要求

第1章 Dreamweaver 8 基礎(chǔ)知識

教學內(nèi)容：

Dreamweaver 8 簡介

Dreamweaver 8 工作環(huán)境

教學要求：

掌握：Dreamweaver 8工作環(huán)境

了解：Dreamweaver 8的總體了解

第2章 本地站點構(gòu)建

教學內(nèi)容：

創(chuàng)建站點

構(gòu)建站點結(jié)構(gòu)

管理本地站點

教學要求：

熟練掌握：建立站點文件和文件夾結(jié)構(gòu)

掌握：使用向?qū)?chuàng)建站點的方法、使用高級設(shè)置本地站點、管理本地站點

第3章 制作簡單的圖文混排頁面

教學內(nèi)容：

設(shè)置頭信息

設(shè)置頁面屬性

制作簡單的文本頁面

制作圖文混排頁面

制作交互圖像頁面

教學要求：

熟練掌握：設(shè)置整體頁面屬性、制作普通文字頁面、在頁面中放入圖像，制作圖文混排頁面、制作鼠標經(jīng)過圖像的交互效果、

掌握：設(shè)置頁面的頭信息、制作導航條的交互效果

第4章 制作多媒體頁面

教學內(nèi)容：

在頁面中插入動畫

在頁面中插入音頻

在頁面中插入視頻

在頁面中插入Applet

在頁面中插入滾動字幕

教學要求：

熟練掌握：在頁面中插入Flash動畫、在頁面中插入音頻、在頁面中插入視頻

掌握：在頁面中插入Flash按鈕、在頁面中插入Flash文本、在頁面中插入滾動字幕

了解：在頁面中插入Applet

第5章 使用表格排版網(wǎng)頁

教學內(nèi)容：

表格的基本操作

處理表格

使用表格排版網(wǎng)頁

教學要求：

熟練掌握：插入并設(shè)置表格、對表格進行格式化、排序表格數(shù)據(jù)、使用表格排版網(wǎng)頁

第6章 制作網(wǎng)站鏈接

教學內(nèi)容：

制作基本鏈接

制作錨點鏈接

制作圖像映射

教學要求：

熟練掌握：制作外部網(wǎng)站鏈接、制作內(nèi)部頁面鏈接、制作電子郵件鏈接、制作空鏈接、制作腳本鏈接、制作同頁面或不同頁面之間的錨點鏈接

掌握：制作圖像映射

第7章 制作表單頁面

教學內(nèi)容：

表單的概念

插入各種表單元素

教學要求：

熟練掌握：制作表單、插入各種表單元素

了解：表單的工作原理

第8章 使用樣式表制作高級頁面

教學內(nèi)容：

樣式表基礎(chǔ)

在頁面中使用樣式表

將樣式表應(yīng)用于整個網(wǎng)站

教學要求：

熟練掌握：文字樣式的使用、背景樣式的使用、為網(wǎng)頁設(shè)置整體和局部鏈接效果、將樣式表應(yīng)用在整個網(wǎng)站

掌握：樣式表基本概念、區(qū)塊樣式的使用、邊框樣式的使用

了解：鼠標光標樣式的使用

第9章 建設(shè)框架網(wǎng)站

教學內(nèi)容：

框架的基本使用

建立嵌套框架結(jié)構(gòu)

建立浮動框架頁面

教學要求：

掌握：創(chuàng)建普通框架頁面、創(chuàng)建嵌套框架結(jié)構(gòu)頁面

了解：創(chuàng)建浮動框架頁面

第10章 制作動態(tài)效果頁面

教學內(nèi)容：

使用層排版

使用時間軸制作動畫

使用行為制作動態(tài)效果

利用層、時間軸和行為的配合

制作特效

教學要求：

熟練掌握：使用層和表格的配合進行排版、使用時間軸制作動畫、制作顯示層文本特效

掌握：使用各種行為制作頁面中的動態(tài)效果、制作顯示隱藏層的特效、制作拖動層特效

了解：利用層溢出屬性排版、制作控制時間軸動畫的特效

第11章 使用模板和庫制作網(wǎng)站

教學內(nèi)容：

使用模板

使用庫

教學要求：

掌握：建立、使用并更新模板

了解：在頁面中使用庫

第12章 使用插件豐富頁面效果

教學內(nèi)容：

使用插件的基本方法

使用行為插件

使用命令插件

使用對象插件

教學要求：

掌握：使用行為插件、使用命令插件、使用對象插件

第13章 網(wǎng)站維護和上傳

教學內(nèi)容：

測試網(wǎng)站

上傳網(wǎng)站

教學要求：

掌握：網(wǎng)站測試的方法、網(wǎng)站上傳的方法

三、課程的教學媒體說明

1．《網(wǎng)頁設(shè)計與制作Macromedia Dreamweaver 8》，藝博張明真主編，

高等教育出版社出版

2．IP課件，10講，每講50分鐘，主要是對課程進行系統(tǒng)輔導，突出講軟件的使用和操作。

四、教學過程的組織、監(jiān)督與管理

該教學安排按照一學期18周進行，每周5學時，合計課內(nèi)36學時，實訓54學時。

章號

內(nèi)容

授課學時

第一章

Dreamweaver 8 基礎(chǔ)知識

2

第二章

本地站點的構(gòu)建

2

第三章

制作簡單的圖文混排頁面

3

第四章

制作多媒體頁面

3

第五章

使用表格排版網(wǎng)頁

3

第六章

制作網(wǎng)站鏈接

2

第七章

制作表單頁面

3

第八章

使用樣式表制作高級頁面

3

第九章

建設(shè)框架網(wǎng)站

3

第十章

制作動態(tài)效果頁面

3

第十一章

使用模板和庫制作網(wǎng)站

3

第十二章

使用插件豐富頁面效果

3

第十三章

網(wǎng)站維護和上傳

3

總計

36

（實訓分為必做和選做內(nèi)容，可根據(jù)實際的實驗條件選做。實訓總計54學時）

必做實訓題

實訓1基本網(wǎng)頁設(shè)計

【內(nèi)容】

建立網(wǎng)站與設(shè)置網(wǎng)頁的方法

【要求】

1．掌握建立一個網(wǎng)站的方法

2．建立首頁和相應(yīng)頁面

實訓2利用表格進行網(wǎng)頁排版

【內(nèi)容】

1．利用表格規(guī)劃網(wǎng)頁布局的方法

2．表格的嵌套

【要求】

1．掌握利用表格進行網(wǎng)頁排版

2．掌握設(shè)置標題

3．掌握建立廣告條

4．掌握設(shè)立欄目

5．掌握插入圖片以及文字內(nèi)容

6．掌握建立版權(quán)信息部分

實訓3使用頁面布局模式

【內(nèi)容】

1．頁面布局

2．排版的方法

【要求】

1．掌握使用頁面布局模式設(shè)計表格

2．掌握網(wǎng)頁排版

3．掌握區(qū)別頁面布局模式與直接使用表格

實訓4對網(wǎng)頁進行排版應(yīng)用CSS樣式表

【內(nèi)容】

應(yīng)用樣式表CSS進行排版

【要求】

1．掌握應(yīng)用CSS樣式表對網(wǎng)頁進行排版的方法

2．掌握設(shè)置版面為文字的字體、字號和顏色

3．掌握設(shè)置鏈接正常狀態(tài)、已訪問過狀態(tài)、移入狀態(tài)時的不同顏色

實訓5在網(wǎng)頁中應(yīng)用模板

【內(nèi)容】

模版的使用

【要求】

1．掌握在網(wǎng)頁中應(yīng)用模版的方法

2．掌握將當前設(shè)計好的頁面轉(zhuǎn)換為模板

3．掌握設(shè)置可編輯區(qū)域

4．掌握使用模板生成多個頁面

實訓6在網(wǎng)頁中應(yīng)用庫

【內(nèi)容】

1．網(wǎng)頁中建立庫

2．插入庫

3．更新庫

【要求】

1．掌握在網(wǎng)頁中應(yīng)用庫的方法

2．掌握選擇內(nèi)容轉(zhuǎn)換為庫

3．掌握將庫內(nèi)容插入多個文檔

4．掌握修改庫更新多個文檔

實訓7在網(wǎng)頁中插入導航條和翻轉(zhuǎn)按鈕

【內(nèi)容】

1．插入導航條

2．建立翻轉(zhuǎn)按鈕

【要求】

1．掌握在網(wǎng)頁中插入導航條的方法

2．掌握制作導航條的翻轉(zhuǎn)按鈕圖片

3．掌握生成可翻轉(zhuǎn)的導航按鈕

實訓8插入Flash及多媒體內(nèi)容

【內(nèi)容】

在網(wǎng)頁中使用多媒體素材（視頻、音頻、動畫等）

【要求】

1．掌握插入Flash按鈕

2．掌握頁面布局Flash文字

3．掌握插入FlashPaper

4．掌握插入Flash視頻

5．掌握使Flash背影在網(wǎng)頁中透明

實訓9使用層進行網(wǎng)頁的排版和布局

【內(nèi)容】

1．使用層進行網(wǎng)頁排版

2．使用層進行網(wǎng)頁布局

【要求】

1．掌握使用層來定位版面

2．掌握在層中加入圖片

3．掌握在層中加入文字

4．掌握在層中加入動畫

5．掌握使用時間軸移動層并形成動畫

選做實訓題

實訓1：插入Flash及多媒體內(nèi)容

實訓2：自行設(shè)計和制作個人網(wǎng)站

實訓3：自行設(shè)計和制作商業(yè)網(wǎng)站

1．午間直播課堂

4月上旬：教學資源介紹與內(nèi)容輔導

2．網(wǎng)上教學信息

3月中旬：課程介紹、教學大綱、教學進度；

4月中旬：第1、2、3章重點、難點輔導、作業(yè)講評；

4月下旬：第4、5、6章重點、難點輔導、作業(yè)講評；

5月中旬：第7、8章重點、難點輔導、作業(yè)講評；

5月下旬：第9、10章重點、難點輔導、作業(yè)講評；

6月中旬：第11、12、13章重點、難點輔導、作業(yè)講評；

6月下旬：考核說明、期末復習。

3．教學媒體使用信息表

教學媒體

主要內(nèi)容

主要作用

時間安排

文字教材

系統(tǒng)介紹全部內(nèi)容

系統(tǒng)傳授有關(guān)知識

共18周

IP

10講，專題講授

軟件使用與操作

各地電大自定

網(wǎng)上輔導

大綱、課程教學設(shè)計方案、教學重點難點輔導、期末復習等。

教學過程輔導、重點提示、期末總結(jié)

每15天更新一次

要一份網(wǎng)頁實訓報告

一、實習目的：

通過教學實習掌握站點制作、站點測試與發(fā)布技術(shù)。會綜合利用Fireworks

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

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

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

2.用Flash制作標題動畫。首頁中的動畫不超過20M。制作按鈕來超級鏈接到其他頁面。

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

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

三、具體要求：

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

2、 作一個主頁面，至少5個次頁面。

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

4、 主頁基本要求：

　頁頭Logo，準確無誤地標識站點和企業(yè)標志；

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

　導航條；

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

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

　版權(quán)信息。

5、制作一個表單頁面。

6、某個頁面有滾動字幕。

7、為一個頁面添加背景音樂。

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

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

10、進行站點測試后申請免費空間并發(fā)布到網(wǎng)絡(luò)。

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

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

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

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

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

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

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

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

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

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

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

附錄：源代碼

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

script language="JavaScript"

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

;

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('','微言微語個人主頁')"---收藏本站br

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

onclick="var

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

（4）滾動字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

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

vspce=5 loop=-1

pspan class="css"1、真的很喜歡那些記錄多于表達的人。

br /

…………

…………

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

/p

/div

/p

/marquee

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

bgsound src="aa.mp3" loop=1

（6）禁止右鍵復制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

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

document.onselectstart=new

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

/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）鼠標跟隨代碼：

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)滾動圖片：

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）左右鍵控制的圖片移動按鈕：

on(release)

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

六、實訓中遇到的難點及解決辦法：

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

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

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

七、實訓心得：

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

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

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

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

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

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

網(wǎng)頁設(shè)計實訓心得

網(wǎng)頁設(shè)計實訓心得 篇1

通過這次實訓對這門課程的學習，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。所以我得出一下總結(jié)：

一、準備資料和挑選符合目的主題的合適素材。

做網(wǎng)頁當然要收集、準備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等?？梢栽谟脖P上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應(yīng)文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網(wǎng)頁時隨手拈來或加以修改就成你自己的東西了。

二、規(guī)劃好整個網(wǎng)站。

主頁的設(shè)計應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。切記，頁面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網(wǎng)站了。

三、善用圖片，增強藝術(shù)效果。

我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設(shè)計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁制作中的設(shè)計技巧。

由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧，試著將其源代碼調(diào)出來仔細揣摩，并模仿著一步一步去實現(xiàn)。

最后感謝老師多日來的辛勤教導！

網(wǎng)頁設(shè)計實訓心得 篇2

[實習目的]

通過網(wǎng)頁設(shè)計理論聯(lián)系實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網(wǎng)頁設(shè)計實踐中的操作理論，提高自己網(wǎng)頁設(shè)計水平，并為能順利與社會環(huán)境接軌做準備。

[實習任務(wù)]

學習網(wǎng)頁設(shè)計實際問題處理方法及常規(guī)網(wǎng)頁設(shè)計內(nèi)容（網(wǎng)頁設(shè)計切片、數(shù)據(jù)庫的搭建、新聞管理、留言管理、網(wǎng)頁設(shè)計在線編輯器等），網(wǎng)頁設(shè)計后臺管理方面的知識應(yīng)用，及利用所學知識管理和編輯網(wǎng)站，并從實際出發(fā)，簡單了解關(guān)于網(wǎng)站安全性問題的實際解決措施（md5密碼加密等網(wǎng)頁設(shè)計知識）。

[實習時間]

xxxxxx

[實習地點]

xxxx

[實習內(nèi)容]

按照老師的安排，我制定了相應(yīng)的實習計劃，并記錄了相關(guān)的實訓內(nèi)容，以備后鑒，且完成實訓作業(yè)及實習心得。注重在實習階段對所學知識的鞏固和提高，以達到根據(jù)理論知識，指導日后工作實踐的目的。其主要網(wǎng)頁設(shè)計實習具體內(nèi)容情況報告如下：

第一、收集網(wǎng)站所需信息。

第二、運用PHOTOSHOP處理的網(wǎng)頁設(shè)計所需圖片。處理圖片要保持圖片不失真，并按照網(wǎng)頁設(shè)計需求設(shè)計所需的效果。

第三、對所完成的網(wǎng)頁頁面進行合理的切片處理，并按照網(wǎng)頁設(shè)計效果完成網(wǎng)站整體框架的構(gòu)建。

第四、搭建網(wǎng)站所需數(shù)據(jù)庫。

第五、網(wǎng)站的虛擬建設(shè)和初步完善。

[實習體會]

大學生活讓我對計算機理論知識有了一定的了解，但實際操作領(lǐng)域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設(shè)計方面的前進方向。

1．繼續(xù)學習，不斷提升理論素養(yǎng)

在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力。現(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應(yīng)工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內(nèi)容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側(cè)重，希望能夠加強自己的專業(yè)知識。

2．加強信心，堅持下去

上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜！”，等工作了才真正的領(lǐng)悟這句話的涵義。經(jīng)歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。

3、實訓學習中的同學相處

感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關(guān)系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結(jié)工作的環(huán)境。在整個網(wǎng)頁設(shè)計實訓的過程中，實訓同學之間的關(guān)系總是那般融洽！

實習，是開端也是結(jié)束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。

實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

光陰似箭，日月如梭。轉(zhuǎn)眼間，愉快而又充實的網(wǎng)頁實習課程結(jié)束了，在這幾個月的時間里，在實訓的過程中，讓我嘗試了理論與實踐的結(jié)合。網(wǎng)頁設(shè)計理論一點點轉(zhuǎn)化為實踐經(jīng)驗，模擬網(wǎng)頁實訓變成了真正面對社會的基礎(chǔ)，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設(shè)計處理過程中的困難。實習結(jié)束了，感覺腦袋里又注入了新的知識，對網(wǎng)頁設(shè)計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)的問題，再探究新的問題，使自己和公司不斷進步。

最后談?wù)勎覀€人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結(jié)合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關(guān)鍵，下一步打算結(jié)合自己的興趣，利用課余時間自我培訓；其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了；最后，打算結(jié)合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。

總體來說，這次xxxx實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

實習生：xxx

20xx年x月

網(wǎng)頁設(shè)計實訓心得 篇3

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

通過一周的實習，在這門課上我學習到了一些關(guān)于制作網(wǎng)頁的知識，對flash也有所了解，還學會了一些基礎(chǔ)的PS技能。

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

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是對圖片的處理，用到了Photoshop等相關(guān)的圖像軟件。也對Photoshopcs4這款軟件有了一定的了解，學會了一些基本的ps方法。

接下來是開始正式制作網(wǎng)頁。

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

在網(wǎng)頁制作的時候，我覺得首先要列出大綱。列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。

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

下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往網(wǎng)頁里面填內(nèi)容。

最后就是對網(wǎng)頁的一些細節(jié)調(diào)整了，保證預覽網(wǎng)頁的整齊和沒有錯誤。

網(wǎng)頁設(shè)計實訓心得 篇4

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

建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。

首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

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

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

做好以上三步之后，我們就要選擇合適的制作工具。

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

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。

網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

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

網(wǎng)頁設(shè)計實訓心得 篇5

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

一、實習時間

xxx

二、實習介紹

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

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

三、實習內(nèi)容

（一）初級考試

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

（二）三天的培訓工作

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

（三）最后的考核

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

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

（四）正式工作

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

四、實習體會

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

用ASP制作網(wǎng)頁的實訓報告總結(jié)

1. 實習內(nèi)容及知識應(yīng)用

1.1實訓內(nèi)容以及進程安排

實訓內(nèi)容：動態(tài)網(wǎng)站制作的學習及動態(tài)網(wǎng)站的制作

這次在3名指導老師的帶領(lǐng)下，我們主要學習了用2種現(xiàn)在比較流行的動態(tài)網(wǎng)站開發(fā)平臺來開發(fā)網(wǎng)站：JSP平臺與ASP.NET平臺；JSP平臺方面主要通過XX老師示范制作myblog個人博客網(wǎng)站而學習JSP平臺的搭建、數(shù)據(jù)庫的連接、網(wǎng)站測試等內(nèi)容；而ASP.NET平臺主要通過XX老師和XX2位老師的指導，學習并搭建了ASP.NET平臺，掌握了網(wǎng)頁三劍客制作動態(tài)網(wǎng)站的基本常識與方法，以及數(shù)據(jù)庫的連接、網(wǎng)站測試及Photoshop處理圖片等內(nèi)容

：

進程安排

日期

日程安排

08年7月28日 確定小組組員，小組成員為：XX（組長），XX（組員）

08年7月29日 確定小組動態(tài)網(wǎng)頁開發(fā)平臺為ASP.NET

08年7月30日 確定網(wǎng)站要實現(xiàn)的功能①

08年7月31日-8月5日 制作BBS網(wǎng)站

08年8月6日 測試BBS網(wǎng)站

08年8月7日-08年8月15日 制作電子商務(wù)網(wǎng)站

08年8月16日-8月17日 測試電子商務(wù)網(wǎng)站

08年8月18日-8月20日 提交網(wǎng)站給指導老師，聽取指導老師意見，完善網(wǎng)站

08年8月21日-8月22日 網(wǎng)站制作與小學期總結(jié)，寫小學期文檔

08年8月23日 提交小學期文檔，小學期實訓結(jié)束

說明：①經(jīng)過討論，我們組決定建設(shè)2個網(wǎng)站來實現(xiàn)以下功能

網(wǎng)站1-BBS網(wǎng)站：在這個網(wǎng)站中，我們主要實現(xiàn)了站點日歷與站點搜索引擎2大功能。

網(wǎng)站2-電子商務(wù)網(wǎng)站：在這個網(wǎng)站中，我們主要實現(xiàn)了用戶注冊與登陸、購物車的實現(xiàn)、訂單的顯示等頁面。

1.2知識（點）應(yīng)用以及經(jīng)驗總結(jié)

這次制作2個網(wǎng)站主要應(yīng)用的知識有以下：

⒈ 數(shù)據(jù)庫的創(chuàng)建

① Access數(shù)據(jù)庫的創(chuàng)建

Acess提供2種數(shù)據(jù)庫創(chuàng)建方式：一種是創(chuàng)建一個空數(shù)據(jù)庫，然后編輯數(shù)據(jù)表的內(nèi)容；另一種使用數(shù)據(jù)庫自帶的模板創(chuàng)建；在動態(tài)網(wǎng)頁面中，一般應(yīng)用第一種方式

② Access數(shù)據(jù)庫的打開方式

包括打開、只讀方式打開、獨占方式打開、只讀獨占方式打開

③ 利用設(shè)計器設(shè)計Access數(shù)據(jù)庫

利用Access數(shù)據(jù)庫里的設(shè)計器設(shè)計Access數(shù)據(jù)庫

④ 使用向?qū)гO(shè)計Access數(shù)據(jù)庫

通過Access的向?qū)?，?jīng)過一系列對話來設(shè)置Access數(shù)據(jù)庫

⑤ 通過輸入數(shù)據(jù)連接Access數(shù)據(jù)庫。

先輸入數(shù)據(jù)再確定字段

⒉ 數(shù)據(jù)庫的連接

① ODBC連接數(shù)據(jù)庫

打開ODBC數(shù)據(jù)源管理器面板。 在windows XP中打開控制面板，再打開管理工具，找到數(shù)據(jù)源（ODBC），雙擊圖標打開管理器，選擇系統(tǒng)DSN。添加數(shù)據(jù)源，點擊添加按鈕，開始創(chuàng)建數(shù)據(jù)源，在接下來的對話框中選擇數(shù)據(jù)源的驅(qū)動程序，因我們使用的是Microsoft Access創(chuàng)建的數(shù)據(jù)庫，所以選擇Microsoft Access Driver(*.mdb)作為數(shù)據(jù)庫驅(qū)動程序。點擊完成按鈕，填寫數(shù)據(jù)源名，以簡單易記為原則，這里我們以userinfo（表名）來命名，注意不要沖突。說明填不填都無所謂，是描述這個數(shù)據(jù)庫的用途而已。點擊選擇按鈕，選擇你的數(shù)據(jù)庫文件。找到自己想添加的數(shù)據(jù)庫，選中即可。

② OLEDB連接數(shù)據(jù)庫

在Dreamweaver 中,可以通過在連接字符串中包含 Provider 參數(shù)來創(chuàng)建 OLE DB 連接。打開Dreameaver，在站點里面先新建個ASP頁面（index.asp）。 在“應(yīng)用程序”面板中選中“數(shù)據(jù)庫”標簽。只要我們在前面建立了站點，選擇了文檔類型（即我們選的ASP Javascript的），并且還測試了服務(wù)器（）；則當前我們看到就剩下第四步?jīng)]有打勾了。 那現(xiàn)在就點擊“+”號，選擇“自定義連接字符串”。在彈出來的“自定義連接字符串”對話框中，"連接名稱"隨便寫一個?！斑B接字符串”就要好好填寫了。當"使用此計算機上的驅(qū)動程序"時應(yīng)用絕對路徑：DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否則“使用測試服務(wù)器上的驅(qū)動程序”采用Mappath轉(zhuǎn)換路徑"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb"),點擊“測試”，出現(xiàn)成功對話框，成功連接數(shù)據(jù)庫后，在DW里其實是自動生成了一個連接文件。位置在自動生成的Connections文件夾中，名稱是你剛才在“自定義連接字符串”隨便敲的為命名asp文件。還可以注意到DW數(shù)據(jù)庫標簽內(nèi)看到mdb文件內(nèi)的各個字段。

⒊ 動態(tài)網(wǎng)頁開發(fā)技術(shù)

① 記錄集的定義

分為簡單記錄集定義與高級記錄集定義，簡單記錄集的定義使用戶不必用SQL語句查詢而快速定義記錄集。高級記錄集定義則通過SQL語來定義記錄集。

② 記錄集的綁定

記錄集(查詢)的綁定。在網(wǎng)頁中插入一個表單，并輸入需要插入到數(shù)據(jù)庫的相關(guān)內(nèi)容，然后通過記錄集（查詢）功能來實現(xiàn)表單和數(shù)據(jù)庫的相互協(xié)調(diào)使用，并實現(xiàn)“動態(tài)”功能

③ 重復區(qū)域服務(wù)器行為

服務(wù)器行為其實一段VB代碼，為了方便用戶對記錄集的操作，DW中將常用代碼進行封裝，命名為服務(wù)器行為。而重復區(qū)域服務(wù)器行為相當于一個FOR循環(huán)函數(shù)

④ 設(shè)置記錄集導航條

添加記錄集導航條以分頁的方式用來顯示重復區(qū)域服務(wù)器行為顯示有限的記錄

⒋XML動態(tài)網(wǎng)頁制作

① XSLT

XSLT 是一種用于將 XML 文檔轉(zhuǎn)換為 XHTML 文檔或其他 XML 文檔的語言，XSLT 用于將一種 XML 文檔轉(zhuǎn)換為另外一種 XML 文檔，或者可被瀏覽器識別的其他類型的文檔，比如 HTML 和 XHTML。通常，XSLT 是通過把每個 XML 元素轉(zhuǎn)換為 (X)HTML 元素來完成這項工作的。

⒌服務(wù)器的配置

① 站點存放點的創(chuàng)建

打開電腦，在D盤下建立一文件夾newgn（這個夾子就是你的站點存放點了），并且在里面建幾個子文件夾（就好似你網(wǎng)站的子目錄）。

② 建立虛擬目錄

回到newgn的根目錄，右鍵選擇“共享和安全”（其實是快速地建立虛擬目錄）

③ 設(shè)置IIS的虛擬目錄

出現(xiàn)屬性對話框后，選擇“Web共享”標簽，點選“共享文件夾”，出現(xiàn)共享別名對話框，選擇默然設(shè)置，確定即可

⒍利用Dreamweaver創(chuàng)建站點

選擇“編輯站點”，在彈出的屬性框中選“高級”標簽，從“分類”中先選“本地信息”，右窗口中設(shè)置站點名稱，本地根文件夾，然后設(shè)置遠程信息，訪問選擇“本地/網(wǎng)絡(luò)”，遠端文件夾仍選擇站點文件夾d: ewgn，再接著“測試服務(wù)器”，“服務(wù)器模型”暫為ASP vbscript，“訪問”本地/網(wǎng)絡(luò)，“測試服務(wù)器文件夾”仍是站點文件夾d: ewgn，“URL前綴”在后面添加“newgn/”，添加的東西就是設(shè)置的虛擬目錄，這時，站點定義基本結(jié)束，點擊確定。出現(xiàn)“編輯站點”對話框，“完成”即可。

⒎利用FIREWORKS處理圖片

利用FIREWORKS處理一些圖片和制作一些GIF動畫圖片

經(jīng)驗總結(jié)：

利用Dreamweaver做ASP動態(tài)網(wǎng)站主要為以下幾步：

①網(wǎng)站服務(wù)器配置

②數(shù)據(jù)庫設(shè)置

③數(shù)據(jù)庫顯示

④建立注冊系統(tǒng)

⑤建立登陸系統(tǒng)

⑥美化網(wǎng)站

2. 實習心得

{要求500字以上}

l 過程、功能需求、菜單設(shè)計、界面設(shè)計、數(shù)據(jù)庫設(shè)計、知識的應(yīng)用技巧、團隊合作感受等(指導教師可按實習內(nèi)容進行要求并自行增加內(nèi)容)

本次小學期期實訓，我們小組主要制作了2個動態(tài)網(wǎng)站,而制作這2個動態(tài)網(wǎng)站的主要過程是：

⒈個人博客網(wǎng)站

①站點的定義

②數(shù)據(jù)庫的連接

③制作站點搜索引擎及搜索結(jié)果頁面

④制作日志列表

⑤制作BLOG首頁面，基本頁面設(shè)計

⑥定義并綁定記錄集

⑦界面的美化

⑧設(shè)置重復區(qū)域

⑨指定日期的日志內(nèi)容頁面

⑩日志具體內(nèi)容頁面-日志內(nèi)容和回復及日志回復功能

⒉電子商務(wù)網(wǎng)站

①站點的建立和連接字符串

②用戶登陸及用戶登陸信息顯示頁面

③錯誤信息頁面設(shè)計

④創(chuàng)建模板

⑤添加登陸頁面的嵌入框架

⑥用戶注冊頁面的實現(xiàn)

⑦添加“密碼”比較驗證的代碼

⑧制作最新產(chǎn)品導航條與滾動產(chǎn)品導航條

⑨產(chǎn)品展示的實現(xiàn)

⑩用戶購物車：限制用戶登陸、添加購物車程序、購物車鏈接、刪除購物車

而這2個網(wǎng)站實現(xiàn)的功能大不相同，前者為一個博客網(wǎng)站，主要實現(xiàn)了站點搜索引擎、日志列表、站點日期等內(nèi)容；后者為一個電子商務(wù)網(wǎng)站，主要實現(xiàn)了用戶登陸、用戶注冊、密碼驗證、產(chǎn)品展示以及用戶在線購物等內(nèi)容；剛確定制作網(wǎng)站的時候，本設(shè)想將2個網(wǎng)站整合在一起，但由于技術(shù)和其他原因，這個目的沒能實現(xiàn)。

制作動態(tài)網(wǎng)站，數(shù)據(jù)庫最重要，在我們小組這次制作網(wǎng)站的過程中，花時間最多的地方就是數(shù)據(jù)庫-數(shù)據(jù)庫的建立、數(shù)據(jù)庫與網(wǎng)站的連接、記錄集的綁定、數(shù)據(jù)庫安全等等，由于時間的關(guān)系，我們小組這次采用的是Acess數(shù)據(jù)庫，它與其他數(shù)據(jù)庫相比較相對來說操作比較簡單。在數(shù)據(jù)庫的制作中，這次我們小組遇到的難題主要是采用OLEDB連接數(shù)據(jù)庫的方法，這個難題的關(guān)鍵之處是在于如何利用 Provider 參數(shù)來創(chuàng)建 OLEDB 連接，我們在網(wǎng)上搜索了大量資料并在XX老師的幫助下終于學會了如何使用OLEDB連接數(shù)據(jù)庫。

總結(jié)這次小學期實訓，這次2個網(wǎng)站能這么順利的完成，離不開老師的幫助和小組成員的努力，雖然這次小學期實訓我們小組只有2人，但是我們是一個有效率、有組織、有團隊精神的小組，有效率在于小組制作網(wǎng)站中分工明確、討論有目的；有組織在于小組成員能按時、有質(zhì)量的完成自己的分工任務(wù)，值得一提的是這次小學期網(wǎng)站開發(fā)的大部分時間在小學期實訓教室而我們小組成員還從未擅自曠課、上課遲到、早退等違紀行為；有團隊精神在于我們小組實訓過程中的共進退，從不因為自己分工任務(wù)提前完成而拉下其他組員，我們意識到小組是一個有組織、有記錄、有共同目的的集體而不是一個由分散的個人組成的團體，在這次小學期實訓中之所以提出小組分工這是鍛煉小組組員的個人能力培養(yǎng)，而幫助有困難的組員這充分培養(yǎng)了組員之間的默契和團隊協(xié)作能力。

這次是畢業(yè)前最后的一次小學期實訓，也是自己做投入、最用心的一次實訓，與以前的小學期相比，以前的小學期都是以掌握某種實訓技能為主，而這次小學期則不僅掌握了動態(tài)網(wǎng)站的制作技術(shù)而且還制作出了自己的成果，自己非常高興。經(jīng)過這次小學期，我領(lǐng)悟到任何東西都要“學以至用”，學習了還不行還要看自己掌握了沒，掌握了還不行還要看自己熟練了沒，熟練了還不行還要做出一定成果。即將畢業(yè)，能接受這么一次有意義的小學期實訓感覺很充實。

網(wǎng)址:

網(wǎng)頁設(shè)計實訓報告里有一個網(wǎng)頁模塊介紹，要怎么寫，網(wǎng)頁模塊是什么意思

是網(wǎng)頁模板吧。網(wǎng)頁一般沒有模塊，模塊一般在模塊化程序設(shè)計中，網(wǎng)頁一般都是指的模板。

網(wǎng)頁模板就是已經(jīng)做好的網(wǎng)頁框架，使用網(wǎng)頁編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站。每個網(wǎng)頁模板壓縮包內(nèi)包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網(wǎng)頁模板添加內(nèi)容。

1）模板的概念：作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時，可以說明哪些網(wǎng)頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt。

2）模板的作用：有利于保持網(wǎng)頁風格的一致；提高工作效率。

1．創(chuàng)建模板

1）創(chuàng)建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕

模板面板的打開：Window菜單--Templates

2）創(chuàng)建基于文檔的模板：File菜單-Save As Template

2．設(shè)置模板頁面屬性

1）用模板創(chuàng)建的文檔繼承模板的頁面屬性，頁標題除外。

2）設(shè)置：Modify菜單-Page Properties

3．定義模板的可編輯區(qū)

1）定義模板的可編輯區(qū)

在模板文檔中選定對象、Modify菜單、Templates、New Editable Region

2）取消可編輯區(qū)標記

Modify菜單-Templates-Remove Editable Region

關(guān)于Dreamweaver網(wǎng)頁制作實訓報告和dreamweaver網(wǎng)頁制作實例的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。