第一篇：2013年天津科技大学web课程设计报告

2013 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轮播之类的，当然还有很多基础知识，例如背景、背景音乐，还有视频的插入，网页的链接等等。

三、作品素材处理

关于素材，由于我是做的动漫方面的网页，首先我先去选择适合主题的图片，再选择其中最能代表作品的图片，再根据实际情况修改图片尺寸，接着再选择文字素材，选择简短有最能概括作品内容的文字。

四、主要问题

在这次设计中，我还想实现排行榜这个功能，但由于个人能力不足，还有一部分时间问题，没有实现排行榜功能，心里略微有些遗憾，我会在交上本次课程设计之后继续努力完成，还有视频和背景音乐的插入，没有成功改变播放器的样式。

五、网页制作的心得体会

转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

我在制作主页中的心得体会:做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。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、教室预订

前台：申请教室、申请撤销（申请在管理员确认前可以撤销）、查看教室占用情况、搜索教室

后台：管理员登录/注销、查看申请清单、删除申请、确认申请、查看教室占用情况

第五篇：web课程设计报告-视频网站

Web应用开发基础设计

题目： 电影网站设计与实现_ 系部：_信息技术工程学院___ 专业：_xxxxxxxx___________ 班级：_xxxxxxxx___________ 学号：_xxxxxxxxxxxx________ 姓名：_xxxxxxx_____________

目录

一、实验目的...................................................................................................................................3

二、实验需求...................................................................................................................................3

三、实验功能...................................................................................................................................3

四、实验内容...................................................................................................................................3

1.设计主页...........................................................................................................................3 2.主页页面设计...................................................................................................................4 3.博客页面设计...................................................................................................................4 4.关于我们...........................................................................................................................5 5.常见问题...........................................................................................................................5

五、实验心得体会...........................................................................................................................5

1.标题................................................................................................................................5 2.内容的采集....................................................................................................................5 3.图片................................................................................................................................5 4.网页排版........................................................................................................................5 5.背景................................................................................................................................6 6.其它................................................................................................................................6

六、实验不足...................................................................................................................................6

一、实验目的

1.学会使用HTML和CSS技术实现静态网站的搭建和设计，完成五个网页的建设，网站要呈现出来电影推荐的主题。

2.掌握网站开发的原理和相关技术，尤其是要具备用HTML编写网页的能力。

3.掌握HTML基础标签（标题标签、段落标签和换行标签）、列表（有序、无序）。4.掌握基本框架的创建并使用框架实现网页的整体布局。

5.掌握表格的基本创建、表格属性的使用及使用表格实现网页的整体布局。6.掌握CSS多种属性及使用方法（字体、文本、背景、边框、边距及填充）。

二、实验需求

电影推荐是本网站打造的一个电影社区，帮助用户找到想要的电影、影人、影院、电视剧。比如通过各大网站的影评，电影的评分帮助你找到你想要的电影。满足用户对于电影的多种不同需求，充分释放你对电影的热爱。

三、实验功能

1.用HTML设计制作网页。用记事本或dreamweaver作为工具，利用HTML语言制作简单网页。

2.用框架、表格和表单设计制作网页。

3.CSS样式的使用。CSS的类、选择符和标识符的使用，内嵌式、外接式样式的使用 4.javascript的使用。在HTML网页上使用，用来给HTML网页增加动态功能。

四、实验内容

1.设计主页

主条目内容包括：

主页：网站打开后看到的第一个页面，主页文件名是index加上扩展名.html。

index.hml页面搭建

申明文档的类型是html5 网页的编码格式是UTF-8 让网站支持IE浏览器。

博客: 博客上的文章通常根据张贴时间，以倒序方式由新到旧排列。本博客结合了文字、图像，能够让读者以互动的方式留下意见，是许多博客的重要要素。博客内容以图片介绍为主，本应有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题，但由于初学尚有不足。

关于我们

本站整理各种经典，热评的电影。本着分享精神。

联系我们：如果你对我们的网站有啥建议和意见，请联系我们。这也是对网站不足的一个回馈。反馈者可以将名字邮件信息等提交发送给我们。

联系我们

欢迎联系我们