Web高级编程大作业要求与题目

Web程序设计期末考查一、能力要求1、能独立的运用开发工具进行基于web程序设计前台的简单系统开发2、能根据一定主题设计出各个页面模块，使用所学的web技术构建简单的web系统3、能撰写简要的设计与开发文档二、设计题目参考（系统主题）：以下大作业主题仅作参考，作业主题可以自拟。

1.以通讯录为主题2.以班级信息为主题3.以课程信息为主题4.以作业信息为主题5.以教师信息为主题6.以教材信息为主题7.以院系信息为主题三、考查要求：1.必须以某个特定的主题为中心，主题可以自拟，系统由5个以上文件（页面）组成。

2.在页面中要有以下页面元素：图片，超连接，表单，表格设计、JavaScript特效等。

3.使用Dreamweaver、notopad、fireworks作为开发工具4.页面的风格属性用CSS技术设置5.主页面包括滚动文字链接、动态图片（可以使用Dreamweaver时间轴制作）、按钮等元素6.撰写出相应的开发文档，主要包括：网站的中心主题、网站的框架、页面的组织、所用的开发技术、课程的学习心得等7.作品在一周内完成四、评价标准不及格（60分以下）：不能独立完成作品，或上交作品完全不符合考查要求。

特别说明，如发现直接使用他人作品，未加任何修改，期末考查成绩评定为不及格（证明抄袭使用他们作品的方式包括教师询问、答辩或他人检举，如发现对所交作品完全陈述不清，但作品本身又明显体现了一定水平即认定是抄袭他人作品）。

及格（60-69）：能独立完成作品，作品基本符合考查要求，作者能正确陈述完成作品的开发步骤和思路。

没有作品说明文档的一律评定为及格或以下成绩。

中等（70-79）：能按时、独立完成作品，作品基本符合考查要求。

说明文档基本能体现了作品主题和完成步骤。

良好（80-89）：独立完成作品，完成考查要求中规定的功能，界面美观，撰写的说明文档思路清晰，能完整说明作品开发思路与设计理念。

优秀（90-100）：独立完成作品，界面美观，完成并适当优化了考查要求中的基本功能，撰写的说明文档格式准确规范。

web开发技术大作业
题目：开发一个简单的在线书店系统
目标：通过开发一个在线书店系统，掌握Web开发的基本技术，包括HTML、CSS、JavaScript、后端语言（如Python、Java等）以及数据库技术（如MySQL、MongoDB等）。

要求：
1. 系统需要包含用户注册、登录、注销功能；
2. 用户可以浏览图书列表，查看图书详情，将图书加入购物车；
3. 用户可以将购物车内图书结算，生成订单；
4. 后台管理员可以管理图书、用户和订单；
5. 使用数据库存储数据。

步骤：
1. 设计数据库结构，包括用户表、图书表、订单表等；
2. 使用HTML、CSS搭建前端页面，包括注册、登录、注销、图书列表、图书详情、购物车、结算等页面；
3. 使用后端语言处理用户请求，与数据库进行交互，实现业务逻辑；
4. 测试系统功能，修复Bug；
5. 部署系统，发布上线。

总结：通过开发在线书店系统，可以掌握Web开发的基本技术，包括前后端分离的开发模式、数据库的使用、前后端交互等。

同时，也可以锻炼团队合作和项目管理的能力。

在开发过程中需要注意代码规范、可维护性和可扩展性，为未来的Web开发打下坚实的基础。

网络教育学院《Web技术》课程设计题目：在线考试系统学习中心： ***层次： ***专业： ***年级： 2013年春/秋季学号： ***学生： ***辅导教师： ***完成日期： 2014 年月日•1问题描述1.1背景随着信息技术的发展、社会信息化程度的提高，尤其是互联网的迅速普及、Internet的应用越来越广泛，使得各类信息网站日益增多，供用户查阅信息，下载资料的网站也应运而生。

ASP技术的诞生和应用，为动态网页的设计与制作发挥了很大的作用，通过计算机网络,利用ASP相关语法进行远程教育，在线网络考试系统应用而生。

网络在线考试也有了突飞猛进的劲势。

网络考试系统旨在实现考试的无纸化管理，对一些科目的考试可以通过互联网或局域网进行，方便校方考务的管理，也方便了考生，针对考生分布广，适用于远程教育。

网络在线考试与传统的笔试考试相比有多方面的优势，首先是可以省去试卷印刷的费用，减轻教师阅卷的负担，加快考试进程。

其二，可以充分发挥计算机在信息处理方面的优势。

网络在线考试系统是针对原始的考试模式而发展起来的。

该系统是专门用于用户注册、登陆、参加在线考试以及管理员进行试题的录入、修改、删除的ASP应用程序。

它具有开放性，方便性和灵活性，采用B/S 模式设计。

试卷全部为客观题，具有用户注册、多用户同时在线考试、时间控制、试题录入、修改试题、科目管理、试题管理等重要功能。

管理员可以轻松的向题库添加试题、修改试题、审核学生信息。

考生进行有效的身份验证登陆后，选择考试科目，并要求在规定的时间内进行答题，当达到规定时间的前一分钟，系统将自动予以提示。

考生最后也可以进系统进行成绩查询。

1.2 所需软件介绍该在线考试系统需要用到ASP技术，对ASP给予简单介绍。

ASP是MicrosoftActive Server Pages的简称，其实是一套微软开发的服务器端脚本环境。

Active Server Pages是创建动态网页的一个很好的工具，它起一种编程语言的作用，可以利用它编写动态产生HTML的程序代码。

web应用开发大作业
开发一个Web应用是一个复杂的任务，需要综合考虑多个方面，包括需求分析、设计、开发、测试和部署。

以下是一个Web应用开发的大作业的基本步骤：
1. 需求分析: 首先，你需要明确你的Web应用的目标和功能。

这可能涉及到与潜在用户进行交流，了解他们的需求和期望。

你可能需要整理出一份详细的功能需求文档。

2. 设计: 在这个阶段，你需要设计应用的用户界面和用户体验。

这包括设计页面的布局和风格，以及定义用户如何与你的应用进行交互。

同时，你也需要设计数据库模式，以存储和管理应用的数据。

3. 开发: 在这个阶段，你需要使用HTML、CSS、JavaScript等前端技术来创建用户界面，使用后端语言（如Python、Java、Ruby等）来处理用户请求和数据管理。

你可能还需要使用数据库管理系统（如MySQL、PostgreSQL等）来存储和检索数据。

4. 测试: 在开发过程中和开发完成后，你需要对你的应用进行测试，以确保它按照预期工作，并且没有错误或漏洞。

这可能涉及到单元测试、集成测试和用户验收测试。

5. 部署: 最后，你需要将你的应用部署到Web服务器上，以便用户可以通过互联网访问它。

你可能需要使用云服务提供商（如Amazon Web Services、Google Cloud Platform等）来托管你的应用。

以上是一个基本的Web应用开发流程，但请注意，每个项目都是独特的，你可能需要根据项目的具体需求进行调整。

---------------------------------------------------------------最新资料推荐------------------------------------------------------Web编程课程设计题目要求一、网站申办系统(网站航母) 系列 (供 26 人选用，每题限 2 组选用) 通用功能提示：这是针对某类事物网上解决方案的申办系统。

进入该网站后，有网站功能、目的介绍，缺省解决这类事物中一件事情的网站，引起用户注册申办新的子网站，解决用户的事情。

系统应该由用户提供子系统目的等各项参数，经系统管理员审定后，生成子系统，给出子系统登陆的主页。

用户拿到这个主页网址后，可以到各大网站的论坛、留言板中通知自己的主页地址，引起公众访问。

用户类型：总系统管理员、子系统管理员、子系统业务员(有的申办系统可能没有此项) 、公众访客。

这 10 个项目，最后要组装在一个服务器上，每个项目只能在一个虚拟目录。

1网上联名申办系统(2 人一组) 2网上辩论赛申办系统(2 人一组) 3网上企业进销存管理申办系统(4 人一组，课程设计结束后继续做，可转化为毕业设计课题) 4网上交友申办系统(3 人一组) 5亲友网申办系统(3 人一组，功能见后面单网站系统) 6网上寻亲申办系统(1 人一组) 7网上农产品推销申办系统(21 / 5人一组) 8网上求助申办系统(1 人一组) 9网上调查问卷申办系统(2 人一组，课程设计结束后继续做，可转化为毕业设计课题) 10网上宝宝成长录申办系统(2 人一组，课程设计结束后继续做，可转化为毕业设计课题) 11网上个人求婚申办系统(1 人一组) 12辅导员工作管理申办系统(3 人一组) 二、单网站管理系统系列(供 23 人选用。

每题限 2组选用) 1 教师教材征订管理系统(2 人一组) 找指导教师获得需求。

2 毕业设计管理系统(2 人一组) 功能包括：教师出题，学生选题，日常信息发布、软件上传、论文上传、网上评审(指导教师评审和评阅老师评审) 打分及评语编写，答辩工作管理，分数统计等。

网页制作大作业要求第一篇：网页制作大作业要求网页制作大作业要求1、根据所学知识制作*****主题网站；2、至少应该有主页、注册页面及其他。

主页要求有导航栏区、登陆注册区、以及其他主题功能图片预览区；3、完成注册、登陆功能，后台脚本采用PHP（或其他如ASP 等）、数据库采用MySQL(或其他)，注册及登陆成功后应该有提示成功信息；4、注册用户登陆后可以上传本地其他图片到某某文件夹中，并提示上传成功信息；未登陆用户无此功能；5、注册用户登陆后的其他功能可以根据自己能力水平进行其他方面设计，功能越多者结课成绩会越高；6、完成系统后，书写1000字以上课程报告，格式不限，将自己所做网站各个功能跑一遍并截图到报告中，图的上下方要有相应文字解释；7、最后提交作业包括：网站源码和数据库（HTML、CSS、JavaScript、PHP 以及所安装WAMP目录中MySQLdata*****文件夹），以及课程报告，三部分压缩成一个文件，命名为同学的学号姓名，于2011年1月18日晚12点之前发到老师邮箱（********************），过期没有结课成绩；8、每位同学都要按要求完成大作业，逾期未能上交作业者无最后结课成绩；9、考虑到学校文科类学生以前没有C语言基础，相应课程中的PHP 及MySQL比较难掌握，所做大作业只需完成前台页面部分，要求至少3级页面链接、页面导航、注册登陆功能区（点击注册或登陆可以没有反应的）图片展示等功能区，页面布局颜色等要求高质量，质量低劣者给予较低分数；文科类学生若完成同其他专业学生作业要求内容，可不考虑页面布局颜色质量，鼓励完成较高要求作业，并给予完成者较高分数；10、无论何专业学生，最后提交的作业都包括网站源码和1000字左右课程报告，缺少一项者均给予不及格处理；11、本年度结课成绩分两部分，平时作业和大作业按4:6比例，HTML（XHTML）、CSS、JavaScript、PHP（+MySQL）每一部分10分，具体要求平时上课都已说明，缺少一项者扣10分。

web程序设计课程考试大作业姓名：李德坤学号：24专业：计算机1301班题目3：结合所学的课程内容，论述web程序设计的相关技术、应用及学习体会1.HTML的主要知识点框架是一种在一个浏览器窗口中显示多个HTML文件的网页制作技术。

框架基本结构框架分为框架集和框架两部分。

定义框架的语法格式如下。

<frameset><frame src="url1"><frame src="url2">......</frameset>标记HTML中用于描述功能的符号称为“标记”。

标记在使用时必须用尖括号“<>”括起来，比如<html>、<head>、<body>等，都是标记。

多数标记必须成对出现，以开头无斜杠的标记开始，以有斜杠的标记结束。

标记还可以嵌套使用。

属性与标记相关的特性称为属性，每个属性总是对应一个属性值，将其称为“属性/值”对。

“属性/值”对出现在开始标记的“>”之前。

在HTML文档中，标题（Heading）很重要。

标题是通过<h1>-<h6>等6对标记进行定义的。

<h1>定义最大的标题，<h6> 定义最小的标题。

font标记用于编辑网页文字的样式，主要是设置文字的字体、字号、颜色等属性。

font标记语法格式如下：<font face="" size="" color=""></font>HTML的一些元素可以定义字体信息，如粗体、斜体等。

不论是在普通文档，还是在网页文字中，合理的使用段落会使文字的显示更加美观，要表达的内容也更加清晰。

在HTML文件中，有专门的段落标记<p>。

粗体标记<b>，被<b>标记对括起的字词或句子在网页中表现为粗体。

网络教育学院《Web前端网页制作》课程设计题目：学习中心：层次：专业：年级：年春/秋季学号：学生：辅导教师：完成日期：年月日大工19秋《Web前端网页制作》课程设计注意：从以下5个题目中任选其一作答。

题目一：学习资源共享平台总则：利用先关的平台和数据库设计一个资源共享平台。

（具体工具平台及语言可以自己根据自己的习惯选用）要求：（1）建立一个完整的平台文件夹，所有平台内容都要包含在建立的这个文件夹内，平台各类元素文件在总文件夹中以子文件夹形式分类清楚。

（如图片都放在子文件夹image里，html页都放在pages子文件夹内，数据库文件放在DB文件夹内）（2）平台系统用户分为：学生用户、教师用户和管理员用户。

不同的用户拥有不同的权限，各自完成各自的管理功能，不同的用户看到不同的系统功能。

（3）用SQL Server/MySql创建后台数据库，并完善数据库结构和功能。

（4）学生用户的主要功能模块：学生的登录与注册、学生留言、资料上传、下载。

（5）教师的主要功能模块：教师的注册和登录、教师留言、资料上传、下载。

（6）管理员的主要功能模块：管理员管理学生教师的信息、管理员审核资料。

（7）附带一份课程设计功能说明书，也放在总文件夹中。

功能书包含：介绍各模块功能、数据库设计说明、各模块核心程序、总结及体会。

（8）将所制作的相关文件压缩成一个文件，文件名为[姓名奥鹏卡号学习中心]（如戴卫东101410013979浙江台州奥鹏学习中心[1]VIP ）作业提交：大作业上交时文件名写法为：[姓名奥鹏卡号学习中心]（如：戴卫东101410013979浙江台州奥鹏学习中心[1]VIP）以附件形式上交离线作业（附件的大小限制在10M以内），选择已完成的作业（注意命名），点提交即可。

如下图所示。

注意事项：独立完成作业，不准抄袭其他人或者请人代做，如有雷同作业，成绩以零分计！题目二：制作一个VIP登记网站总则：利用Dreamweaver CS3结合ASP制作一个VIP登记网站，建立几个基本的数据库表。

期末考试大作业
题目：汽车销售展示网站
要求：
1、至少四个页面以上。

一个页面进行销售车型展示，一个页面进
行汽车配置及售价展示，一个页面给客户提供汽车贷款查询和
计算，其他页面自由发挥。

2、提供汽车贷款查询和计算的页面要求使用Javascript代码，配合
HTML控件实现和客户的交互。

比如，客户输入车型显示价格，（计算方法一般为汽车总价+购置税+保险等）。

同时提供贷款
功能，比如客户选择车型，输入贷款期限，应相应计算显示出
每个月贷款金额。

3、其他页面要求工整美观，其中必须使用到CSS样式表+DIV等
处理方式。

文字内容精简概要，要求使用CSS样式表对文字段
落进行设置。

4、主题突出，实用性强，可以嵌入第三方的Javascript代码以实现
页面的特效或者美观效果。

5、一旦发现有重复，相互抄袭的作业，成绩一起取消。

不允许从
其它网站拷贝现成网页，或者应用已经做好的模板进行制作。

第十九周结束前发至老师邮箱：homework_zf@，过期取消成绩。

发送邮件主题上严格按照要求来写：考试大作业+班级+姓名+学号。

w e b高级编程期末作业work Information Technology Company.2020YEARCSS期末作业班级：x级x班姓名：xxx学号：xxxxxxxxxxx日期：2013年1月8号CSS布局：三列布局与二列的细微差距以及三列布局中间列宽度自适应创建三列布局所需的HTML与两列布局的HTML非常相似，唯一的差异是在内容div中添加了两个新的div:一个用于主内容，另一个用于次要内容。

因此，可以重用灵活的primary和secondary类名。

格式如下：〈div class=”content”〉〈div class=”primary”〉〈div class=”primary”〉〈--your primary primary content goes here--〉〈/div〉〈div class=”secondary”〉〈--your secondary primary content goes here--〉〈/div〉〈/div〉〈div class=”secondary”〉〈!—navigation and secondary content goes here--〉〈/div〉〈/div〉可以使用与两列布局技术相同的CSS，将次要的内容向左浮动，将主要内容享有浮动。

然后，在主内容div中，将主div向左浮动，将次要div向右浮动（如下图）。

这其实就是将主内容区域分成两列，从而形成三列的效果。

与前面一样，所用的CSS非常简单。

只需要设置所要的宽度，然后将主div向左浮动，将次要的div向右浮动，在中间留出20像素的间距。

再者，使用浮动定位方式，从一列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。

而在这里给我们提出了一个新的要求，希望有一个三列式布局，其中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居右显示，而中间栏需要在左栏和右栏的中间，根据左右栏的间距变化自动适应。

东营职业学院Web开发大作业东营职业学院同学录管理系统，现东营职业学院校友的班级管理、校友注册、通讯录管理、留言管理、评论管理。

管理员后台管理功能等需要完成的内容一、设计报告1、需求分析1)业务分析2)用户分析3)功能分析4)性能分析2、系统设计1)功能模块设计2)权限设计3)系统结构设计4)界面设计5)关键类设计6)数据库设计3、具体实现1)具体文件结构2)关键代码4、测试部署5、总结二、系统开发 +SQLSERVER完成系统开发，并提交完整源代码和数据库。

三、其他具体要求如下：1、所有图件以viso格式提交，包括功能模块图等。

2、数据库设计按照下面给定格式填写表格，补充到设计报告的第二部分系统设计的第六小节数据库设计中。

1.负责参加单位表--XM_FZCJDW3、文件结构以表格的形式提交（教材第223页）4、报告总页数至少15页，其中摘录源码的页数不能超过3页。

5、如果是在已有系统的基础上修改，或引用部分已有源代码，请提交已有系统或引用部分的源代码。

并以表格的形式列出独立完成的部分，修改的部分，完全引用的部分。

6、系统开发必须使用三层架构，并且应用母版页、用户控件、数据库访问公共类等技术。

应用Gridview，Datalist，Reapter 控件中的至少一种。

代码的所有方法必须都有注释。

最后需提交的：1、设计报告2、源码及数据库3、Viso源文件4、以表格的形式列出独立完成、修改、引用情况的说明文档。

（必须，单独文档）。

个人作业•12月1日之前交个人作业，做好后随时可以在实验课让老师检查，早完成得分可能越高。

源代码导出成war文件上传到Ftp团队作业可选题目相关要求•每队不超过7人，完成一个Java Web项目的开发•期末演示，提交相关设计文档（无固定格式）、源程序、PPT，项目要导出成war文件，并且将数据库的结构和数据备份为SQL文件•导出成war文件的方法：选中工作空间的项目，然后点击菜单栏的File->Export->出现如下界面•2017年12月8日之前提交团队作业•提交本组成员名单，制作成Excel表格，序号代表成员的贡献大小，不•参考题目附后，也可以自拟题目。

关于功能团队去构思，思考系统应该具备什么样的功能。

最终完成的功能越多，得分越高。

•项目一般要注意的问题（1）权限问题，不登录能否访问（2）能否从文件导入数据到数据库，能否打印，一般要用到第三方的开源jar包参考题目（同一班级内至多两组选择同一题目）1.基于 Web 的教师—学生互动系统的设计与实现2.在线购物系统的设计与实现3.微博系统的设计与实现4.邮件收发系统的设计与实现5.基于 Web 的学生信息管理系统6.在线计算机等级考试报名系统的设计与实现7.教师在线作业收发及批改系统8.Java Web 精品课程网站的设计与实现9.在线问卷调查系统的设计与实现10.计算机基础课程在线考试系统的设计与实现11.基于 Web 的聊天系统12.基于 Web 的进销存管理系统13.学生在线选课及调课系统的设计与实现14.在线医院看病预约系统的设计与实现15.在线 Java 技术论坛系统的设计与实现16.在线公务员信息管理系统17.在线选举和投票系统18.基于 Web 的招投标信息管理系统19.商场 VIP 消费查询系统20.在线音视频点播网站21.基于 Web 的办公自动化系统22.在线火车订票系统23.物流信息网的设计与实现24.基于 Web 的教务管理子系统的设计与实现25.学校信息公开发布系统26.计算机与信息工程学院学生编程爱好者信息交流系统27.会员管理系统28.在线酒店管理系统29.在线新闻发布系统30.个人博客系统31.医药管理系统32在线投票系统33在线考试系统34.企业人力资源管理系统35.网络商城系统36.企业论坛系统37.酒店旅客入住管理系统38.大学新闻发布系统39.个人理财管理系统40.图书馆管理系统41.基于Java Web 学生信息管理系统42.航空订票系统43.网上订餐系统44.学生在线考勤系统。

网络教育学院
《Web前端网页制作》课 程 设 计
题目：制作一个VIP登记网站
学习中心：
层 次：
专 业：
年 级：年 春/秋 季
学 号：
学 生：
辅导教师：
完成日期：年 月 日
大工20春《Web前端网页制作》课程设计
注意：从以下5个题目中任选其一作答。
题目二：制作一个VIP登记网站
会员登记系统设计及功能说明书
Find_SQL = "insert into tb_supplier(SupplierID,SupplierName,Tel,Address,Remark) values ('" + RecID
+ "','" + txtName.Text + "','" + txtTel.Text + "','" + txtAddress.Text + "','" + txtRemark.Text + "')";
MyDataClass.getsqlcom(Find_SQL);
MessageBox.Show("添加成功！");
InfLoad();
WinstateT();
}
if (Jud == 2)
{
Find_SQL ="update tb_Worker set WorkerName='"+txtName.Text+"',Remark='"+txtRemark.Text+"' where WorkerID='"+txtWorkerID.Text+"'";

Web前端实验题目：大作业班级：计G191学号：2019322027姓名：刘祎指导教师：温春水信息工程学院1.程序设计思路这次主要是想做一个类似于苹果得页面，所以参考了苹果官网，在苹果官网得基础上增加了小米商城得一些思路，以及加入了轮播图，侧边栏等功能。

这次主要以”块”的方式实现布局，通过把每一部分进行定位，先用一个大的div把所有div装起来，然后每部分用小div实现定位，用相对布局和绝对布局实现对侧边栏，轮播图和其他图片的准确定位。

以及对每个按钮进行超链接化，方便加入新的网站和元素。

由于是参考苹果官网，所以也保留了简洁，没有过多的元素，使页面看起来更加扁平化2.功能实现网站实现了每个按钮的超链接化，进行跳转。

网站也加入了鼠标悬停高亮显示。

侧边栏部分加入了客服，购物车等内容，也加入了轮播图展示功能，用户可在后台自定义4张较宽图片用于展示，后期也可以对接数据库使图片在线随时更换。

3.代码调试重要代码对整个页面进行清除边距操作*{margin: 0px;padding: 0px;list-style: none;}轮播图的移动@keyframesimg1{0%{left: 0px;}25%{left: -1230px;}50%{left: -2460px;}75%{left: -3690px;}100%{left: 0px;}鼠标悬停高亮效果.menua:hover{color: white;}全部代码<!DOCTYPEhtml><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{margin: 0px;padding: 0px;list-style: none;}.box{width: 100%;height: 2000px;background-color: #f5f5f7;}.header{height: 30px;background-color: #666;text-align: 30px;}.header a{font-size: 12px;text-decoration: none;color: white;}.header a:hover{color: blue;}.menu{height: 50px; background-color: black; }.menu a{color: #ccc;text-decoration: none; font-size: 12px;}.menu a:hover{color: white;}.menu li{float: left;list-style: none;line-height: 50px; margin-left: 200px;}.menu img{margin-top: 10px;}.left{width: 300px;height: 500px;margin-top: 10px; background-color: black; position: absolute; left: 150px;}.left li{width: 300px;line-height: 60px;list-style: none;}.left a{color: white;text-decoration: none;}.left li:hover{ background-color: orange; }.right{position:absolute;left: 450px;top: 90px;}.bottom{height: 300px;}.watch{position: absolute;left: 150px;top: 600px;width: 500px;height: 500px;background-color: #f5ebff; }.watch #watch{position: absolute;left: 100px;bottom: 10px;}.watch #watchlogo{ position: absolute;left: 189px;top: 50px;}.watch p{text-align: center; padding-top: 100px;font-size: 18px;}.airpods{position: absolute;left: 650px;top: 600px;width: 740px;height: 500px;background-color: #f5ebff; }.airpods #airpods{position: absolute; bottom: 10px;left: 112px;}.airpods p{text-align: center;padding-top: 20px;font-size: 18px;}.airpods h1{text-align: center;padding-top: 50px;}.menu2{height: 240px;width: 60px;position: fixed;top: 100px;right: 10px;}.menu2 #tp1{display:block;background: url("1234.png"); width: 40px;height: 40px;}.menu2 #tp1:hover{background: url("123.png");}.menu2 #tp2{display:block;background: url("geren.png"); width: 40px;height: 40px;margin-top: 20px;}.menu2 #tp2:hover{background: url("geren1.png");}.menu2 #tp3{display:block;background: url("kefu.png"); width: 40px;height: 40px;margin-top: 20px;}.menu2 #tp3:hover{background: url("kefu1.png");}.menu2 #tp4{display:block;background: url("gouwuche.png"); width: 40px;height: 40px;margin-top: 20px;}.menu2 #tp4:hover{background: url("gouwuche1.png"); }.tp{width: 1230px;height: 430px;position: absolute;left: 150px;top: 1100px;overflow: hidden;}.tp ul{position: absolute;animation: img1 16s ease-in-out infinite; }.tp ul li{position: absolute;}.tp li:nth-of-type(1){left: 0px;}.tp li:nth-of-type(2){left: 1230px;}.tp li:nth-of-type(3){left: 2460px;}.tp li:nth-of-type(4){left: 3690px;}@keyframes img1{0%{left: 0px;}25%{left: -1230px;}50%{left: -2460px;}75%{left: -3690px;}100%{left: 0px;}}.info{position: absolute;width: 1230px;left: 150px;top: 1600px;font-size: 12px;color: #90868b;border-bottom: 0.5px solid #d2d2d7;padding-bottom: 20px;}.footer{position: absolute;left: 150px;top: 1800px;font-size: 12px;color: #90868b;border-top: 1px solid #d2d2d7;}</style></head><body><div class="box"><div class="header"><a href="">教育商店首页</a><a href="">退出商店</a></div><div class="menu"><ul><li><img src="logo.png" width="30px" height="30px"></li> <li><a href="">Mac</a></li><li><a href="">iPad</a></li><li><a href="">iPhone</a></li><li><a href="">Watch</a></li><li><a href="">Music</a></li></ul></div><div class="center"><div class="left"><ul><li><a href="">选购及了解</a></li><li><a href="">服务</a></li><li><a href="">账户</a></li><li><a href="">Apple Store 商店</a></li><li><a href="">商务应用</a></li><li><a href="">教育应用</a></li><li><a href="">Apple 价值观</a></li><li><a href="">关于 Apple</a></li></ul></div><div class="right"><img src="11.jpg" height="500px"></div></div><div class="bottom"><div class="watch"><img id="watchlogo" src="watchlogo.png"><img id="watch" src="watch.png" width="300px" height="300px"> <p>自带全天候视网膜显示屏。

题目要求：设计一个不限内容、题材的个人网站，要求页面数量不少于7 个。

具体要求：
1.网页内容详实、科学、准确、积极、健康、活泼。

网页文字及相关链接无错误。

2.网页文件及文件夹的命名符合要求，文件组织合理。

（1）首页源文件命名为：index.htm。

（2）文件夹image 存放与网页相关的图片、动画、文件等。

（3）说明文件Readme.txt内容包括：网页创意及制作的简单说明
3.网页整体设计思路清晰，网页布局合理，风格明快。

主题页和其它各子页之间协调。

主
题分明、重点突出，栏目及版面设计，层次结构及链接结构明确。

内容布局合理，图画搭配得当，效果生动。

4.网页上各主题和附加图、背景的色彩选配方案要注意做到：色彩柔和、搭配美观、朴素
大方，不应过分夸张。

使视觉疲劳。

5.使用表格、框架、CSS各布局一个页面。

6.有自己创作Flash、JavaScript可加分
7.文档提交：电子稿与报告（电子稿—网站、报告—网页创意及制作的简要说明）。

网页制作大作业要求及评分标准
一、大作业要求
围绕一个主题（如企业网站、动漫世界、个人网站、学校网站、家乡网站、娱乐网站等）独立完成一个网站，内容充实，页面设计合理，图文并茂，界面美观，要求有自己制作或处理的图片和动画，使用各种网页制作技术来完成网站。

具体要求：
1.以自己的学号建立站点，图片存放在文件夹images中；
2.要求页面6页以上；其中一个页面为站长简介（页面中需要插入自己的一张照片）。

3.首页包含logo，banner,导航栏；
4.设计自己的网站logo、banner。

5.链接清楚；
6.内容充实完整；
7.页面设计合理，有一定的创意；
8.大作业设计报告，介绍制作思路及网站所运用的技术。

二、评分标准
三、作业提交要求
1.作品上交后，应自备一份备份，以备教师手中的作品因故无法正常读取时补交。

2.做好自己作品的著作权保护，如果发现抄袭或者雷同现象，一律评为不及格。

感谢您使用本店文档您的满意是我们的永恒的追求！（本句可删）
------------------------------------------------------------------------------------------------------------。

WEB 程序设计大作业要求：每个小组成员最多3-5个同学（自由组合，人数只要低于人数6个都行，要独立完成一个项目独立完成也是可以）。

每个小组选出一个组长，选择一个题目，人数越多的小组开发的系统从系统界面、功能数量和功能实现的难度上相应的要求高，在提交文档中要明确的注明每位小组成员任务分工（即在项目中做了哪些具体内容），请仔细阅读提交要求，切记：不严格遵照要求所交作业或如有雷同视为0分。

提交要求： 1. 一个数据库文件database.sql 2. 配置好的工程包3. 一个word文档（内容包括：a) 需求分析（系统概述、系统运行环境、功能需求描述等）b) 总体设计（开发与设计的总体思想、系统模块结构图、模块设计、系统流程描述、界面设计、数据库设计等）c) 详细设计（应该部署图、访问数据库的JavaBean、包括系统运行后各个模块和模块中功能的描述及相对应的功能界面的截图）d) 设计总结 4. 其他说明（如，配置环境要求，小组成员分工情况等） 5. 演示录像及PPT报告提交时间：12月20日前实现统一要求： 1. 系统有自己鲜明主题 2. 系统有自己统一风格 3. 实现登陆功能并实现后台管理 可选题目（供参考，功能描述可供参考，根据实际的调查可相应的修改功能，但完成的功能数量不能过于简单。

）可选题目：1. 投票系统1 投票功能模块2系统维护模块3.统计数据报表模块等等2. 通讯簿管理系统1用户权限管理模块2 普通用户功能模块3 管理员用户功能模块等等3. 软件下载中心 1 软件排行榜模块 2 软件搜索模块 3 详细信息查看模块 4 系统维护模块等等4. 论坛系统1 用户管理模块2 帖子管理模5. 酒店订单管理系统对洒店房间进行编辑，查询，统考订单的管理模块可分为：统计客户订单，客户信息管理，酒店客房管理等。

设计工具及数据库可自行选择。

8. 网上购物商城系统可以是针对与某种产品的在线商城系统，分前台和后台，前台是可以是普通客户和会员客户浏览和查询购买商品的平台，后台为管理平台，管理所以商品的增，删，修改和订单的处理等。