web课程设计报告.docx

web课程设计报告

第一篇：web课程设计报告课程设计报告学院：信息科学与工程学院专业：计算机科学与技术（软件外包方向）班级：计软1302班学号：201312141041学生姓名：韩世昌指导教师：张芊茜课程名称：Web客户端编程技术设计名称：网页设计一、设计内容及要求①设计题目题目自定，可以是“我的个人网站”、“我的大学生活”、“我的家乡”等，也可以是其它题目。要求主题要鲜明，内容要充实、健康。②设计任务运用HTML、CSS和JavaScript技术完成一个相对完整的网站，至少完成5个页面。③设计要求使用HTML标记，CSS样式及JavaScript技术，完成的网页没有错误首页设置导航栏，命名为index.htm。利用CSS技术对网站进行布局，网站风格统一灵活运用JavaScript使网页生动，配置服务器，发布网站，并经主流浏览器测试通过④具体要求时钟，级联菜单，动态图片展示，各种广告栏，HTML5和CSS3的应用，建立表单页面，并用JavaScript对表单内容进行验证。二、设计思路我的课程设计主题定的是家乡介绍，共有5个页面，分别实现首页，类，历史文化，家乡景点介绍和注册本站会员以及家乡特产的链接。首页大致分为4部分，比较简单，分别用css实现导航栏，左边推荐网站的p块和下方图片块以及用JavaScript脚本实现了图面自动循环切换以及页面底部的时钟显示。，css设置导航栏，下面的块与上面的背景图片边缘对齐，左边有一个p中有列表设置了锚点。三、设计结果及分析网页的显示没有达到预期的效果，在网页的设计上还需要提高，内容比较少，不丰满。在网页的布局上也比较单调，主要是设计时间只有四天，没有太多的时间进行修改。我会在寒假进一步修改此次课程设计的作业，让效果达到满意状态。四、总结课程设计是培养学生综合运用所学知识发现提出分析和解决实际问题锻炼实践能力的重要环节,是对学生实际工作能力的具体训练和考察过程，随着科学技术发展的日新日异，Web网页技术已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握Web网页的开发技术是十分重要的。回顾起此次Web课程设计，至今我仍感慨颇多，的确，从选题到定稿，从理论到实践，在整整4天的日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在课堂上所没有学到过的知识。通过这次课程设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为社会服务，从而提高自己的实际动手能力和独立思考的能力。在设计的过程中遇到问题，可以说得是困难重重，第一次做的，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固。通过这次课程设计之后，一定把以前所学过的知识重新温故。五、附录（源代码）主页源代码章丘章丘第二篇：Web课程设计总结Web课程设计总结一、作品主题描述我设计的网页的主题是关于动漫推荐的。我喜欢动漫，各种题材的，古代江湖、历史故事、恐怖、热血之类的我都喜欢，做这个网站是希望把我喜欢的推荐给大家，让更多的人加入二次元的世界！二、作品技术路线关于作品技术路线，我主要用了bootstrap方面的知识，像bootstrap按钮、下拉菜单、缩略图、bootstrap轮播之类的，当然还有很多基础知识，例如背景、背景音乐，还有视频的插入，网页的链接等等。三、作品素材处理关于素材，由于我是做的动漫方面的网页，首先我先去选择适合主题的图片，再选择其中最能代表作品的图片，再根据实际情况修改图片尺寸，接着再选择文字素材，选择简短有最能概括作品内容的文字。四、主要问题在这次设计中，我还想实现排行榜这个功能，但由于个人能力不足，还有一部分时间问题，没有实现排行榜功能，心里略微有些遗憾，我会在交上本次课程设计之后继续努力完成，还有视频和背景音乐的插入，没有成功改变播放器的样式。五、网页制作的心得体会转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的