《网站实习报告》word版 本文关键词：实习报告，网站，word
《网站实习报告》word版 本文简介：实习日期：2011年10月17日——2011年10月28日实习地点：实习班级：姓名：学号：指导教师：日期：2011年10月17日星期一计划要完成内容：留言本数据库设计、留言本首页网页设计一、完成过程：1.设置IIS在D盘新建一个文件夹guestbook，作为整个留言本系统的根目录，再在根目录下新建一
《网站实习报告》word版 本文内容：
实习日期：2011年10月17日——2011年10月28日
实习地点：
实习班级：
姓名：
学号：
指导教师：
日期：2011年10月17日
星期一
计划要完成内容：留言本数据库设计、留言本首页网页设计
一、
完成过程：
1.
设置IIS
在D盘新建一个文件夹guestbook，作为整个留言本系统的根目录，再在根目录下新建一个文件夹images，用来保存图片。
打开【Internet信息服务】设置默认网站属性，选择“主目录”选项卡，将本地路径改为“留言本”所在路径，即“D：/guestbook”选择“文档”选项卡，查看“启用默认文档”列表框中是否有“index.asp”，如果没有就添加。完成后单击【确定】按钮，完成本机IIS设置。
2.
设置站点
完成IIS设置后进行站点设置。
启动Dreamweaver
MX
2004，在主菜单点击【站点】→【管理站点】命令，出现“管理站点”对话框，选择【新建】【站点】命令，设置本地信息。选中“高级”选项卡，在“站点名称”文本框中输入“留言本”；在“本地根文件夹”框中输入“D：/guestbook”，在“默认图像文件夹”文本框中输入“D：/guestbook/images”；在“HTTP地址”框中输入“http://localhost”。
完成后选择“分类”列表框中的“测试服务器”进行设置。在“服务器类型”下拉列表框中选择“ASP
VBScript”选项；在“访问”下拉列表框中选择“本地/网络”选项；其他选项取默认值即可，这样就完成了站点的设置，我们可以在浏览器中输入“http://localhost”，地址来访问网站。
3.
创建留言本数据库
留言本后台数据库采用Access数据库。
1)
打开“Microsoft
Access”数据库管理软件，选择“空Access数据库”选项，单击【确定】按钮，在“文件新建数据库”对话框中，选择保存路径“D：/guestbook”，输入数据库文件名“guestbook.mdb”，单击【创建】按钮。
2)
在“guestbook：数据库”对话框中，选择“使用设计器创建表”。在出现的对话框中，在“字段名称”中输入两个字段“user”和“pass”，其数据类型采用默认值“文本”，这两个字段分别用于保存“留言本”的管理员帐号和密码。
3)
关闭对话框，会出现一个“是否保存对表“表1”的设计的更改”提示框，选择【是】按钮，保存表名为“admin”，单击【确定】，出现“尚未定义主键”提示框，单击【否】按钮。
4)
双击新建立的表admin，在字段“user”与“pass”下分别输入记录“admin”和“admin”，分别表示管理员登录的帐号与密码。关闭“admin：表”对话框。
5)
再次使用“使用设计器创建表”选项，创建一个表，在表中输入留言本中需要使用的各字段“Name”、“Homepage”、“QQ”、“Email”、“Fromwhere”、“ICON”、“Content”、“Date”、“Reply”、“RDate”。其中“Name”、“Homepage”、“QQ”、“Email”、“Fromwhere”与“ICON”各字段默认的数据类型为“文本”类型；“Content”与“Reply”字段默认的数据类型为“备注”类型；“Date”与“RDate”字段默认的数据类型为“日期/时间”类型。各字段表示意义。
6)
选择字段“Name”，在“字段属性”的“常规”选项卡中，选择“必填字段”，将“否”改为“是”。同样，选择字段“Content”，将其属性“必填字段”设置为“是”。
7)
选择字段“Homepage”，在“常规”选项卡中，选择“默认值”，在其右侧文本框中输入文字“这人没有留下主页地址”，同样，选择字段“QQ”、“Email”、“Fromwhere”、“Reply”，将其“默认值”分别设置为“这人没有留下QQ号码”、“这人没有留下邮件地址”、“未知世界”、“尚无回复”。
8)
选择字段“Date”，在“常规”选项卡中，选择“默认值”，单击其右侧按钮，出现表达式生成器对话框，单击“函数”，单击“内置函数”，选择“日期/时间”选项，选择“Now”选项，再单击【确定】按钮。
9)
设置完成后，关闭“表1：表”对话框，当出现“是否保存对表‘表1’的设计的更改”的提示框时，单击【是】按钮，将表名存为“guest”；出现“尚未定义主键”提示框，单击【是】按钮。保存后，打开该表，看到系统自动创建了一个功能为“自动编号”的主键字段，其他字段默认值也出现在相应的字段下。
10)
完成对数据库两个表的创建。
二、
遇到的问题和解决方法
a)
在设置IIS和设置站点时，一定要在电脑上先安装IIS，只有安装了IIS，才可以保证网站地顺利创建和测试。
b)
由于是在本地机测试站点的，要选择“分类”列表框中的“测试服务器”
选择“ASP
VBScript”选项，要在“访问”下拉列表框中选择“本地/网络”选项；还有，我们要在浏览器中输入“http://localhost”，地址来访问网站。
c)
在进行数据库表的创建时，guest表中，要对其中的字段进行设置：选择字段“Name”，在“字段属性”的“常规”选项卡中，选择“必填字段”，将“否”改为“是”。同样，选择字段“Content”，将其属性“必填字段”设置为“是”。
d)
有些字段也要设置默认值：选择字段“Homepage”，在“常规”选项卡中，选择“默认值”，在其右侧文本框中输入文字“这人没有留下主页地址”，同样，选择字段“QQ”、“Email”、“Fromwhere”、“Reply”，将其“默认值”分别设置为“这人没有留下QQ号码”、“这人没有留下邮件地址”、“未知世界”、“尚无回复”。选择字段“Date”，在“常规”选项卡中，选择“默认值”，单击其右侧按钮，出现表达式生成器对话框，单击“函数”，单击“内置函数”，选择“日期/时间”选项，选择“Now”选项。这样，是对guest表字段的设置和完善。
e)
数据库表要记得创建主键。
日期：2011年10月19日
星期三
计划要完成内容：留言本首页网页设计
一、完成过程：
1．留言本首页文件设计（index.asp）
a
.
在网站根目录下新建两个文件add.asp，admin.asp以做链接，分别链接到add.jpg和admin.jpg，其中add.asp的链接的属性中“目标”选择“_blank”。完成后进行测试。
b.
编辑index.asp的动态数据显示。
1)
点击【窗口】→【数据库】命令，打开“数据库”面板，点击面板上的“＋”号图标，选择“自定义连接字符串”。在出现的对话框中，“连接名称”为“conn”，“连接字符串”为“Driver={Microsoft
Access
Driver
(*.mdb)};DBQ=d:/guestbook/guestbook.mdb”，在“Dreamweaver应连接”处选择“使用此计算机上的驱动程序”，单击【测试】按钮，进行数据库连接测试，如果出现下图所示，表明连接成功。
2)
测试成功后，系统自动建立一个新的连接文件conn.asp，保存在网站根目录下的connections文件夹里。
3）
单击“绑定”标签，在“绑定”面板中单击“＋”号按钮，选择【记录集（查询）】命令，在出现的对话框中名称取默认值“Recordset1”，在“连接”
下拉列表框中选择“conn”，在“表格”下拉列表中选择“guest”，在“列”处选“全部”，“筛选”处默认“无”，“排序”处选择“Date”，排序方式为“降序”。
二、遇到问题和解决方法
1.
在编辑index.asp的动态数据显示时，要注意连接数据库中的数据。选择“自定义连接字符串”。
2.
在出现的对话框中，“连接名称”为“conn”，“连接字符串”的路径一定要和网站的存储路径一致。路径为“Driver={Microsoft
Access
Driver
(*.mdb)};DBQ=d:/guestbook/guestbook.mdb”，在“Dreamweaver应连接”处选择“使用此计算机上的驱动程序”，这样的连接，要单击【测试】按钮，进行数据库连接测试，当显示测试成功了，那样才表示连接成功。
3.
由于那个头像是要处于动态的更新状态，所以，要将图像的链接路径改为“”，
这样做的目的是可以实现ICON字段所包含的图像文件的动态显示。
4.
主页也是动态显示的，要选择文档中的文字“主页”，单击属性检查器上“链接”文本框右侧的文件夹图标，在出现的对话框中选择“数据源”单选按钮，然后选择“Homepage”字段，复制URL：“”到属性检查器的“链接”文本框内，完成主页链接的动态显示。
5.
Email的链接操作，要注意Email链接URL地址前加上“mailto：”。
6.
当留言本上没有留言时，预览的时候是所有的记录都为0。
7.
当留言本上有留言时，预览时候是这样的：如图所示：
日期：2011年10月22日
星期六
计划要完成内容：签写留言网页设计
一、完成过程：
设计“签写留言”网页add.asp，主要是设计一个提交表单，并连接一留言本数据库，可以利用表单设计向导功能轻松完成。
1.
将文本光标定位在表格T1第3行空白处，选择Dreamweaver主菜单中的【插入】→【应用程序对象】→【插入记录】→【插入记录表单向导】命令。
2.
在“插入记录表单”对话框的“链接”下拉列表框中选择“conn”，在“插入到表格”下拉列表框中选择“guest”，在“插入后，转到”文本框中输入“index.asp”，在“表单字段”列表框中删除ID、Date、Reply、Rdate
4个字段，然后调整剩余各字段顺序为Name、ICON、Fromwhere、Email、Page、QQ、Content。
3.
在“插入记录表单”对话框中继续选择Content字段，在“显示为”下拉列表框中选择“文本区域”；选择ICON字段，在“显示为”下拉列表框中选择“菜单”，并单击【菜单属性】按钮，进行设置。
4.
在“菜单属性”对话框中的“填充菜单项”处采用默认设置“手动”，在“菜单项”的“标签”处输入“用户头像-01”，在“值”处输入“01”，然后单击“＋”按钮，增加菜单项，直到20，如图所示，再次单击【确定】按钮，回到文档编辑界面。
5.
继续调整表单。选择name后的文本框，将字符宽度改为14，在ICON列表菜单右侧，输入文字“查看所有头像”，设置超链接为网页allicon.htm，“目标”下拉列表框选择“_blank”；选中Email表单，设置初始值为“@”，以方便输入Email地址，同理Homepage表单初始值为“http://”；选择“插入记录”按钮，将标签改为“提交留言”，在按钮右侧再插入一个按钮，设置其动作为“重设表单”，标签由“重置”改为“重新填写”；最后将相应的英文改为中文。
6.
下一步为表单增加一个“检查表单”行为。点击Dreamweaver菜单栏中的【窗口】→【行为】命令，打开“行为”面板，单击“＋”图标，选择【检查表单】命令。在“命名的栏位”列表框中选择“文本‘Name’在表单‘form1’（R）”，选择“值”旁的复选框“必须的”，如图20所示。依次做
“Name”、“Fromwhere”和“Content”设置“必需的”属性，“Email”设置“电子邮件地址”属性，“QQ”设置“数字”属性。
7.
至此，留言本前台操作界面文件index.asp和add.asp文件编写完成。
二、遇到问题和解决方法
1.
在设计“签写留言”网页add.asp，主要是设计一个提交表单，并连接一留言本数据库，所以只有数据库同网站链接测试成功，才有可能做这一步。要做如下操作：在“插入记录表单”对话框的“链接”下拉列表框中选择“conn”，在“插入到表格”下拉列表框中选择“guest”，在“插入后，转到”文本框中输入“index.asp”。
2.
要让那些头像动态变化，就必须在“插入记录表单”对话框中设置ICON字段，在“菜单属性”对话框中的“填充菜单项”处采用默认设置“手动”，在“菜单项”的“标签”处输入“用户头像-01”，在“值”处输入“01”，然后单击“＋”按钮，增加菜单项，直到20。这样，头像才可以动态变化。这是一个链接的过程和步骤。
3.
要注意，设置“检查表单”行为时，光标要放置在表单内，完成设置后，在“行为”面板中看到的事件是“onSubmit”。
日期：2011年10月24日
星期一
计划要完成内容：设计admin.asp、login.asp、fail.asp文件
简述完成过程、遇到问题和解决方法：
一、完成过程：
admin.asp、login.asp、fail.asp
3个网页文件之间存在紧密的关系，首先进行这3个文件的设计并在设计好后一并进行测试。
l
设计“留言本管理”页面admin.asp
admin.asp与index.asp类似，只是增加了“编辑”、“回复”、“删除”及“退出管理”4个链接。
1.
在站点根目录下新建5个文件edit.asp、reply.asp、del.asp、login.asp、fail.asp。将index.asp另存为admin.asp文件，然后更改标题由“留言本”改为“留言板管理”，将表格T1第1行的“留言本”改为“留言本管理”，将图像view.jpg、add.jpg和admin.jpg删除。
2.
在表格T2第2单元格输入“退出管理”，在表格T4的第1行输入“编辑”、“回复”、“删除”。
3.
在文档中选择“编辑”后，点击主菜单栏中【插入】→【应用程序对象】→【转到】→【详细页】命令，出现“转到详细页面”对话框，只需要在“详细信息页”栏目输入“edit.asp”即可，其他项采用默认值。
4.
用同样方法为“回复”、“删除”制作动态链接，其中“回复”的链接主页为reply.asp，“删除”的链接主页为del.asp。
5.
在文档中选择“退出管理”，在主菜单栏中点击【插入】→【应用程序对象】→【用户身份验证】→【注销用户】命令。在“完成后转到”文本框中输入“index.asp”，然后单击【确定】。
6.
将文件admin.asp保存。至此“留言本管理”页面设计完成，要实现改页面的访问，必须要由服务器端用户帐号与密码的验证，否则不能访问。下面介绍“登录管理”界面的设计。
l
设计“留言本管理登录”页面login.asp
login.asp在界面上看与add.asp类似，制作步骤如下：
1.
打开add.asp文件，另存为login.asp。将文档标题改为“留言本管理登录”，将表格T1的第1行“留言本”改为“留言管理登录”，删除图像admin.jpg，为add.jpg图像加上超链接add.asp。
2.
删除“服务器行为”面板上的所有行为，删除表格T1第3个单元格中的表格及表单对象。
3.
在T1第3个单元格重新插入一个表单，在表单内插入一个3行1列的表格T2，表格T2中插入2个帐号和密码文本域，将其名称属性设置为“user”和“password”，宽度为20像素，密码文本域的“类型”属性要设置为“密码”。在表单继续插入两个按钮，一个为“提交”按钮，一个为“重置”按钮，如图所示。
4.
在Dreamweaver主菜单栏中选择【插入】→【应用程序对象】→【用户身份验证】→【登录用户】命令，出现“登录用户”对话框。可以看到已自动显示了表单的一些信息。在对话框“使用连接验证”下拉列表中选择“conn”，“表格”下拉列表中选择“admin”，在“用户名列”下拉列表中选择“pass”字段，“密码列”中选择“user”字段；在“如果登录成功，转到”文本框中输入“admin.asp”，在“如果登录失败，转到”文本框中输入“fail.asp”；其他选项采用默认值。
5.
将login.asp文件存盘，完成了“留言本登录管理”页面设计。
l
设计“登录失败”页面fail.asp
“登录失败”页面，显示非法登录失败信息，信息显示3秒钟后，自动返回。
留言本首页文件index.asp，设计步骤如下。
1.
将login.asp文件另存为fail.asp文件，改标题为“登录失败”；将表格T1第1行的“留言本登录管理”改为“登录失败”；删除“服务器行为”面板上的所有行为，删除T1第3个单元格中所有内容。
2.
在第3个单元格中输入“帐号或密码错误，登录失败，请重新登录！”，并将字体设为红色，居中对齐。
3.
在主菜单中点击【插入】→【HTML】→【文件头标签】→【刷新】命令，在“延迟”文本框中输入“3”秒，在“操作”的“转到URL”文本框中输入login.asp，单击【确定】。
4.
将fail.asp文件存盘，即完成页面制作。
l
测试admin.asp、login.asp、fail.asp文件
1.
在浏览器地址栏内输入“http://localhost/login.asp”，访问“登录管理”界面，输入帐号“admin”，密码“admin”，成功访问admin.asp页面，密码故意输入错误，访问fail.asp页面。
2.
测试可以看到，如果直接在浏览器地址栏中输入“http://localhost/
admin.asp”，可以直接访问“留言本管理”页面。为了防止非法访问，打开admin.asp，点击主菜单【插入】→【应用程序对象】→【用户身份验证】→【限制对页的访问】命令，在“基于以下内容进行限制”处采用默认选项“用户名和密码”；在“如果访问被拒绝，则转到”处输入“fail.asp”。
网站开发实习总结：
通过这次实训，我懂得了一个网页的建立是如何设计与制作，还有排版问题。如何用Acess创建一个数据库，如何连接数据库，更懂得什么都是要靠自己认认真真地思考和完成的。这次我收获颇丰，学到了很多知识，特别是提高了综合分析应用的能力。实训是富有挑战性的，实训过程虽有点繁琐，但我还是很积极分析和研究制作。当遇到什么问题的时候，我都会请教同学或老师，虚心的请教，让我解决了很多疑惑与不懂。在做这次实训时，觉得有很多不会做的地方，照着实训指导书做，一步一步地做，学到了很多东西，学得很踏实。
按照实训计划安排和目的要求，我发现自己在网站设计与制作中，还有很多欠缺的地方，也清楚目前自己的不足，那就是缺乏相应的专业知识与经验，对所学的专业知识不能够很好地运用于实践操作，但是我也有很多收获，在这次实训中，我发现了很多不曾注意到的细节，在实训制作网页的过程当中，我对制作网页时要注意的细节和一些重要的地方也有了更多的了解。刚开始的时候，我真的有点无所适从。通过这次实训，我基本上掌握了制作网页的一般步骤，也学到了一点技巧性的东西。经过这次实训，我领悟到任何东西都要“学以致用”，学习了还不行的，还要看自己掌握了没有，还要看自己是否熟练了，是否能过独立完成成果。
在实训过程中，我更体会到了基础知识的重要性，也许我们正在迷茫，我们是否学到东西，但事实说明零零散散的知识，在一个项目开发当中起到了非常关键的作用，我们不缺少时间和工具，我们只是缺少经验和动手能力，如果我们以后能更好的在各方面增长自己经验，相信我们能在长长的就业队伍中脱颖而出的！相信自己，相信未来，今后我将更加努力的学习，不断提高自身的素质，为我的将来的就业打下良好的基础。