(表单数据库连接.docVIP

学 生 实 验 报 告 课程名称 Dreamweaver CS5 实验成绩 实验项目名称 表单网页的制作及数据库创建和连接 批阅教师 沈金 实验者 孙迪 学号 20510811135 专业班级 电商1111 实验日期 13.4.24 一、实验预习报告（实验目的、内容，主要设备、仪器，基本原理、实验步骤等）（可加页） 实验内容： 登录和注册网页的制作（截图展示），并说明两个网页中共使用哪些控件； 对应数据库的建立，分别使用SQL server和ACCESS建立相应的数据库和数据表，并用截图+关系模式表示出来。 二、实验过程记录（包括实验过程、数据记录、实验现象等）（可加页） 创建帐户页面： 步骤一： 1：新建站点； 2：在站点内新建一个untitled.html静态网页； 步骤二：先在body里添加div； 1：首先对“未注册创建帐户”进行编辑； 2：然后对“用户注册”进行编辑，编辑完之后换行（p），在编辑一段说明，这句话的前后文字有区别，前面一句话加粗（strong）; 3:对“用户名”进行设置，、对其添加一个编辑框，并对大小进行设置； 4：同理，对电子邮箱，密码，重置密码进行一样的设置； 步骤三： 对“性别”进行设置，因为它与前面的不同，需要设置三个圆形的单选钮空件，所以要用到input type =“radio”； 步骤四：对“知道本网站的途径”进行设置，这个与对“性别”的设置又不同，它需要设置一个复选框空件，所以要用到input type =“checkbox”； 步骤五： 对“头像图片”进行设置,因为这个图像设计到浏览，所以需要用到input type=“file” 步骤六：对“你对本网站的感觉”进行编辑，这需要设置一个option元素定义下拉列表中的一个选项(一个条目)。 浏览器将 option 标签中的内容作为 select 标签的菜单或是滚动列表中的一个元素显示。input type=“checkbox”； 步骤九：对最后的“重置，提交”进行设置； 步骤十：换行（p），加粗（strong），在表单的最后面进行一段描述； 步骤十一：得到一个整体的表单后，利用css对页面进行进一步的美化； 1：首先对整体背景进行一个颜色的设置，让整体文字居中； 2：对大边框小边框进行一个设置； 3：对用户注册里面进行一个设置； 4：最后再对整体的文字进行一个设置； 用户登录页面： 步骤一：新建一个静态页面，首先在body里添加div； 1：首先对“已注册用户登录”进行编辑； 2：再对“用户登录”“用户名”“密码”进行编辑，对其添加一个编辑框，并对大小进行设置； 步骤二：对“登录”“清空”进行一个设置； 步骤三：再对“注册”进行设置； 步骤四：得到一个整体的表单后，利用css对页面进行进一步的美化； 数据库创建和连接： 步骤一：打开Access，新建数据库，命名文件为“blog.mdb”，将其保存在之前建立的站点处； 步骤二：新建一个表，输入一些字段名称，将name设置为主键，然后点击保存，将表名称改为“登录”； 步骤三：点击登录表，对具体的名字和密码进行设置； 步骤四：新建一个表，输入一些字段名称，将name设置为主键，然后点击保存，将表名称改为“注册”； 步骤五：点击注册表，对具体的名字，E-mail，性别和密码进行设置； 步骤六：新建一个文件，选择动态网页ASP。NET C#； 步骤七：点击应用程序，在数据库中进行OLE DB连接； 步骤八：选择数据连接属性； 步骤九：进行测试连接； 三、实验结果分析（可加页） 本次实验基本上做的很顺利，也遇到的很多的问题，问题主要是对代码所代表的含义不是很清楚，在做表单的过程中，只要弄懂了这些代码的含义，接下来的就很简单了。还有就是数据库连接有点难，在实验过程中会让你多东西都问了同学。