脚本网站课程设计.docxVIP

课程设计报告课程设计名称： 脚本程序开发技术 院系名称： 中印计算机软件学院学生姓名：张景山班 级：2014级软件技术二班学 号：201401080253成 绩：指导教师： 陈凤萍 开课时间：2015-2016 学年第二 学期目录一．课程设计概述21.1课程设计目的21.2开发环境21.3开发技术21.3.1.HTML技术HTML语言HTML文件结构21.3.2.css技术.css简介.css文件31.3.3.javascript技术．javascript语言.JavaScript嵌入HTML文件3二．网站总体设计42.1主页设计42.2网站功能设计4三．实现部分53.1网页结构53.2网页展示6四．总结8五．参考书目8一．课程设计概述1.1课程设计目的软件学院网站基本组成成分包括首页、学校概况、党建工作、院系工作、师资队伍、人才培养、科学研究、招生政策，采用JavaScript语言知识对班级网站进行设计。明年我们就面临着毕业，面临着离别，做这个网站也是为在我们的生命中留下一分美好的回忆。JavaScript在创建班级网站的过程中如果运用得当将会使网站得到一个很好的效果，同时也将提高网站的人性化程度。1.2开发环境1.能够熟练使用css结合html，通过咨询和考察，最终确定并实现网页布局。同时使用动态样式表甚至可以让图片的切换获得多种转场效果。2．熟练使用javascript和html知识结合做一个更漂亮的网站。3．熟练使用javascript中的内建对象最终实现一个网站的雏形。1.3开发技术1.3.1.HTML技术HTML语言HTML语言(Hypertext?Markup?Language)中文通常称为超文本置标记语言，是一种用来制作超文本文档的简单标记语言，用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（Unix、Windows）自1990年以来HTML就一直被用作WWW的信息表示语言，用于描述Homepage的格式设计和它与WWW上其他Homepage的连接信息，使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。HTML文件结构HTML Head /head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title/title title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。/HeadBODY HTML 文件的正文//body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。/BODY /HTML1.3.2.css技术.css简介级联样式表（Cascading Style Sheet）简称“CSS”，它是用来进行网页风格设计。通过设立样式表，可以统一地控制HTML中各标签的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。.css文件当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中作一次更改，而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。1.3.3.javascript技术．javascript语言JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，响应用户的各种操作。.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网站功能设计在本网站中包括动态切换本站首页、学校概况、党建工作、院系工作、师资