web课程设计报告.docVIP

课程设计报告 学 院： 信息科学与工程学院 专 业：计算机科学与技术（软件外包方向） 班 级： 计软1302班 学 号： 201312141041 学生姓名： 韩世昌 指导教师： 张芊茜 课程名称： Web客户端编程技术 设计名称： 网页设计 设计内容及要求 设计题目 题目自定，可以是“我的个人网站”、“我的大学生活”、“我的家乡”等，也可以是其它题目。 要求主题要鲜明，内容要充实、健康。 设计任务 运用HTML、CSS和JavaScript技术完成一个相对完整的网站，至少完成5个页面。 设计要求 使用HTML标记，CSS样式及JavaScript技术，完成的网页没有错误首页设置导航栏，命名为index.htm。利用CSS技术对网站进行布局，网站风格统一灵活运用JavaScript使网页生动，配置服务器，发布网站，并经主流浏览器测试通过 具体要求 时钟，级联菜单，动态图片展示，各种广告栏，HTML5和CSS3的应用，建立表单页面，并用JavaScript对表单内容进行验证。 设计思路 我的课程设计主题定的是家乡介绍，共有5个页面，分别实现首页，类，历史文化，家乡景点介绍和注册本站会员以及家乡特产的链接。首页大致分为4部分，比较简单，分别用css实现导航栏，左边推荐网站的div块和下方图片块以及用JavaScript脚本实现了图面自动循环切换以及页面底部的时钟显示。，css设置导航栏，下面的块与上面的背景图片边缘对齐，左边有一个div中有列表 设置了锚点。 设计结果及分析 网页的显示没有达到预期的效果，在网页的设计上还需要提高，内容比较少，不丰满。在网页的布局上也比较单调，主要是设计时间只有四天，没有太多的时间进行修改。我会在寒假进一步修改此次课程设计的作业，让效果达到满意状态。 总结 课程设计是培养学生综合运用所学知识发现提出分析和解决实际问题锻炼实践能力的重要环节,是对学生实际工作能力的具体训练和考察过程，随着科学技术发展的日新日异，Web网页技术已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握Web网页的开发技术是十分重要的。 回顾起此次Web课程设计，至今我仍感慨颇多，的确，从选题到定稿，从理论到实践，在整整4天的日子里，可以说得是苦多于甜， 但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在课堂上所没有学到过的知识。通过这次 课程设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为社会服务，从而提高自己的实际动手能力和独立思考的能力。在设计的过程中遇到问题，可以说得是困难重重，第一次做的，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固。通过这次课程设计之后，一定把以前所学过的知识重新温故。 五、附录（源代码） 主页源代码 !DOCTYPE html html head title章丘/title meta charset=utf-8 / link rel=stylesheet type=text/css href=style.css / script type=text/javascript var a=[p1.jpg,p2.jpg,p3.jpg,p4.jpg,p5.jpg]; var i=0; function pic() { document.getElementById(picview).src=a[i]; i++; if(i==a.length-1) { i=0; } setTimeout(pic(),2000); } window.onload = function() { pic(); } /script /head body div id=header 章nbsp;nbsp;丘 /div div id=nav ul a href=index.htmlli首页/li/a a href=lishiyange.htmlli历史沿革/li/a a href=jingjigaikuang.htmlli经济概况/li/a