首页网站设计正文

网站设计注册页面实验报告（个人网站设计实验报告）

网站设计 2023-01-29T09:06:09 1829

今天给各位分享网站设计注册页面实验报告的知识，其中也会对个人网站设计实验报告进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录一览： 1、用ASP制作网页的实训报告总结

今天给各位分享网站设计注册页面实验报告的知识，其中也会对个人网站设计实验报告进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、用ASP制作网页的实训报告总结
2、网站设计实训总结
3、《网页设计》实验报告

用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的），并且还测试了服务器（）；则当前我们看到就剩下第四步没有打勾了。那现在就点击“+”号，选择“自定义连接字符串”。在弹出来的“自定义连接字符串”对话框中，"连接名称"随便写一个。“连接字符串”就要好好填写了。当"使用此计算机上的驱动程序"时应用绝对路径：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前缀”在后面添加“newgn/”，添加的东西就是设置的虚拟目录，这时，站点定义基本结束，点击确定。出现“编辑站点”对话框，“完成”即可。

⒎利用FIREWORKS处理图片

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

经验总结：

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

①网站服务器配置

②数据库设置

③数据库显示

④建立注册系统

⑤建立登陆系统

⑥美化网站

2. 实习心得

{要求500字以上}

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

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

⒈个人博客网站

①站点的定义

②数据库的连接

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

④制作日志列表

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

⑥定义并绑定记录集

⑦界面的美化

⑧设置重复区域

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

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

⒉电子商务网站

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

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

③错误信息页面设计

④创建模板

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

⑥用户注册页面的实现

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

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

⑨产品展示的实现

⑩用户购物车：限制用户登陆、添加购物车程序、购物车链接、删除购物车

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

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

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

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

网址:

网站设计实训总结

首先我要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作。我浏览了中国美食网的一些特点，借监这些网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观。

回顾这次课程设计，至今我仍感慨颇多。的却。从选题到开始制作，从理论到实践，在实训机房日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。

在选择好题目和网站的风格之后，我就开始了实训项目的进程，按照实训方案的规定，先是将网站的总体策划以书面的形式展现出来，通过老师审核之后，在相应的时间段找相关的素材，搜集与主题相关的文字、图像等。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、二级子页、内容页，创建超级链接。最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果！

在此次网站的设计与制作过程中，难免会遇到过各种各样的问题，这毕竟是第一次独自设计网站、制作网站。但值得高兴的是：在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果……

一周网页设计与制作的实训课程结束了，回顾这次课程设计实训，至今我仍感慨颇多。的确，从选材到开始制作，从理论到实践，在两周的实训日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。