动态网页asp实训报告

第一篇：动态网页asp实训报告

安徽商贸职业技术学院经贸系电子商务

(2008级)

动态网页设计

设计时间：2010年6月14日 至 6月18日

设计地点：电子商务实训室二班级：电子商务082班姓名:周 海 强

一、实训目的与意义

通过实验教学主要培养学生的动手能力，提高学生运用ASP编程工具编写动态网页能力的水平，掌握ASP网页下HTML标记、普通文本和脚本命令等的使用。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序和CSS语言的应用，掌握在创建连接的“插入、查询、修改”与数据库连接等方法。综合运用所学ASP编程知识进行网页材料准备，并建设一个小型的电子商务网站。

二、实训时间

6月14日——6月18日

三、实训地点

电子商务实训室二

四、实训进度与计划

第一天：查看实训要求了解做什么网站，然后上网查看他人网站，之后规划自己的网站。

建一个文件夹，收集相关素材，并利用PhotoShop、Flash等多媒体制作软件

创作出一些多媒体作品，为网页制作进行网页的充分材料准备。

第二天：创建数据库，建立相关数据表，并连接图片地址等素材和输出的相关信息。1

第三天：编写主页页面的内容信息及其他导航栏的相关内容。

第四天：继续编写相关网页内容并做出最后的测试工作。

第五天：验收通过并提交网站作业。

五、实训步骤

1.构思网站总体规划及布局。

2.创建数据库，建立相关数据表。

3.在数据表中连接图片地址和输出的相关信息。

4.编写网页top头部的logo、导航栏和banner的相关信息。

5．运用ASP编写左边left的二级目录内容和底部boot的建站信息连接及

相关内容连接。

6.在主页主体main内容通过数据库输出相关的产品内容及信息和导航栏其他页面的内容。

7.编写注册/登陆、购物车、FAQ和留言系统等网页。（必要时建设后台管理系统）

8.测试网站并完善主页及各个子页，对不足之处做出相关改进的工作。

9.验收通过并提交网站作业。

六、实训心得与体会

经过一周的实训练习让我学到了许多知识,也有了很大的收获。这次实训让我明白了我们实训的主要目的是让我们通过不断的上机实习以及使用它来解决实际的问题，才能更好的掌握所学技能。实践出真理，在这一周的实训中确实很累但是累得有价值。学海无涯，好多好多的东西还在等待我们去努力的开发学习。我坚信，用血泪去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的。希望自己可以真正的化解这些知识为我所用！在以后的工作、生活和学习中，发展自己的优势，弥补自己的不足和缺陷。

七、合理化建议

对自己而言，多提升独立完成工作的能力和团队的合作能力。提升自我的审美能力，加强“美”的判断，提升网页的整体优化意识。多思考，多动手。学校可再提高机房的电脑的利用率，多置些“好”的机子，减少学生实训过程中的机子故障，提高效率。

以上报告内容会因实际情况而不同，但基本上就是这样的。2

第二篇：ASP网页设计实训

ASP网页设计实训指导书

实训一 配置ASP运行环境

实训内容：1.配置IIS 5.0开发环境

实训目的：能够熟练进行ASP开发环境的配置 实训步骤：见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实训内容以及进程安排

实训内容：动态网站制作的学习及动态网站的制作

这次在3名指导老师的带领下，我们主要学习了用2种现在比较流行的动态网站开发平台来开发网站：JSP平台与ASP.NET平台；JSP平台方面主要通过XX老师示范制作myblog个人博客网站而学习JSP平台的搭建、数据库的连接、网站测试等内容；而ASP.NET平台主要通过XX老师和XX2位老师的指导，学习并搭建了ASP.NET平台，掌握了网页三剑客制作动态网站的基本常识与方法，以及数据库的连接、网站测试及Photoshop处理图片等内容

：

进程安排

日期

日程安排

08年7月28日 确定小组组员，小组成员为：XX（组长），XX（组员）08年7月29日 确定小组动态网页开发平台为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个网站主要应用的知识有以下：

⒈数据库的创建

①Access数据库的创建

Acess提供2种数据库创建方式：一种是创建一个空数据库，然后编辑数据表的内容；另一种使用数据库自带的模板创建；在动态网页面中，一般应用第一种方式

②Access数据库的打开方式

包括打开、只读方式打开、独占方式打开、只读独占方式打开

③利用设计器设计Access数据库

利用Access数据库里的设计器设计Access数据库

④使用向导设计Access数据库

通过Access的向导，经过一系列对话来设置Access数据库

⑤通过输入数据连接Access数据库。

先输入数据再确定字段

⒉数据库的连接

①ODBC连接数据库

打开ODBC数据源管理器面板。在windows XP中打开控制面板，再打开管理工具，找到数据源（ODBC），双击图标打开管理器，选择系统DSN。添加数据源，点击添加按钮，开始创建数据源，在接下来的对话框中选择数据源的驱动程序，因我们使用的是Microsoft Access创建的数据库，所以选择Microsoft Access Driver(*.mdb)作为数据库驱动程序。点击完成按钮，填写数据源名，以简单易记为原则，这里我们以userinfo（表名）来命名，注意不要冲突。说明填不填都无所谓，是描述这个数据库的用途而已。点击选择按钮，选择你的数据库文件。找到自己想添加的数据库，选中即可。

②OLEDB连接数据库

在Dreamweaver 中,可以通过在连接字符串中包含 Provider 参数来创建 OLE DB 连接。打开Dreameaver，在站点里面先新建个ASP页面（index.asp）。在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点，选择了文档类型（即我们选的ASP Javascript的），并且还测试了服务器

（http://localhost/newgn/）；则当前我们看到就剩下第四步没有打勾了。那现在就点击“+”号，选择“自定义连接字符串”。在弹出来的“自定义连接字符串”对话框中，“连接名称”随便写一个。“连接字符串”就要好好填写了。当“使用此计算机上的驱动程序”时应用绝对路径：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文件内的各个字段。

⒊动态网页开发技术

①记录集的定义

分为简单记录集定义与高级记录集定义，简单记录集的定义使用户不必用SQL语句查询而快速定义记录集。高级记录集定义则通过SQL语来定义记录集。②记录集的绑定

记录集(查询)的绑定。在网页中插入一个表单，并输入需要插入到数据库的相关内容，然后通过记录集（查询）功能来实现表单和数据库的相互协调使用，并实现“动态”功能

③重复区域服务器行为

服务器行为其实一段VB代码，为了方便用户对记录集的操作，DW中将常用代码进行封装，命名为服务器行为。而重复区域服务器行为相当于一个FOR循环函数

④设置记录集导航条

添加记录集导航条以分页的方式用来显示重复区域服务器行为显示有限的记录 ⒋XML动态网页制作

①XSLT

XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言，XSLT 用于将一种 XML 文档转换为另外一种 XML 文档，或者可被浏览器识别的其他类型的文档，比如 HTML 和 XHTML。通常，XSLT 是通过把每个 XML 元素转换为(X)HTML 元素来完成这项工作的。

⒌服务器的配置

①站点存放点的创建

打开电脑，在D盘下建立一文件夹newgn（这个夹子就是你的站点存放点了），并且在里面建几个子文件夹（就好似你网站的子目录）。

②建立虚拟目录

回到newgn的根目录，右键选择“共享和安全”（其实是快速地建立虚拟目录）③设置IIS的虚拟目录

出现属性对话框后，选择“Web共享”标签，点选“共享文件夹”，出现共享别名对话框，选择默然设置，确定即可

⒍利用Dreamweaver创建站点

选择“编辑站点”，在弹出的属性框中选“高级”标签，从“分类”中先选“本地信息”，右窗口中设置站点名称，本地根文件夹，然后设置远程信息，访问选择“本地/网络”，远端文件夹仍选择站点文件夹d: ewgn，再接着“测试服务器”，“服务器模型”暂为ASP vbscript，“访问”本地/网络，“测试服务器文件夹”仍是站点文件夹d: ewgn，“URL前缀”在http://localhost后面添加“newgn/”，添加的东西就是设置的虚拟目录，这时，站点定义基本结束，点击确定。出现“编辑站点”对话框，“完成”即可。

⒎利用FIREWORKS处理图片

利用FIREWORKS处理一些图片和制作一些GIF动画图片

经验总结：

利用Dreamweaver做ASP动态网站主要为以下几步：

①网站服务器配置

②数据库设置

③数据库显示

④建立注册系统

⑤建立登陆系统

⑥美化网站

2.实习心得

{要求500字以上}

l 过程、功能需求、菜单设计、界面设计、数据库设计、知识的应用技巧、团队合作感受等(指导教师可按实习内容进行要求并自行增加内容)

本次小学期期实训，我们小组主要制作了2个动态网站,而制作这2个动态网站的主要过程是：

⒈个人博客网站

①站点的定义

②数据库的连接

③制作站点搜索引擎及搜索结果页面

④制作日志列表

⑤制作BLOG首页面，基本页面设计

⑥定义并绑定记录集

⑦界面的美化

⑧设置重复区域

⑨指定日期的日志内容页面

⑩日志具体内容页面-日志内容和回复及日志回复功能

⒉电子商务网站

①站点的建立和连接字符串

②用户登陆及用户登陆信息显示页面

③错误信息页面设计

④创建模板

⑤添加登陆页面的嵌入框架

⑥用户注册页面的实现

⑦添加“密码”比较验证的代码

⑧制作最新产品导航条与滚动产品导航条

⑨产品展示的实现

⑩用户购物车：限制用户登陆、添加购物车程序、购物车链接、删除购物车 而这2个网站实现的功能大不相同，前者为一个博客网站，主要实现了站点搜索引擎、日志列表、站点日期等内容；后者为一个电子商务网站，主要实现了用户登陆、用户注册、密码验证、产品展示以及用户在线购物等内容；刚确定制作网站的时候，本设想将2个网站整合在一起，但由于技术和其他原因，这个目的没能实现。

制作动态网站，数据库最重要，在我们小组这次制作网站的过程中，花时间最多的地方就是数据库-数据库的建立、数据库与网站的连接、记录集的绑定、数据

库安全等等，由于时间的关系，我们小组这次采用的是Acess数据库，它与其他数据库相比较相对来说操作比较简单。在数据库的制作中，这次我们小组遇到的难题主要是采用OLEDB连接数据库的方法，这个难题的关键之处是在于如何利用 Provider 参数来创建 OLEDB 连接，我们在网上搜索了大量资料并在XX老师的帮助下终于学会了如何使用OLEDB连接数据库。

总结这次小学期实训，这次2个网站能这么顺利的完成，离不开老师的帮助和小组成员的努力，虽然这次小学期实训我们小组只有2人，但是我们是一个有效率、有组织、有团队精神的小组，有效率在于小组制作网站中分工明确、讨论有目的；有组织在于小组成员能按时、有质量的完成自己的分工任务，值得一提的是这次小学期网站开发的大部分时间在小学期实训教室而我们小组成员还从未擅自旷课、上课迟到、早退等违纪行为；有团队精神在于我们小组实训过程中的共进退，从不因为自己分工任务提前完成而拉下其他组员，我们意识到小组是一个有组织、有记录、有共同目的的集体而不是一个由分散的个人组成的团体，在这次小学期实训中之所以提出小组分工这是锻炼小组组员的个人能力培养，而帮助有困难的组员这充分培养了组员之间的默契和团队协作能力。

这次是毕业前最后的一次小学期实训，也是自己做投入、最用心的一次实训，与以前的小学期相比，以前的小学期都是以掌握某种实训技能为主，而这次小学期则不仅掌握了动态网站的制作技术而且还制作出了自己的成果，自己非常高兴。经过这次小学期，我领悟到任何东西都要“学以至用”，学习了还不行还要看自己掌握了没，掌握了还不行还要看自己熟练了没，熟练了还不行还要做出一定成果。即将毕业，能接受这么一次有意义的小学期实训感觉很充实。v

第四篇：网页实训报告

静态网站实训

姓 名：XXX 学 号：XXXXXXXXXXX 班 级：XXXXX 指导教师：XXX 提交日期：2012年3月21日

南京工业职业技术学院项目技术报告

概 要

本实训报告主要介绍并总结了两周实训以来静态网页设计主题的定位、内容结构、素材的下载、版式设计、色彩设计、导航、功能设计、网页的风格设计、Flash的应用、图片动态效果的使用以及DIV的套用、层、行为等方面的设计。南京工业职业技术学院项目技术报告

目录

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

一、实训意义：...............................................................................................................................5

二、实训目的:.................................................................................................................................5

三、实验步骤:.................................................................................................................................6

1.确定网站主题...................................................................................................................6 2.收集材料...........................................................................................................................7 3.网站规划...........................................................................................................................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

南京工业职业技术学院项目技术报告

前言

在互联网时代的今天,不同于我们所熟悉和习惯的农业社会和工业社会,它有着较快的发展速度和极高的淘汰率,不仅挑战着我们学习的勇气,更挑战着我们的方法和技巧.为此对有效掌握所需要的知识方面,我们进行了一系列的探索.在今天网络已经成为各级单位,企业和个人的一张名片,一个精美而又独特的网络主页,不仅为商家吸引更多的客户和投资,更能为我们一个人带来更多的机遇和更大的发展空间,对于部分人来说,它所带来的网络生活远比现实生活更有魅力,更富有激情.今天internet发展非常快，已经成为整个世界的一个主要通信网络标准。接入internet网，浏览1/DTD/xhtml1-transitional.dtd“> （这里是插入背景音乐的代码）