当前位置:文档之家› 网页设计与制作实训报告

网页设计与制作实训报告

学生姓名:实习班级:指导老师:实习地点:实习时间:
一、实习目的
1.掌握企业网站主要功能栏目
2.掌握企业网站色彩搭配和风格创意
3.掌握网站设计的首页
4.掌握模板的创建
5.熟悉系统设计分析
6.掌握创建数据表
7.掌握创建数据库连接
8.掌握制作购物系统前台页面
9.掌握制作购物系统后台页面
二、实习内容
首先,修改计算机的设置,使之能正常浏览。

修改默认网站的目录安全性,允许ISS控制密码,建立虚拟目录。

安装横向区域重复。

其次,开始创建模板。

新建moban.html,然后在里面插入表格,依次插入相应的图片及文字。

然后利用模板做出相应的页面,最后在连接数据库做出新闻发布、新闻详细显示及添加页面。

那么,要制作的就完成了。

再次,打开dreamwever,建立站点,打开Index.html,另存为Index.asp,插入4行1列的表格,将光标置入第1行,插入图像,在后面的表格输入相应的文字,在绑定面板添加记录
集Rs1。

选中图像,展开Rs1,选中Image字段,绑定图像。

在后几行绑定相应的文字,选中表格,选中服务器行为,创建横向区域重复。

选中Rs1.shpname,单击服务器行为,选择转到详细页面。

再添加记录集Rs2,将光标置入相应位置,绑定fenlei字段,单击服务器行为,选择重复区域。

选中Rs2.fenlei,选择服务器行为的转到详细页面。

再插入1行4列的表格,输入相应的文字,选中首页,选择记录集分页--移至第一条记录,后面的以此类推。

商品分类展示页面至此做好。

用同样的方法制作商品详细页面。

下面制作购物系统后台管理页面,打开Index.html,另存为denglu.asp,按照相应的方法将商品分类页面做好,将光标置入相应的位置,插入表单,在表单中再插入4行2列的表格,选中第1行单元格,合并单元格,在合并单元格中输入相应的文字。

将光标置入第2行第1列单元格,输入相应的文字,在第2列插入表单—文本域,在文本框输入name,字符宽度设置为25,类型为单行。

将光标置入第3行第1列,输入相应的文字,在第2列插入表单—文本域,在文本框输入password,字符宽度设置为25,类型为密码。

将光标置入第4行第2列,插入表单按钮,改为登录,在插入一个表单按钮,改为重置。

选中表单,单击行为面板中的检查表单,将文本域name和password的值都勾选为必须的,创建记录集,单击服务器行为的用户身份验证—登录用户,如果登录成功,转到guanli.asp,
如果登录失败,转到denglu.asp。

下面制作添加商品分类页面,打开Index.html,另存为fenlei.asp,将光标置入相应的位置,插入2行2列的表格。

将光标置入第1行第1列,输入相应的文字,在第2列插入表单,在文本框中输入fenlei,字符宽度设为25,类型设为单行。

将光标置入第2行第2列,分别插入提交和重置两个表单按钮。

添加记录集,单机服务器行为的用户身份验证—限制对页的访问。

如果访问被拒绝,则转到denglu.asp。

单机服务器行为的插入记录,如果修改成功,则转到guanli.asp。

下面制作商品添加页面,打开Index.html,另存为tianjia.asp。

创建记录集,将光标置入相应的位置,插入--插入记录表单向导,修改相应的内容。

修改成功则转到guanli.asp。

单机服务器行为的用户身份验证—限制对页的访问。

如果访问被拒绝,则转到denglu.asp。

下面制作商品管理页面,打开Index.html,另存为guanli.asp。

按照相应的方法将商品分类页面做好。

将光标置入相应的位置,插入2行6列的表格,在表格中输入相应的文字,添加记录集Rs2, 将光标置入第2行,分别绑定shpID、shpname、shichangjia、huiyuanjia字段。

选中第2行的单元格,选择服务器行为的重复区域。

选中文字修改,单机服务器行为--转到详细页面,选中文字删除,单机服务器行为—转到详细页面。

再插入1行4列的表格,在表格中输入相应的文字,选中首页,
单机服务器行为的记录集分页—移至第一条记录。

后面的以此类推。

单机服务器行为的用户身份验证—限制对页的访问。

如果访问被拒绝,则转到denglu.asp。

下面制作商品修改页面,打开tianjia.asp,另存为xiugai.asp,删除服务器行为的插入记录,创建记录集Rs2,分别绑定shpname、shichangjia、huiyuanjia、content、image。

单机服务器行为的更新记录,修改成功转到guanli.asp。

单机服务器行为的用户身份验证—限制对页的访问。

如果访问被拒绝,则转到denglu.asp。

后面的删除页面和修改页面大体相同,就不在多说了。

最后,浏览页面,检查问题并修改。

那么这个网站就做好了。

其实网页的制作过程差不多,大同小异,只要慢慢做就可以了,我用代码做了,可是有问题,一直找不到有效地解决方法,所以就放弃了。

三、疑难解惑
1.对于数据库的创建,不知道怎么添加图片及其他的各方面的问题,不够熟练。

2.对于代码还是不够熟悉,不太会修改代码。

3.代码做的时候,有好多的问题。

例如,我做的产品展示页面,预览效果,所有的产品名字都罗列在一
个位置,不知道怎么回事。

4.对于不能正常浏览的网站,不能很好的解决。

四、实习心得
ASP实训在做了几天后终于是全部做好了!个人感觉通过这次实训,自己在ASP方面有了很多的了解,对ASP也有了更多的兴趣!我们本学期做的实训基本上全面介绍了关于ASP代码的一些内容,对我们以后工作来说很有用。

本次实训中对ASP的学习研究有了新的体会,在数据库的创建以及如何用代码做网页上还存在一定难点和盲区,需要进一步更深入的研究。

经过一周的实训练习让我学到了许多知识,也有了很大的收获。

这次实训让我明白了我们实训的主要目的是让我们通过不断的上机实习以及使用它来解决实际的问题,才能更好的掌握所学技能。

实践出真理,在这一周的实训中确实很累但是累得有价值。

学海无涯,好多好多的东西还在等待我们去努力的开发学习。

我坚信,用血泪去做自己认为应该做的事,努力的开拓我们的极限,没有什么是不可能的。

希望自己可以真正的化解这些知识为我所用!在以后的工作、生活和学习中,发展自己的优势,弥补自己的不足和缺陷。

相关主题