网页与制作实训论文_网页设计与制作实训
网页与制作实训论文由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“网页设计与制作实训”。
网页实训报告
新闻系统前后台交互
组长:
组员:
指导老师:
实训目的………………………………………………………………………2 项目思路………………………………………………………………………3 项目准备………………………………………………..…………………….4 前台页面主要代码……………………………………………………………5 数据库连接,确保登录代码…………………………………………………6 后台页面主要代码…………………………………………….………………7 项目亮点………………………………………………………………….…..13 优点和不足之处……………………………………………………………...13 实训总结…………………………………………………………………......14
实训报告
实训目的:
这次网页与制作的实训是锻炼我们实践能力重要环节,是对我们实践工作能力的具体训练和考察过程。随着科学技术发展的日新月异,网页设计制作已经成为当今计算机应用中空前活跃的领域,在生活中可以说是无处不在。因此作为二十一世纪大学生来说掌握网页设计制作的技术能力是十分重要的。
1.进一步熟悉和掌握网站建设的基本流程和技术规范;
2.巩固运用sublime, Dreamweaver,PhotoShop网页制作软件制作网页 3.巩固运用NatBeans,wampmanager动态网页制作软件制作动态网页
4.用sublime,NetBeans,wampmanager三个软件完成网站建设登录前后台任务的方法,能独立设计一个内容完整,图文并茂,技术运用得当的网站;
5.具备独立撰写实训报告等科技文件的基本能力;
6.在网页设计的实践中培养分析问题,解决问题的能力,培养协作,交流的能力,培养创新和团队意识;
7.为今后从事网站开发,维护和管理奠定基础。通过实训,掌握网页设计系列软件sublime, wampmanager软件的使用方法,达到全面理解,运用网页制作的知识,并使之得以融会贯通,在掌握理论知识的基础上再加以实践,进一步提高,加强设计,制作网站的综合能力。
项目思路:
首先我们分为两大块,前台页面和后台页面。分别建文件夹web和admin。前台:先利用我们学习的div+c布局方法+JavaScripte做好静态页面。接下来利用from表单+简单的CSS样式做好登录页面。然后利用fromeset分帧做好后台框架。框架左列表为后台首页,用户列表,新增用户,新闻列表,新增新闻。接下来要完成的就是在每个列表中实现页面效果。点击列表能够出现每个列表的页面。然而要实现这个效果是要先建数据库,再在数据库中建表,在表中插入我们要的数据。我们要建三张表,分别为admin,user,news。再就是连接数据库。admin表是要通过数据库连接在后台实现管理员登录页面。news表是要通过数据库连接实现新闻增加,修改,删除。user表是要通过数据库连接实现用户信息,添加用户显示在后台。
项目准备:
news-info:
数据库名
admin:
管理员登录表名
user:
用户注册信息表名
news:
新闻信息表名
前台(web):
images:
js播放图片;
img:
登录页面背景图
ht.php:
前台静态页面效果图
Style:
前台静态页面样式
config.php:
连接数据库
conn.php:
确保登录成功
login.php:
登录页面
jQuery.js:
js代码 后台(admin):
登录页面(dl):
img:
背景图 config.php
确保登录成功 login.php
登录页面
admin:
conn.php
连接数据库
htsy.php
后台首页
index.php
后台界面
left.php
框架左列表选项
news.add.php
添加新闻
news-del.php
news-upd.php
news-list.php
zcye.php
zcye-del.php
zcye-list.php
zcye-upd.php
1.前台页面主要代码:
删除新闻 新闻修改 新闻列表
添加用户
删除用户 用户列表 修改用户
2.登录页面代码:
3.连接数据库:
4.确保登录:
5.后台界面代码:
6.框架左列表代码:
7.后台首页:
8.新闻列表代码:
9.添加新闻:
10.删除新闻:
11.修改新闻:
12.用户列表:
13.添加用户:
14.修改用户:
15.删除用户:
16.前台显示后台数据代码:
项目亮点:
运用了两次js代码来实现效果,使页面更加生动。同时也运用了验证码等一些小亮点。
优点:
思路清晰,充分增强了动手能力,创作能力,更加懂得团队协作能力,对网页设计软件DreamWeaver,Sublime,WampServer,NetBeans,PhotoShop,JavaScript的强大运用有了很大提高。也大大提高了自己分析问题,解决问题的能力。
不足之处:
充分体现出老师教的知识并没有完全掌握,也是根本没有真正理解老师上课教的内容。尤其是对PHP,数据库知识了解,懂的太少,以至于在做项目后台过程中遇到很多问题,大大影响了整个项目的进度。
总结:
通过本次实训我们基本掌握了制作简单网页,完善登陆前后台,相互连接的过程。基本熟悉了各种软件的综合使用方法。实践出真理,实训的日子快要结束,感觉还是学到了很多,从理论和操作中融合了我们平时所学的知识,也为我们今后的学习和工作铺垫了精彩的一幕。因此,我们坚信,只要用心去学,没有什么是学不会的。希望今后的我们更加努力的开拓我们的极限,我们也要更加努力。通过这两周的学习,我们也更加明白平时学习的重要性,平时认真学习的同学,经常做网页项目的同学,明显做整个项目很轻松,整个项目做得也非常好。所以,我们平时的学习是不能马虎的,一分耕耘一分收获。当然,在制作过程中也出现了很多问题,我们小组先一起讨论,一起查找问题,研究问题,最后也能发现出问题我们会一起解决。我明白这就是团队的力量,不可小觑。当然也有解决不了的问题,我们会请教他人大家互相帮助,共同进步。有时候解决不了问题的时候,一次又一次在修改代码,运行不出来时,我们会很着急失去耐心,也想放弃。可还是咬牙坚持下来了,坚持就是胜利。做项目真的需要更多的耐心和能力。我们还有很多能力需要提高,还有很多不足需要在今后生活中慢慢改进。这次实训也收获了很多,和我们的组员学到了很多,我们一起学习,一起进步。最大的收获还是觉得老师讲课很幽默,知识点讲解的很透彻,让我们能很容易去理解。遇到不理解的问题老师会很耐心的跟我们讲解,还用起了画图方法,真的很形象生动。这次实训真的很充实。在这,我表示深深的感谢!感谢我的小组成员,感谢帮助过我的同学,感谢我们的老师!