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

ASP網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)指導(dǎo)書

實(shí)訓(xùn)一 配置ASP運(yùn)行環(huán)境

實(shí)訓(xùn)內(nèi)容：1.配置IIS 5.0開發(fā)環(huán)境

實(shí)訓(xùn)目的：能夠熟練進(jìn)行ASP開發(fā)環(huán)境的配置 實(shí)訓(xùn)步驟：見IISgcwj.swf

實(shí)訓(xùn)內(nèi)容：2.ASP初體驗(yàn) 實(shí)訓(xùn)目的：能夠初步體會(huì)B/S構(gòu)架

實(shí)訓(xùn)內(nèi)容：3.服務(wù)器對(duì)接技術(shù)

實(shí)訓(xùn)目的：能夠輕松進(jìn)行asp文件的測(cè)試 實(shí)訓(xùn)步驟： 1.配置IIS服務(wù)器

2.設(shè)置Internet服務(wù)器的默認(rèn)站點(diǎn)和主目錄

3.打開dw，在站點(diǎn)—新建站點(diǎn)中進(jìn)行服務(wù)器對(duì)接設(shè)置 ? 高級(jí)—本地信息—站點(diǎn)名稱、本地根文件夾

? 測(cè)試服務(wù)器

服務(wù)器模型（ASP VBScript）

訪問（本地/網(wǎng)絡(luò)）

實(shí)訓(xùn)內(nèi)容：4.熟悉B/S架構(gòu)

實(shí)例1：輸出”hello World！”—--用ASP寫文本

<% response.write(“Hello World!”)%>

第二篇：動(dòng)態(tài)網(wǎng)頁asp實(shí)訓(xùn)報(bào)告

安徽商貿(mào)職業(yè)技術(shù)學(xué)院經(jīng)貿(mào)系電子商務(wù)

(2008級(jí))

動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)

設(shè)計(jì)時(shí)間：2010年6月14日 至 6月18日

設(shè)計(jì)地點(diǎn)：電子商務(wù)實(shí)訓(xùn)室二班級(jí)：電子商務(wù)082班姓名:周 海 強(qiáng)

一、實(shí)訓(xùn)目的與意義

通過實(shí)驗(yàn)教學(xué)主要培養(yǎng)學(xué)生的動(dòng)手能力，提高學(xué)生運(yùn)用ASP編程工具編寫動(dòng)態(tài)網(wǎng)頁能力的水平，掌握ASP網(wǎng)頁下HTML標(biāo)記、普通文本和腳本命令等的使用。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序和CSS語言的應(yīng)用，掌握在創(chuàng)建連接的“插入、查詢、修改”與數(shù)據(jù)庫連接等方法。綜合運(yùn)用所學(xué)ASP編程知識(shí)進(jìn)行網(wǎng)頁材料準(zhǔn)備，并建設(shè)一個(gè)小型的電子商務(wù)網(wǎng)站。

二、實(shí)訓(xùn)時(shí)間

6月14日——6月18日

三、實(shí)訓(xùn)地點(diǎn)

電子商務(wù)實(shí)訓(xùn)室二

四、實(shí)訓(xùn)進(jìn)度與計(jì)劃

第一天：查看實(shí)訓(xùn)要求了解做什么網(wǎng)站，然后上網(wǎng)查看他人網(wǎng)站，之后規(guī)劃自己的網(wǎng)站。

建一個(gè)文件夾，收集相關(guān)素材，并利用PhotoShop、Flash等多媒體制作軟件

創(chuàng)作出一些多媒體作品，為網(wǎng)頁制作進(jìn)行網(wǎng)頁的充分材料準(zhǔn)備。

第二天：創(chuàng)建數(shù)據(jù)庫，建立相關(guān)數(shù)據(jù)表，并連接圖片地址等素材和輸出的相關(guān)信息。1

第三天：編寫主頁頁面的內(nèi)容信息及其他導(dǎo)航欄的相關(guān)內(nèi)容。

第四天：繼續(xù)編寫相關(guān)網(wǎng)頁內(nèi)容并做出最后的測(cè)試工作。

第五天：驗(yàn)收通過并提交網(wǎng)站作業(yè)。

五、實(shí)訓(xùn)步驟

1.構(gòu)思網(wǎng)站總體規(guī)劃及布局。

2.創(chuàng)建數(shù)據(jù)庫，建立相關(guān)數(shù)據(jù)表。

3.在數(shù)據(jù)表中連接圖片地址和輸出的相關(guān)信息。

4.編寫網(wǎng)頁top頭部的logo、導(dǎo)航欄和banner的相關(guān)信息。

5．運(yùn)用ASP編寫左邊left的二級(jí)目錄內(nèi)容和底部boot的建站信息連接及

相關(guān)內(nèi)容連接。

6.在主頁主體main內(nèi)容通過數(shù)據(jù)庫輸出相關(guān)的產(chǎn)品內(nèi)容及信息和導(dǎo)航欄其他頁面的內(nèi)容。

7.編寫注冊(cè)/登陸、購物車、FAQ和留言系統(tǒng)等網(wǎng)頁。（必要時(shí)建設(shè)后臺(tái)管理系統(tǒng)）

8.測(cè)試網(wǎng)站并完善主頁及各個(gè)子頁，對(duì)不足之處做出相關(guān)改進(jìn)的工作。

9.驗(yàn)收通過并提交網(wǎng)站作業(yè)。

六、實(shí)訓(xùn)心得與體會(huì)

經(jīng)過一周的實(shí)訓(xùn)練習(xí)讓我學(xué)到了許多知識(shí),也有了很大的收獲。這次實(shí)訓(xùn)讓我明白了我們實(shí)訓(xùn)的主要目的是讓我們通過不斷的上機(jī)實(shí)習(xí)以及使用它來解決實(shí)際的問題，才能更好的掌握所學(xué)技能。實(shí)踐出真理，在這一周的實(shí)訓(xùn)中確實(shí)很累但是累得有價(jià)值。學(xué)海無涯，好多好多的東西還在等待我們?nèi)ヅΦ拈_發(fā)學(xué)習(xí)。我堅(jiān)信，用血淚去做自己認(rèn)為應(yīng)該做的事，努力的開拓我們的極限，沒有什么是不可能的。希望自己可以真正的化解這些知識(shí)為我所用！在以后的工作、生活和學(xué)習(xí)中，發(fā)展自己的優(yōu)勢(shì)，彌補(bǔ)自己的不足和缺陷。

七、合理化建議

對(duì)自己而言，多提升獨(dú)立完成工作的能力和團(tuán)隊(duì)的合作能力。提升自我的審美能力，加強(qiáng)“美”的判斷，提升網(wǎng)頁的整體優(yōu)化意識(shí)。多思考，多動(dòng)手。學(xué)校可再提高機(jī)房的電腦的利用率，多置些“好”的機(jī)子，減少學(xué)生實(shí)訓(xùn)過程中的機(jī)子故障，提高效率。

以上報(bào)告內(nèi)容會(huì)因?qū)嶋H情況而不同，但基本上就是這樣的。2

第三篇：網(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)單的主題。可以選擇制作《個(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語言，長短不一的線條加上透明度的改變組成光芒四射。第三個(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ù)他所善長的方面來分工，善長動(dòng)畫制作的人做動(dòng)畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。但是，也許那樣，有些同學(xué)會(huì)懶的動(dòng)手，推著給別人做

第四篇：ASP制作網(wǎng)頁的實(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)站開發(fā)平臺(tái)來開發(fā)網(wǎng)站：JSP平臺(tái)與ASP.NET平臺(tái)；JSP平臺(tái)方面主要通過XX老師示范制作myblog個(gè)人博客網(wǎng)站而學(xué)習(xí)JSP平臺(tái)的搭建、數(shù)據(jù)庫的連接、網(wǎng)站測(cè)試等內(nèi)容；而ASP.NET平臺(tái)主要通過XX老師和XX2位老師的指導(dǎo)，學(xué)習(xí)并搭建了ASP.NET平臺(tái)，掌握了網(wǎng)頁三劍客制作動(dòng)態(tài)網(wǎng)站的基本常識(shí)與方法，以及數(shù)據(jù)庫的連接、網(wǎng)站測(cè)試及Photoshop處理圖片等內(nèi)容

：

進(jìn)程安排

日期

日程安排

08年7月28日 確定小組組員，小組成員為：XX（組長），XX（組員）08年7月29日 確定小組動(dòng)態(tài)網(wǎng)頁開發(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)老師，聽取指導(dǎo)老師意見，完善網(wǎng)站

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

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

說明：①經(jīng)過討論，我們組決定建設(shè)2個(gè)網(wǎng)站來實(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è)與登陸、購物車的實(shí)現(xiàn)、訂單的顯示等頁面。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在Dreamweaver 中,可以通過在連接字符串中包含 Provider 參數(shù)來創(chuàng)建 OLE DB 連接。打開Dreameaver，在站點(diǎn)里面先新建個(gè)ASP頁面（index.asp）。在“應(yīng)用程序”面板中選中“數(shù)據(jù)庫”標(biāo)簽。只要我們?cè)谇懊娼⒘苏军c(diǎn)，選擇了文檔類型（即我們選的ASP Javascript的），并且還測(cè)試了服務(wù)器

（http://localhost/newgn/）；則當(dāng)前我們看到就剩下第四步?jīng)]有打勾了。那現(xiàn)在就點(diǎn)擊“+”號(hào)，選擇“自定義連接字符串”。在彈出來的“自定義連接字符串”對(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ù)庫后，在DW里其實(shí)是自動(dòng)生成了一個(gè)連接文件。位置在自動(dòng)生成的Connections文件夾中，名稱是你剛才在“自定義連接字符串”隨便敲的為命名asp文件。還可以注意到DW數(shù)據(jù)庫標(biāo)簽內(nèi)看到mdb文件內(nèi)的各個(gè)字段。

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

①記錄集的定義

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

記錄集(查詢)的綁定。在網(wǎng)頁中插入一個(gè)表單，并輸入需要插入到數(shù)據(jù)庫的相關(guān)內(nèi)容，然后通過記錄集（查詢）功能來實(shí)現(xiàn)表單和數(shù)據(jù)庫的相互協(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)航條以分頁的方式用來顯示重復(fù)區(qū)域服務(wù)器行為顯示有限的記錄 ⒋XML動(dòng)態(tài)網(wǎng)頁制作

①XSLT

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

⒌服務(wù)器的配置

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

打開電腦，在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ǎng)絡(luò)”，遠(yuǎn)端文件夾仍選擇站點(diǎn)文件夾d: ewgn，再接著“測(cè)試服務(wù)器”，“服務(wù)器模型”暫為ASP vbscript，“訪問”本地/網(wǎng)絡(luò)，“測(cè)試服務(wù)器文件夾”仍是站點(diǎn)文件夾d: ewgn，“URL前綴”在http://localhost后面添加“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ù)庫設(shè)置

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

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

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

⑥美化網(wǎng)站

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

{要求500字以上}

l 過程、功能需求、菜單設(shè)計(jì)、界面設(shè)計(jì)、數(shù)據(jù)庫設(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)站的主要過程是：

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

①站點(diǎn)的定義

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

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

④制作日志列表

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

⑥定義并綁定記錄集

⑦界面的美化

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

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

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

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

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

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

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

④創(chuàng)建模板

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

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

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

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

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

⑩用戶購物車：限制用戶登陸、添加購物車程序、購物車鏈接、刪除購物車 而這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)品展示以及用戶在線購物等內(nèi)容；剛確定制作網(wǎng)站的時(shí)候，本設(shè)想將2個(gè)網(wǎng)站整合在一起，但由于技術(shù)和其他原因，這個(gè)目的沒能實(shí)現(xiàn)。

制作動(dòng)態(tài)網(wǎng)站，數(shù)據(jù)庫最重要，在我們小組這次制作網(wǎng)站的過程中，花時(shí)間最多的地方就是數(shù)據(jù)庫-數(shù)據(jù)庫的建立、數(shù)據(jù)庫與網(wǎng)站的連接、記錄集的綁定、數(shù)據(jù)

庫安全等等，由于時(shí)間的關(guān)系，我們小組這次采用的是Acess數(shù)據(jù)庫，它與其他數(shù)據(jù)庫相比較相對(duì)來說操作比較簡(jiǎn)單。在數(shù)據(jù)庫的制作中，這次我們小組遇到的難題主要是采用OLEDB連接數(shù)據(jù)庫的方法，這個(gè)難題的關(guān)鍵之處是在于如何利用 Provider 參數(shù)來創(chuàng)建 OLEDB 連接，我們?cè)诰W(wǎng)上搜索了大量資料并在XX老師的幫助下終于學(xué)會(huì)了如何使用OLEDB連接數(shù)據(jù)庫。

總結(jié)這次小學(xué)期實(shí)訓(xùn)，這次2個(gè)網(wǎng)站能這么順利的完成，離不開老師的幫助和小組成員的努力，雖然這次小學(xué)期實(shí)訓(xùn)我們小組只有2人，但是我們是一個(gè)有效率、有組織、有團(tuán)隊(duì)精神的小組，有效率在于小組制作網(wǎng)站中分工明確、討論有目的；有組織在于小組成員能按時(shí)、有質(zhì)量的完成自己的分工任務(wù)，值得一提的是這次小學(xué)期網(wǎng)站開發(fā)的大部分時(shí)間在小學(xué)期實(shí)訓(xùn)教室而我們小組成員還從未擅自曠課、上課遲到、早退等違紀(jì)行為；有團(tuán)隊(duì)精神在于我們小組實(shí)訓(xùn)過程中的共進(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)過這次小學(xué)期，我領(lǐng)悟到任何東西都要“學(xué)以至用”，學(xué)習(xí)了還不行還要看自己掌握了沒，掌握了還不行還要看自己熟練了沒，熟練了還不行還要做出一定成果。即將畢業(yè)，能接受這么一次有意義的小學(xué)期實(shí)訓(xùn)感覺很充實(shí)。v

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

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

這個(gè)學(xué)期學(xué)習(xí)了網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)基礎(chǔ)這門課程，使我增加了計(jì)算機(jī)的基礎(chǔ)知識(shí)，同時(shí)也增加了對(duì)學(xué)習(xí)計(jì)算機(jī)的濃厚興趣。

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

恨少的境地。”

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

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

很有必要的。

人生的快樂莫過于做自己喜歡的事情，我很慶幸能有這次實(shí)訓(xùn)機(jī)會(huì)，因?yàn)槲蚁矚g靜靜地坐著去做做自己心里的故事，或許做的不是特別完美，從此也可以看出我以后還需要更多的努力，我會(huì)奮勇向前不斷不努力的，希望能夠得到老師的肯定！