网页课程设计 报告Word文档格式.docx
- 文档编号:15772059
- 上传时间:2022-11-16
- 格式:DOCX
- 页数:19
- 大小:1.18MB
网页课程设计 报告Word文档格式.docx
《网页课程设计 报告Word文档格式.docx》由会员分享,可在线阅读,更多相关《网页课程设计 报告Word文档格式.docx(19页珍藏版)》请在冰豆网上搜索。
张燕新专业技术职务:
讲师
设计时间:
2014年6月16日2014年6月27日
目录
简单介绍2
摘要2
背景知识2
HTML2
CSS2
JavaScript3
功能介绍3
登录界面3
学生首页4
课程中心8
教师首页9
发布任务10
注册界面11
联系管理员13
总结16
参考文献16
简单摘要
伴随着网络的出现,网页逐渐融入人们的生活,当今社会中,计算机的使用已经深入到日常工作和生活的方方面面。
系统的推出使电脑从高雅的学术殿堂走入了寻常百姓家。
网络开始成为人们眼里熟悉的名词。
在这样的时代环境下,随着全球信息化技术的兴起,特别是Internet的日益普及,我国各大中专院校都建立了自己的校园网。
参加课程设计的学生以班级为单位的原始手工报送的选题方式已经不能适应时代发展的需求,所以课程设计管理系统也就孕育而生了。
课程设计管理系统就是,让教师通过网络系统上传题目,,然后能够使学生通过互联网查看课程设计题目的选定。
它采用Web方式,同时适用于局域网和Internet,它要实现学生/教师的区分功能,并能在学生用界面上提供题目查询等功能,在教师用界面上实现该系统同时拥有最开放的题库管理系统和最灵活的选题系统,能够自动进行权限的判断,对用户进行不同主页的展示。
我们采用了HTML技术为主要平台,同时涉及DIV+CSS网页布局技术,以及JavaScript脚本技术,实现了网上选题用户的基本需求。
背景知识
HTML
超文本标记语言(英文:
HyperTextMarkupLanguage,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。
1982年由蒂姆·
伯纳斯-李创建,由IETF用简化的SGML(标准通用标记语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。
HTML档案最常用的扩展名(扩展名)为.html,但是有如DOS等的旧操作系统限制扩展名最多为3个文字符号,所以.htm扩展名也允许使用。
而如今.htm扩展名的使用较为减少。
编者可以使用任何基本的文本编辑器(例如Notepad等)或所见即所得的HTML编辑器来编辑HTML文件。
早期的HTML语法规则定义较为松散,这有助于不熟悉网络出版的人使用或变更。
网页浏览器接受这类的文件,使之可以显示语法不严格的网页。
随着时间的流逝,官方标准渐渐趋于严格的语法,但是浏览器继续显示一些仍不合乎标准的HTML。
使用XML的严格规则的XHTML(可扩展超文本标记语言)是W3C计划中的HTML的接替者。
虽然很多人认为它已经成为当前的HTML标准,但是它实际上是一个独立的、和HTML平行发展的标准。
W3C目前建议使用XHTML1.1、XHTML1.0或者HTML4.01标准编写网页,但已有许多网页转用较新的HTML5编码撰写(如Google)。
CSS
CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。
相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。
JavaScript
JavaScript,一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。
然而现在JavaScript也可被用于网络服务器,如Node.js。
在1995年时,由网景公司的布兰登·
艾克,在网景导航者浏览器上首次设计实现而成。
因为网景公司与升阳公司合作,网景公司管理层次结构希望它外观看起来像Java,因此取名为JavaScript。
但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。
为了统一规格,1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准:
ECMA-262。
因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。
功能介绍
登录界面
用户通过输入符合要求的密码登录到系统的首页,在此界面中,只有当输入正确的用户名称(即“student”,“teacher”)和密码(与用户名相同)时才可以登录到学生或教师的主要系统界面。
学生首页
进入到学生首页我们可以看到的第一部分由后续网页的超链接组成。
其中的学生功能主要由“课程中心”实现,其他链接还有联系后台管理员的功能。
该部分代码
<
body>
divclass="
shell"
>
<
border"
<
divid="
header"
<
h1id="
logo"
ahref="
#"
class="
notext"
课程设计<
/a>
/h1>
socialsright"
<
ul>
li>
rss"
RSS<
/li>
fb"
Facebook<
twit"
Twitter<
/ul>
/div>
cl"
&
nbsp;
navigation"
active"
查询主页<
kecheng.html"
课程中心<
课程简介<
book.html"
联系管理员<
第二部分,该部分是一个滑动展示部分
slider"
slider-nav"
leftnotext"
1<
2<
3<
4<
item"
<
text"
<
h3>
em>
工科方向<
/em>
/h3>
h2>
/h2>
<
imgsrc="
css/images/slider01.gif"
alt="
"
/>
理科方向<
文法艺术方向<
怀德学院<
第三部分,在这个部分实现了对课程设计部分的简单划分,分为四个入口。
projects"
最新题目<
imageleft"
css/images/project1.jpg"
textleft"
h4>
/h4>
p>
工科方向课程设计包含以下学院:
石油化工学院,环境与安全工程学院,机械工程学院、城市轨道交通学院,材料科学与工程学院,石油工程学院。
/p>
more"
更多<
!
--next-->
css/images/project2.jpg"
理科方向课程设计包含以下学院:
信息科学与工程学院,商学院,数理学院,华罗庚学院。
css/images/project3.jpg"
t
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页课程设计 报告 网页 课程设计