第一篇:web课程设计报告
课程设计报告
学
院:
信息科学与工程学院
专
业:计算机科学与技术(软件外包方向)班
级:
计软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天的日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在课堂上所没有学到过的知识。通过这次
课程设计使我懂得了理论与实际相结合是很重要的,只有理论知识是远远不够的,只有把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为社会服务,从而提高自己的实际动手能力和独立思考的能力。在设计的过程中遇到问题,可以说得是困难重重,第一次做的,难免会遇到过各种各样的问题,同时在设计的过程中发现了自己的不足之处,对以前所学过的知识理解得不够深刻,掌握得不够牢固。通过这次课程设计之后,一定把以前所学过的知识重新温故。
五、附录(源代码)主页源代码
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();
章 丘
第二篇:Web课程设计总结
Web课程设计总结
一、作品主题描述
我设计的网页的主题是关于动漫推荐的。
我喜欢动漫,各种题材的,古代江湖、历史故事、恐怖、热血之类的我都喜欢,做这个网站是希望把我喜欢的推荐给大家,让更多的人加入二次元的世界!
二、作品技术路线
关于作品技术路线,我主要用了bootstrap方面的知识,像bootstrap按钮、下拉菜单、缩略图、bootstrap轮播之类的,当然还有很多基础知识,例如背景、背景音乐,还有视频的插入,网页的链接等等。
三、作品素材处理
关于素材,由于我是做的动漫方面的网页,首先我先去选择适合主题的图片,再选择其中最能代表作品的图片,再根据实际情况修改图片尺寸,接着再选择文字素材,选择简短有最能概括作品内容的文字。
四、主要问题
在这次设计中,我还想实现排行榜这个功能,但由于个人能力不足,还有一部分时间问题,没有实现排行榜功能,心里略微有些遗憾,我会在交上本次课程设计之后继续努力完成,还有视频和背景音乐的插入,没有成功改变播放器的样式。
五、网页制作的心得体会
转瞬之间,半个学期又接近尾声,在李导师的精心辅导下,度过了这个富有生机,富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识,对于我来讲是一个很好的锻炼和充实的机会。
俗话说的好“书山有路勤为径,学海无涯苦作舟”。在这一绝世佳句的鼓动下,我把握了工作之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的收索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!
在学习网页制作的过程中,我深深体会到一点“有付出,就终有回报”,你的付出与你的回报终究是成正比的。经过了多少漫漫长路,经过了多少忘我的投入,经过了多少波折,我的网页与众人见面了。当我第一眼在网络下一览我的个人主页,我是多么的激动,多么的兴奋,就像多年未见的老同学,一种讲不出道不明的感觉。
我在制作主页中的心得体会:做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。1.标题
在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格,决不要取一个名不符实的“好名字”,别人第一次上了当,下次再也不会光顾了。2.内容的采集
选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。主页就是在网络上的一个小小家园,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品。把这些内容按类别进行分类,设置栏目,让人一目了然,在栏目上不要设置太多,最好不要超过十个,层次上最好少于五层。3.图片
做个人主页不能只用文字,必须在主页上适当地加一些图片,增加可看性,俗话说“一图胜千言”,我想不无道理,一张处理得好的图片不需要多做任何解释,就能让人一目了然,让人去思考,去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去,否则让人觉得是累赘,同时也影响网页的传输速度。图片不仅要好看,还要在保证图片质量的情况下尽量缩小图片的大小(即字节数),在目前网络传输速度不是很快的情况下,图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢,一般来说,图片颜色较少的及在256色以内的最好把它处理成gif图像格式,如果是一些色彩比较丰富的图片,最好把它处理成jpg图像格式,因为gif和jpg各有各的压缩优势,应根据具体的图片来选择压缩比。
4.网页排版
网页页面整体的排版设计也是不可忽略的,要让读者在狭小的电脑屏幕上阅读,很重要的一个原则是合理地运用空间,让自己的网页井井有条,留下必要的空白,人觉得很轻松。不要把整个网页都填得密密实实的,没有一点空隙,这样会给人一种压抑感。5.背景
网页的背景并不一定非要用白色,选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。
6.其它
如果想自己的网页更有特色一些,可适当地加一些网页制作的技巧,诸如声音、动态网页等,当然这些小技巧最好不要加太多,它会影响网页的下载速度。等个人主页做得差不多了,可别忘了在个人主页上放一个留言板、一个计数器。前者能及时获得参观者的意见和建议,及时得到网友反馈的信息,最好能做到有问必答,用行动去赢得更多的访问者;后者能让知道主页参观者的统计数据,可以及时调整设计,适应不同的浏览器和参观者的要求。
7.宣传
昨天,网页与我无缘,那是因为上天不给我们一个见面的机会!
今天,网页与我相识,与我相知,成为我的一个最真诚的朋友,那时因为董老师的辛勤栽培!
明天,网页与我一生相伴,终身相随,那是因为我领悟了什么是“一个网络,整个世界”。
总而言之,我将用毕生的精力,心血去换取网络中最灿烂的那颗夜明珠,在网页的蓝图里,我将记下人生不朽的个人诗篇,计算机会在以后的学习生活中充当越来越重要的角色,相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小!!
第三篇:web课程设计题目
不超过3位同学一组,分组完成以下功能:
1、新闻管理:
前台:新闻清单、查看新闻、新闻点击数记录、搜索新闻
后台:管理员登录/注销、发布新闻、修改新闻、删除新闻
2、留言簿
前台:写入留言、留言列表、查看留言
后台:管理员登录/注销、查看留言、搜索留言、删除留言、回复留言
3、用户管理
前台:用户注册、用户登录、修改自己的登录密码、用户通过提问验证取回密码
后台:管理员登录/注销、查看用户清单、添加用户、修改用户注册信息、修改用户密码、删除用户、搜索用户
4、网上调查
前台:投票、查看得票、写入评论、查看评论
后台:管理员登录/注销、设定调查项、删除评论、修改得票数
5、订单管理
前台:商品清单、查看商品、搜索商品、加入购物车、购物车管理(修改商品数量、删除商品)、生成订单、查看订单状态
后台:管理员登录/注销、添加商品、修改商品、删除商品、查看订单、删除订单、确认订单
6、流量统计
记录访问信息(时间、IP、浏览器版本、操作系统等)、查看最近的30次来访信息、查看浏览器统计报告、查看操作系统统计报告、查看年/月/日访问量统计报告、查看小时访问量统计报告
7、库存管理
用户登录/注销、入库操作、出库操作、当前库存统计报告、出库统计报告、入库统计报告、库存搜索、初始库存设定
8、同学录
前台:用户登录/注销、添加自己的联系信息、写留言、搜索留言、搜索同学 后台:管理员登录/注销、修改联系信息、删除留言
9、教室预订
前台:申请教室、申请撤销(申请在管理员确认前可以撤销)、查看教室占用情况、搜索教室
后台:管理员登录/注销、查看申请清单、删除申请、确认申请、查看教室占用情况
第四篇:Java web课程设计实训报告
Java web课程设计实训报告
我们进行了为期一周的Java web的课程实训。在这次实训中,我觉得我学到了很多东西。这次,老师给我们安排了一个项目,是关于商店购物的。首先,我们划分了几个小组,每组4-6人,每个人有每个人的工作,每个人的工作完成后整合到一起,这个项目就完成了。我在我们小组的工作是写一段删除商品的Java代码。因为我的基础比较差,所以我分担的工作比较少,下面是我做的一段代码:
public void deleteProduct(String id){
Statement stmt = null;
connectTODB();
int tempid =
Integer.parseInt(id);
try {
stmt =
this.con.createStatement();
stmt.execute(“delete from
shop_info where product_id=” + tempid);
} catch(Exception e){
e.printStackTrace();
} finally {
close(this.con, stmt, null);}}
总而言之,这次实训对我的帮助很大,我工作会很有从中学到了什么是团队协作,正所谓团结就是力量,不仅如此,我还学到了很多的专业知识,积累了一些经验。我想,对于我以后的工作会很有帮助,希望还能有更多像这样的机会让我能够锻炼我自己。
第五篇:2013年天津科技大学web课程设计报告
2013 Web程序设计课程作业学号 姓名
题目
一、开发目的二、软件设计
(一)总体功能设计(软件功能架构图)
(二)用例设计(包括用例图和用例描述)
(三)数据库设计
三、软件实现(各个模块的界面展示和简单的操作说明)
四、总结
文档为doc格式
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。
Java Web开发课程设计
Java Web 开发课程设计一、性质、目的和任务 本课程设计是在《Java Web开发》课程上设置的,是巩固学生所学理论知识、培养学生动手能力并使理论与实际相结合的重要实践环节。......
web课程设计报告-视频网站(5篇材料)
Web应用开发基础设计 题目: 电影网站设计与实现_ 系部:_信息技术工程学院___ 专业:_xxxxxxxx___________ 班级:_xxxxxxxx___________ 学号:_xxxxxxxxxxxx________ 姓名:_xxxxxxx__......
WEB程序设计课程设计指导书(模版)
WEB课程设计指导书设计课题:广东海洋大学寸金学院micro blog信息系统 设计目的:1。综合应用java程序设计、WEB程序设计、数据库应用、计算机网络等知识设 计和实现我校Micro B......
web课程设计的个人总结
web课程设计的个人总结 web课程设计的个人总结一----在线测试系统 这次课程设计我做的是章节自测系统, 主要是服务于学生进行阶段性自测和练习。系统分为练习和测试两部分,每......
11级《Web程序设计课程设计》计划
《Web程序设计课程设计》计划 班级:B110501~06任课教师:张文学、刁文广、郭俊恩一、设计目的与要求 《Web程序设计课程设计》是《WEB程序设计》课程之后进行的实践环节。通过该......
web server课程设计分析[合集五篇]
Web server 软件体系结构课设 1 实验目的 掌握Web服务体系结构和工作方式,即该体系结构的服务提供者、服务请求者和服务注册中心的角色和它们之间的交互。 2 实验内容 2.1......
Web动态网页课程设计 题目及要求
Web动态网页课程设计 (总学时数:16课时) 一 Web动态网页 课程设计性质:本课程是一门计算机相关专业实践性环节。以HTML和CSS为基础,全面学习网页设计制作有关的知识,让学生通......
Java Web项目实践课程设计说明书 样张
长 春 大 学课程设计纸 课程设计说明书,大体格式及要求如下: 一、封面;┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊......