脚本网站课程设计.docxVIP

课程设计报告

课程设计名称：脚本程序开发技术

院系名称：中印计算机软件学院

学生姓名：张景山

班级：2014级软件技术二班

学号：201401080253

成绩：

指导教师：陈凤萍

开课时间：2015-2016学年第二学期

目录

TOC\o1-5\h\u一．课程设计概述 1

1.1课程设计目的 1

1.2开发环境 1

1.3开发技术 1

1.3.1.HTML技术 1

1.3.1.1HTML语言 1

1.3.1.2HTML文件结构 1

1.3.2.css技术 2

1.3.2.1.css简介 2

1.3.2.2.css文件 2

1.3.3.javascript技术 2

1.3.3.1．javascript语言 2

1.3.3.2.JavaScript嵌入HTML文件 2

二．网站总体设计 3

2.1主页设计 3

2.2网站功能设计 3

三．实现部分 4

3.1网页结构 4

3.2网页展示 5

四．总结 6

五．参考书目 6

PAGE

PAGE1

（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]NicholasC.Zakas，《JavaScript高级程序设计》，北京，人民邮电出版社出版社，2006年11月

[3]清华大学计算机与信息管理中心，《网页设计基础》，北京邮电大学出版社，2010年2月

[4]丁一凡，《Web高级程序设计》，大连理工大学出版社，2011年2月