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

本文目錄一覽：

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

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

中央廣播電視大學(xué)開(kāi)放?？?/p>

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

一、課程概況

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

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

本課程的特點(diǎn)：

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

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

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

其中形成性考核要求在真實(shí)Dreamweaver環(huán)境下，完成9次實(shí)訓(xùn)項(xiàng)目。視實(shí)訓(xùn)完成的情況評(píng)分，占考核總成績(jī)的50%，成績(jī)由所在班級(jí)的任課教師給定，實(shí)訓(xùn)作品及實(shí)訓(xùn)報(bào)告上報(bào)?。ㄊ?、自治區(qū)）電大認(rèn)定、備案。中央廣播電視大學(xué)隨機(jī)進(jìn)行抽查。

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

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

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

教學(xué)內(nèi)容：

Dreamweaver 8 簡(jiǎn)介

Dreamweaver 8 工作環(huán)境

教學(xué)要求：

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

了解：Dreamweaver 8的總體了解

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

教學(xué)內(nèi)容：

創(chuàng)建站點(diǎn)

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

管理本地站點(diǎn)

教學(xué)要求：

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

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

第3章 制作簡(jiǎn)單的圖文混排頁(yè)面

教學(xué)內(nèi)容：

設(shè)置頭信息

設(shè)置頁(yè)面屬性

制作簡(jiǎn)單的文本頁(yè)面

制作圖文混排頁(yè)面

制作交互圖像頁(yè)面

教學(xué)要求：

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

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

第4章 制作多媒體頁(yè)面

教學(xué)內(nèi)容：

在頁(yè)面中插入動(dòng)畫

在頁(yè)面中插入音頻

在頁(yè)面中插入視頻

在頁(yè)面中插入Applet

在頁(yè)面中插入滾動(dòng)字幕

教學(xué)要求：

熟練掌握：在頁(yè)面中插入Flash動(dòng)畫、在頁(yè)面中插入音頻、在頁(yè)面中插入視頻

掌握：在頁(yè)面中插入Flash按鈕、在頁(yè)面中插入Flash文本、在頁(yè)面中插入滾動(dòng)字幕

了解：在頁(yè)面中插入Applet

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

教學(xué)內(nèi)容：

表格的基本操作

處理表格

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

教學(xué)要求：

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

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

教學(xué)內(nèi)容：

制作基本鏈接

制作錨點(diǎn)鏈接

制作圖像映射

教學(xué)要求：

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

掌握：制作圖像映射

第7章 制作表單頁(yè)面

教學(xué)內(nèi)容：

表單的概念

插入各種表單元素

教學(xué)要求：

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

了解：表單的工作原理

第8章 使用樣式表制作高級(jí)頁(yè)面

教學(xué)內(nèi)容：

樣式表基礎(chǔ)

在頁(yè)面中使用樣式表

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

教學(xué)要求：

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

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

了解：鼠標(biāo)光標(biāo)樣式的使用

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

教學(xué)內(nèi)容：

框架的基本使用

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

建立浮動(dòng)框架頁(yè)面

教學(xué)要求：

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

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

第10章 制作動(dòng)態(tài)效果頁(yè)面

教學(xué)內(nèi)容：

使用層排版

使用時(shí)間軸制作動(dòng)畫

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

利用層、時(shí)間軸和行為的配合

制作特效

教學(xué)要求：

熟練掌握：使用層和表格的配合進(jìn)行排版、使用時(shí)間軸制作動(dòng)畫、制作顯示層文本特效

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

了解：利用層溢出屬性排版、制作控制時(shí)間軸動(dòng)畫的特效

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

教學(xué)內(nèi)容：

使用模板

使用庫(kù)

教學(xué)要求：

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

了解：在頁(yè)面中使用庫(kù)

第12章 使用插件豐富頁(yè)面效果

教學(xué)內(nèi)容：

使用插件的基本方法

使用行為插件

使用命令插件

使用對(duì)象插件

教學(xué)要求：

掌握：使用行為插件、使用命令插件、使用對(duì)象插件

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

教學(xué)內(nèi)容：

測(cè)試網(wǎng)站

上傳網(wǎng)站

教學(xué)要求：

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

三、課程的教學(xué)媒體說(shuō)明

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

高等教育出版社出版

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

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

該教學(xué)安排按照一學(xué)期18周進(jìn)行，每周5學(xué)時(shí)，合計(jì)課內(nèi)36學(xué)時(shí)，實(shí)訓(xùn)54學(xué)時(shí)。

章號(hào)

內(nèi)容

授課學(xué)時(shí)

第一章

Dreamweaver 8 基礎(chǔ)知識(shí)

2

第二章

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

2

第三章

制作簡(jiǎn)單的圖文混排頁(yè)面

3

第四章

制作多媒體頁(yè)面

3

第五章

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

3

第六章

制作網(wǎng)站鏈接

2

第七章

制作表單頁(yè)面

3

第八章

使用樣式表制作高級(jí)頁(yè)面

3

第九章

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

3

第十章

制作動(dòng)態(tài)效果頁(yè)面

3

第十一章

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

3

第十二章

使用插件豐富頁(yè)面效果

3

第十三章

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

3

總計(jì)

36

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

必做實(shí)訓(xùn)題

實(shí)訓(xùn)1基本網(wǎng)頁(yè)設(shè)計(jì)

【內(nèi)容】

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

【要求】

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

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

實(shí)訓(xùn)2利用表格進(jìn)行網(wǎng)頁(yè)排版

【內(nèi)容】

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

2．表格的嵌套

【要求】

1．掌握利用表格進(jìn)行網(wǎng)頁(yè)排版

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

3．掌握建立廣告條

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

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

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

實(shí)訓(xùn)3使用頁(yè)面布局模式

【內(nèi)容】

1．頁(yè)面布局

2．排版的方法

【要求】

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

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

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

實(shí)訓(xùn)4對(duì)網(wǎng)頁(yè)進(jìn)行排版應(yīng)用CSS樣式表

【內(nèi)容】

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

【要求】

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

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

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

實(shí)訓(xùn)5在網(wǎng)頁(yè)中應(yīng)用模板

【內(nèi)容】

模版的使用

【要求】

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

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

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

4．掌握使用模板生成多個(gè)頁(yè)面

實(shí)訓(xùn)6在網(wǎng)頁(yè)中應(yīng)用庫(kù)

【內(nèi)容】

1．網(wǎng)頁(yè)中建立庫(kù)

2．插入庫(kù)

3．更新庫(kù)

【要求】

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

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

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

4．掌握修改庫(kù)更新多個(gè)文檔

實(shí)訓(xùn)7在網(wǎng)頁(yè)中插入導(dǎo)航條和翻轉(zhuǎn)按鈕

【內(nèi)容】

1．插入導(dǎo)航條

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

【要求】

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

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

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

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

【內(nèi)容】

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

【要求】

1．掌握插入Flash按鈕

2．掌握頁(yè)面布局Flash文字

3．掌握插入FlashPaper

4．掌握插入Flash視頻

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

實(shí)訓(xùn)9使用層進(jìn)行網(wǎng)頁(yè)的排版和布局

【內(nèi)容】

1．使用層進(jìn)行網(wǎng)頁(yè)排版

2．使用層進(jìn)行網(wǎng)頁(yè)布局

【要求】

1．掌握使用層來(lái)定位版面

2．掌握在層中加入圖片

3．掌握在層中加入文字

4．掌握在層中加入動(dòng)畫

5．掌握使用時(shí)間軸移動(dòng)層并形成動(dòng)畫

選做實(shí)訓(xùn)題

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

實(shí)訓(xùn)2：自行設(shè)計(jì)和制作個(gè)人網(wǎng)站

實(shí)訓(xùn)3：自行設(shè)計(jì)和制作商業(yè)網(wǎng)站

1．午間直播課堂

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

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

3月中旬：課程介紹、教學(xué)大綱、教學(xué)進(jìn)度；

4月中旬：第1、2、3章重點(diǎn)、難點(diǎn)輔導(dǎo)、作業(yè)講評(píng)；

4月下旬：第4、5、6章重點(diǎn)、難點(diǎn)輔導(dǎo)、作業(yè)講評(píng)；

5月中旬：第7、8章重點(diǎn)、難點(diǎn)輔導(dǎo)、作業(yè)講評(píng)；

5月下旬：第9、10章重點(diǎn)、難點(diǎn)輔導(dǎo)、作業(yè)講評(píng)；

6月中旬：第11、12、13章重點(diǎn)、難點(diǎn)輔導(dǎo)、作業(yè)講評(píng)；

6月下旬：考核說(shuō)明、期末復(fù)習(xí)。

3．教學(xué)媒體使用信息表

教學(xué)媒體

主要內(nèi)容

主要作用

時(shí)間安排

文字教材

系統(tǒng)介紹全部?jī)?nèi)容

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

共18周

IP

10講，專題講授

軟件使用與操作

各地電大自定

網(wǎng)上輔導(dǎo)

大綱、課程教學(xué)設(shè)計(jì)方案、教學(xué)重點(diǎn)難點(diǎn)輔導(dǎo)、期末復(fù)習(xí)等。

教學(xué)過(guò)程輔導(dǎo)、重點(diǎn)提示、期末總結(jié)

每15天更新一次

要一份網(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)畫格式，制作標(biāo)題動(dòng)畫。對(duì)文字應(yīng)用效果。利用Fireworks制作導(dǎo)航條并導(dǎo)出格式為html。

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

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)頁(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)單的主題?？梢赃x擇制作《個(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)畫，可以制作成GIF動(dòng)畫或者Flash動(dòng)畫；

　導(dǎo)航條；

　E-mail地址，用來(lái)接受用戶垂詢；

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

　版權(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)?，我覺(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)畫），文章（一些自己喜歡的文章），相冊(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)接受用戶垂詢；聯(lián)系信息，如普通郵件地址或電話，像被分開(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)畫，來(lái)回移動(dòng)的層，里面存放日期，利用行為面板為此層添加了鼠標(biāo)行為，單擊此層，會(huì)出現(xiàn)對(duì)話框，“歡迎您訪問(wèn)我的個(gè)人主頁(yè)！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號(hào)，顏色都統(tǒng)一套用相應(yīng)的樣式。

首頁(yè)中添加背景音樂(lè)，小說(shuō)音樂(lè)《我在那一角落患過(guò)傷風(fēng)》，一邊看慢慢上移的文字，一邊聽(tīng)這輕柔的音樂(lè)，給人一種意境美。其實(shí)次頁(yè)面添加《蟲兒飛》，輕快而活潑。首頁(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)畫，第一個(gè)是左右鍵控制的圖片移動(dòng)按鈕，可以單擊來(lái)鏈接到主頁(yè)面（代碼見(jiàn)附錄），四個(gè)圖片經(jīng)過(guò)裁剪、高斯模糊。第二個(gè)是光芒四射（代碼見(jiàn)附錄），要用到ActionScript語(yǔ)言，長(zhǎng)短不一的線條加上透明度的改變組成光芒四射。第三個(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="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)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺(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)，不可能用一張美女圖做背景，上面卻寫有關(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)做的話，也許，我們可以做得更好，因?yàn)?，一個(gè)想的畢竟不全面，而且，一個(gè)人的申美有限，我們可以分工合作，一個(gè)人做一個(gè)方面的東西，也可以根據(jù)他所善長(zhǎng)的方面來(lái)分工，善長(zhǎng)動(dòng)畫制作的人做動(dòng)畫，善長(zhǎng)圖片處理的人做圖片，善長(zhǎng)文字與布局的就來(lái)布局。但是，也許那樣，有些同學(xué)會(huì)懶的動(dòng)手，推著給別人做。

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

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

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

一、準(zhǔn)備資料和挑選符合目的主題的合適素材。

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

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

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

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

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

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

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

最后感謝老師多日來(lái)的辛勤教導(dǎo)！

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

[實(shí)習(xí)目的]

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

[實(shí)習(xí)任務(wù)]

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

[實(shí)習(xí)時(shí)間]

xxxxxx

[實(shí)習(xí)地點(diǎn)]

xxxx

[實(shí)習(xí)內(nèi)容]

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

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

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

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

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

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

[實(shí)習(xí)體會(huì)]

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

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

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

2．加強(qiáng)信心，堅(jiān)持下去

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

3、實(shí)訓(xùn)學(xué)習(xí)中的同學(xué)相處

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

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

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

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

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

總體來(lái)說(shuō)，這次xxxx實(shí)習(xí)，讓我受益匪淺，以上是我的實(shí)習(xí)心得與體會(huì)，不足之處望得到指正。

實(shí)習(xí)生：xxx

20xx年x月

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得 篇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é)生迫切所需的。

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

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

在準(zhǔn)備材料的時(shí)候我們可以用到學(xué)習(xí)的Flash知識(shí)來(lái)制作一些小的動(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)行控制，效果可以很直觀的反映出來(lái)。

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

接下來(lái)是開(kāi)始正式制作網(wǎng)頁(yè)。

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

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

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

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

最后就是對(duì)網(wǎng)頁(yè)的一些細(xì)節(jié)調(diào)整了，保證預(yù)覽網(wǎng)頁(yè)的整齊和沒(méi)有錯(cuò)誤。

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

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

建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(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)容大而全，包羅萬(wàn)象。你沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

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

找到材料后，我們還要規(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)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。

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

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

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(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)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

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

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

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

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

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

xxx

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

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

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

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

（一）初級(jí)考試

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

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

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

（三）最后的考核

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

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

（四）正式工作

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

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

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

用ASP制作網(wǎng)頁(yè)的實(shí)訓(xùn)報(bào)告總結(jié)

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

1.1實(shí)訓(xùn)內(nèi)容以及進(jìn)程安排

實(shí)訓(xùn)內(nèi)容：動(dòng)態(tài)網(wǎng)站制作的學(xué)習(xí)及動(dòng)態(tài)網(wǎng)站的制作

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

：

進(jìn)程安排

日期

日程安排

08年7月28日 確定小組組員，小組成員為：XX（組長(zhǎng)），XX（組員）

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

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

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

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

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

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

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

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

08年8月23日 提交小學(xué)期文檔，小學(xué)期實(shí)訓(xùn)結(jié)束

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

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

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

1.2知識(shí)（點(diǎn)）應(yīng)用以及經(jīng)驗(yàn)總結(jié)

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

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

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

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

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

包括打開(kāi)、只讀方式打開(kāi)、獨(dú)占方式打開(kāi)、只讀獨(dú)占方式打開(kāi)

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

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

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

通過(guò)Access的向?qū)В?jīng)過(guò)一系列對(duì)話來(lái)設(shè)置Access數(shù)據(jù)庫(kù)

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

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

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

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

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

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

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

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

① 記錄集的定義

分為簡(jiǎn)單記錄集定義與高級(jí)記錄集定義，簡(jiǎn)單記錄集的定義使用戶不必用SQL語(yǔ)句查詢而快速定義記錄集。高級(jí)記錄集定義則通過(guò)SQL語(yǔ)來(lái)定義記錄集。

② 記錄集的綁定

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

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

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

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

添加記錄集導(dǎo)航條以分頁(yè)的方式用來(lái)顯示重復(fù)區(qū)域服務(wù)器行為顯示有限的記錄

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

① XSLT

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

⒌服務(wù)器的配置

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

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

② 建立虛擬目錄

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

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

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

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

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

⒎利用FIREWORKS處理圖片

利用FIREWORKS處理一些圖片和制作一些GIF動(dòng)畫圖片

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

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

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

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

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

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

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

⑥美化網(wǎng)站

2. 實(shí)習(xí)心得

{要求500字以上}

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

本次小學(xué)期期實(shí)訓(xùn)，我們小組主要制作了2個(gè)動(dòng)態(tài)網(wǎng)站,而制作這2個(gè)動(dòng)態(tài)網(wǎng)站的主要過(guò)程是：

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

①站點(diǎn)的定義

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

③制作站點(diǎn)搜索引擎及搜索結(jié)果頁(yè)面

④制作日志列表

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

⑥定義并綁定記錄集

⑦界面的美化

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

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

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

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

①站點(diǎn)的建立和連接字符串

②用戶登陸及用戶登陸信息顯示頁(yè)面

③錯(cuò)誤信息頁(yè)面設(shè)計(jì)

④創(chuàng)建模板

⑤添加登陸頁(yè)面的嵌入框架

⑥用戶注冊(cè)頁(yè)面的實(shí)現(xiàn)

⑦添加“密碼”比較驗(yàn)證的代碼

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

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

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

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

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

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

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

網(wǎng)址:

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告里有一個(gè)網(wǎng)頁(yè)模塊介紹，要怎么寫，網(wǎng)頁(yè)模塊是什么意思

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

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

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

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

1．創(chuàng)建模板

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

模板面板的打開(kāi)：Window菜單--Templates

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

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

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

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

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

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

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

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

Modify菜單-Templates-Remove Editable Region

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