脚本网站课程设计.docx
《脚本网站课程设计.docx》由会员分享,可在线阅读,更多相关《脚本网站课程设计.docx(8页珍藏版)》请在咨信网上搜索。
课程设计报告 课程设计名称: 脚本程序开发技术 院系名称: 中印计算机软件学院 学生姓名: 张景山 班 级: 2014级软件技术二班 学 号: 201401080253 成 绩: 指导教师: 陈凤萍 开课时间:2015-2016 学年第二 学期 6 / 8 目录 一.课程设计概述 2 1.1课程设计目的 2 1.2开发环境 2 1.3开发技术 2 1.3.1.HTML技术 2 1.3.1.1HTML语言 2 1.3.1.2HTML文件结构 2 1.3.2.css技术 3 1.3.2.1.css简介 3 1.3.2.2.css文件 3 1.3.3.javascript技术 3 1.3.3.1.javascript语言 3 1.3.3.2.JavaScript嵌入HTML文件 3 二.网站总体设计 4 2.1主页设计 4 2.2网站功能设计 4 三.实现部分 5 3.1网页结构 5 3.2网页展示 6 四.总结 8 五.参考书目 8 一.课程设计概述 1.1课程设计目的 软件学院网站基本组成成分包括首页、学校概况、党建工作、院系工作、师资队伍、人才培养、科学研究、招生政策,采用JavaScript语言知识对班级网站进行设计。明年我们就面临着毕业,面临着离别,做这个网站也是为在我们的生命中留下一分美好的回忆。JavaScript在创建班级网站的过程中如果运用得当将会使网站得到一个很好的效果,同时也将提高网站的人性化程度。 1.2开发环境 1.能够熟练使用css结合html,通过咨询和考察,最终确定并实现网页布局。同时使用动态样式表甚至可以让图片的切换获得多种转场效果。 2.熟练使用javascript和html知识结合做一个更漂亮的网站。 3.熟练使用javascript中的内建对象最终实现一个网站的雏形。 1.3开发技术 1.3.1.HTML技术 1.3.1.1HTML语言 HTML语言(Hypertext Markup Language)中文通常称为超文本置标记语言,是一种用来制作超文本文档的简单标记语言,用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(Unix、Windows)自1990年以来HTML就一直被用作WWW的信息表示语言,用于描述Homepage的格式设计和它与WWW上其他Homepage的连接信息,使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。 1.3.1.2HTML文件结构 <HTML> <Head> </head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。 <title></title> <title>元素定义HTML文档的标 题。<title>与</title>之间的内容将显示在浏览器窗口的标题栏。 </Head> <BODY> HTML 文件的正文//<body>元素表明是HTML文档的主体部分。在<body>与</body>之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。 </BODY> </HTML> 1.3.2.css技术 1.3.2.1.css简介 级联样式表(Cascading Style Sheet)简称“CSS”,它是用来进行网页风格设计。通过设立样式表,可以统一地控制HTML中各标签的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。 1.3.2.2.css文件 当要在站点上所有或部份的网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中作一次更改,而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。 1.3.3.javascript技术 1.3.3.1.javascript语言 JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,响应用户的各种操作。 1.3.3.2.JavaScript嵌入HTML文件 JavaScript代码可直接嵌入HTML文件中,随网页一起传送到客户端浏览器,然后通过浏览器来解释执行。 JavaScript 语句插入 HTML的方式: (1)使用 <SCRIPT> 标签将语句嵌入文档 (2)将 JavaScript 源文件(.js)链接到 HTML 文档中 JavaScript 语句插入 HTML的位置: (1)body部分的JS (2)head部分的JS:当脚本被调用、事件被触发时执行,可保证在调用函数前,脚本已载入。 二.网站总体设计 2.1主页设计 主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现学院的勃勃生气,静态主页方式介绍学院风采、优点特色,就得利用JS技术,采用交互式的动态的web画面来实现。 2.2网站功能设计 在本网站中包括动态切换本站首页、学校概况、党建工作、院系工作、师资队伍、人才培养、科学研究、招生政策等,并进行一定的美化和整理,基本完成软件学院网站的雏形结构。如图2.1所示: 图2.1网站功能图 三.实现部分 3.1网页结构 主页 招生政策 科学研究 人才培养 师资队伍 党建、院系工作 学校概况 首页 图3.1网页结构图 3.2网页展示 图3.2 图3.3 图3.4 3.3实现方案 软件学院网站共分为8个模块,我在私下里收集了关于学院的照片,可以在网页中看到这些照片,每个模块都有关于软件学院的详细内容。软件学院网站的设计主要是能给我们留下回忆,让同学们一学院为荣,同时也让更多的人了解我们的软件学院。 四.总结 这个软件学院网站是我自己完成的,第一次做一个像样的网站一开始真不知道从何下手,我努力的查找资料,认真学习技术,最后终于完成。真的是受益匪浅!先是认识到了技术的重要性,如果不会这些技术就不会有我们这个网站的运行,所以,我知道了必须学好软件技术,只有技术高了才会做更多的事。然后我感觉这次课程设计不只是局限于书本上的知识,而是与实践相结合,理论+实践使知识更好的运用到了生活中去。通过这次的网站设计我发现我还有很多知识需要学习、我懂得太少了,水平还需要接着提高。 在设计网站的过程中我们除了很多次错误,在一次又一次的改正下,最终网站运行成功!在这次的课程设计中不仅锻炼了我们的动手操作能力,而且培养了独立思考的能力,更重要的是我学到了很多知识,感觉很充实。 五.参考书目: [1]舒宁,《JavaScript从入门到精通(第2版)》,清华大学出版社,2012年2 月 [2]Nicholas C.Zakas,《JavaScript高级程序设计》,北京,人民邮电出版社出版社,2006年11月 [3]清华大学计算机与信息管理中心,《网页设计基础》,北京邮电大学出版社,2010年2月 [4]丁一凡,《Web高级程序设计》,大连理工大学出版社,2011年2月- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 脚本 网站 课程设计
咨信网温馨提示:
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【精****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【精****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【精****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【精****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。
关于本文