第一篇：動態(tài)網頁asp實訓報告

安徽商貿職業(yè)技術學院經貿系電子商務

(2008級)

動態(tài)網頁設計

設計時間：2010年6月14日 至 6月18日

設計地點：電子商務實訓室二班級：電子商務082班姓名:周 海 強

一、實訓目的與意義

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

二、實訓時間

6月14日——6月18日

三、實訓地點

電子商務實訓室二

四、實訓進度與計劃

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

建一個文件夾，收集相關素材，并利用PhotoShop、Flash等多媒體制作軟件

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

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

第三天：編寫主頁頁面的內容信息及其他導航欄的相關內容。

第四天：繼續(xù)編寫相關網頁內容并做出最后的測試工作。

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

五、實訓步驟

1.構思網站總體規(guī)劃及布局。

2.創(chuàng)建數據庫，建立相關數據表。

3.在數據表中連接圖片地址和輸出的相關信息。

4.編寫網頁top頭部的logo、導航欄和banner的相關信息。

5．運用ASP編寫左邊left的二級目錄內容和底部boot的建站信息連接及

相關內容連接。

6.在主頁主體main內容通過數據庫輸出相關的產品內容及信息和導航欄其他頁面的內容。

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

8.測試網站并完善主頁及各個子頁，對不足之處做出相關改進的工作。

9.驗收通過并提交網站作業(yè)。

六、實訓心得與體會

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

七、合理化建議

對自己而言，多提升獨立完成工作的能力和團隊的合作能力。提升自我的審美能力，加強“美”的判斷，提升網頁的整體優(yōu)化意識。多思考，多動手。學?？稍偬岣邫C房的電腦的利用率，多置些“好”的機子，減少學生實訓過程中的機子故障，提高效率。

以上報告內容會因實際情況而不同，但基本上就是這樣的。2

第二篇：ASP網頁設計實訓

ASP網頁設計實訓指導書

實訓一 配置ASP運行環(huán)境

實訓內容：1.配置IIS 5.0開發(fā)環(huán)境

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

實訓內容：2.ASP初體驗 實訓目的：能夠初步體會B/S構架

實訓內容：3.服務器對接技術

實訓目的：能夠輕松進行asp文件的測試 實訓步驟： 1.配置IIS服務器

2.設置Internet服務器的默認站點和主目錄

3.打開dw，在站點—新建站點中進行服務器對接設置 ? 高級—本地信息—站點名稱、本地根文件夾

? 測試服務器

服務器模型（ASP VBScript）

訪問（本地/網絡）

實訓內容：4.熟悉B/S架構

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

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

第三篇：ASP制作網頁的實訓報告總結

1.實習內容及知識應用

1.1實訓內容以及進程安排

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

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

：

進程安排

日期

日程安排

08年7月28日 確定小組組員，小組成員為：XX（組長），XX（組員）08年7月29日 確定小組動態(tài)網頁開發(fā)平臺為ASP.NET

08年7月30日 確定網站要實現的功能①

08年7月31日-8月5日 制作BBS網站

08年8月6日 測試BBS網站

08年8月7日-08年8月15日 制作電子商務網站

08年8月16日-8月17日 測試電子商務網站

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

08年8月21日-8月22日 網站制作與小學期總結，寫小學期文檔

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

說明：①經過討論，我們組決定建設2個網站來實現以下功能

網站1-BBS網站：在這個網站中，我們主要實現了站點日歷與站點搜索引擎2大功能。

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

1.2知識（點）應用以及經驗總結

這次制作2個網站主要應用的知識有以下：

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

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

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

②Access數據庫的打開方式

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

③利用設計器設計Access數據庫

利用Access數據庫里的設計器設計Access數據庫

④使用向導設計Access數據庫

通過Access的向導，經過一系列對話來設置Access數據庫

⑤通過輸入數據連接Access數據庫。

先輸入數據再確定字段

⒉數據庫的連接

①ODBC連接數據庫

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

②OLEDB連接數據庫

在Dreamweaver 中,可以通過在連接字符串中包含 Provider 參數來創(chuàng)建 OLE DB 連接。打開Dreameaver，在站點里面先新建個ASP頁面（index.asp）。在“應用程序”面板中選中“數據庫”標簽。只要我們在前面建立了站點，選擇了文檔類型（即我們選的ASP Javascript的），并且還測試了服務器

（http://localhost/newgn/）；則當前我們看到就剩下第四步沒有打勾了。那現在就點擊“+”號，選擇“自定義連接字符串”。在彈出來的“自定義連接字符串”對話框中，“連接名稱”隨便寫一個?！斑B接字符串”就要好好填寫了。當“使用此計算機上的驅動程序”時應用絕對路徑：DRIVER={Microsoft Access Driver

(*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否則“使用測試服務器上的驅動程序”采用Mappath轉換路徑“Driver={Microsoft Access Driver

(*.mdb)};DBQ=”& server.mappath(“/newgn/database/cnbruce.mdb”),點擊“測試”，出現成功對話框，成功連接數據庫后，在DW里其實是自動生成了一個連接文件。位置在自動生成的Connections文件夾中，名稱是你剛才在“自定義連接字符串”隨便敲的為命名asp文件。還可以注意到DW數據庫標簽內看到mdb文件內的各個字段。

⒊動態(tài)網頁開發(fā)技術

①記錄集的定義

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

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

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

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

④設置記錄集導航條

添加記錄集導航條以分頁的方式用來顯示重復區(qū)域服務器行為顯示有限的記錄 ⒋XML動態(tài)網頁制作

①XSLT

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

⒌服務器的配置

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

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

②建立虛擬目錄

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

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

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

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

⒎利用FIREWORKS處理圖片

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

經驗總結：

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

①網站服務器配置

②數據庫設置

③數據庫顯示

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

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

⑥美化網站

2.實習心得

{要求500字以上}

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

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

⒈個人博客網站

①站點的定義

②數據庫的連接

③制作站點搜索引擎及搜索結果頁面

④制作日志列表

⑤制作BLOG首頁面，基本頁面設計

⑥定義并綁定記錄集

⑦界面的美化

⑧設置重復區(qū)域

⑨指定日期的日志內容頁面

⑩日志具體內容頁面-日志內容和回復及日志回復功能

⒉電子商務網站

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

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

③錯誤信息頁面設計

④創(chuàng)建模板

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

⑥用戶注冊頁面的實現

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

⑧制作最新產品導航條與滾動產品導航條

⑨產品展示的實現

⑩用戶購物車：限制用戶登陸、添加購物車程序、購物車鏈接、刪除購物車 而這2個網站實現的功能大不相同，前者為一個博客網站，主要實現了站點搜索引擎、日志列表、站點日期等內容；后者為一個電子商務網站，主要實現了用戶登陸、用戶注冊、密碼驗證、產品展示以及用戶在線購物等內容；剛確定制作網站的時候，本設想將2個網站整合在一起，但由于技術和其他原因，這個目的沒能實現。

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

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

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

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

第四篇：網頁實訓報告

靜態(tài)網站實訓

姓 名：XXX 學 號：XXXXXXXXXXX 班 級：XXXXX 指導教師：XXX 提交日期：2012年3月21日

南京工業(yè)職業(yè)技術學院項目技術報告

概 要

本實訓報告主要介紹并總結了兩周實訓以來靜態(tài)網頁設計主題的定位、內容結構、素材的下載、版式設計、色彩設計、導航、功能設計、網頁的風格設計、Flash的應用、圖片動態(tài)效果的使用以及DIV的套用、層、行為等方面的設計。南京工業(yè)職業(yè)技術學院項目技術報告

目錄

前言..................................................................................................................................................4

一、實訓意義：...............................................................................................................................5

二、實訓目的:.................................................................................................................................5

三、實驗步驟:.................................................................................................................................6

1.確定網站主題...................................................................................................................6 2.收集材料...........................................................................................................................7 3.網站規(guī)劃...........................................................................................................................7 4.網站的制作工具...............................................................................................................8

四、總體功能介紹...........................................................................................................................8

五、總體框架結構設計...................................................................................................................9

5.1制作網站的網頁.........................................................................................................9 5.1.1首頁：..............................................................................................................................9 5.1.2個人資料：....................................................................................................................15 5.1.3演員、導演姜文............................................................................................................17 5.1.4個人寫真........................................................................................................................19 5.1.5獎項榮譽........................................................................................................................24 5.1.6感情生活........................................................................................................................25 5.1.7最新資訊........................................................................................................................27 5.1.8讓子彈飛FLASH游戲.................................................................................................27

六、總體調試與分析.....................................................................................................................29 6.1上傳測試網站...................................................................................................................29

七、設計特色.................................................................................................................................29 結論................................................................................................................................................30 結束語............................................................................................................................................30

南京工業(yè)職業(yè)技術學院項目技術報告

前言

在互聯網時代的今天,不同于我們所熟悉和習慣的農業(yè)社會和工業(yè)社會,它有著較快的發(fā)展速度和極高的淘汰率,不僅挑戰(zhàn)著我們學習的勇氣,更挑戰(zhàn)著我們的方法和技巧.為此對有效掌握所需要的知識方面,我們進行了一系列的探索.在今天網絡已經成為各級單位,企業(yè)和個人的一張名片,一個精美而又獨特的網絡主頁,不僅為商家吸引更多的客戶和投資,更能為我們一個人帶來更多的機遇和更大的發(fā)展空間,對于部分人來說,它所帶來的網絡生活遠比現實生活更有魅力,更富有激情.今天internet發(fā)展非?？?，已經成為整個世界的一個主要通信網絡標準。接入internet網，瀏覽1/DTD/xhtml1-transitional.dtd“> （這里是插入背景音樂的代碼）