JavaScript专业课程设计方案报告

课程设计汇报课程设计名称： 脚本开发技术 (JavaScript) 院 系 名 称 ： 中 印 计 算 机 软 件 学 院学 生 姓 名 ： 周慧 班 级 ： 15 计算机科学和技术 2 班 学 号 ： 01450229 成 绩 ： 指 导 老 师 ： 刘效伟 开 课 时 间 ： - 年第一学期目录一、课程设计概要.............................................2（一）设计目的：............................................2（二）开发环境：............................................2（三）开发技术：............................................2二、网站总体设计.............................................2三、实现部分.................................................4（一）网页结构：............................................4（二）网页展示：............................................8（三）网页行为的实现方案：..................................9四、总结....................................................13参考书目：....................................................14一、课程设计概要（一）设计目标：课程设计目标在于培育学生综合利用所学相关网页设计和制作、JavaScript 编程等方面知识，独立处理网页设计和制作中问题。使学生经过此次课程设计，熟悉并掌握网页设计和制作方面技能，掌握动态网页设计和制作步骤和方法，能够综合利用JavaScript、HTML、CSS 实现网页前台效果。（二）开发环境：Hbuilder 编辑器，谷歌浏览器（三）开发技术：HTML，css，JavaScript 脚本语言二、网站总体设计此次课程设计做是一个“JavaScript 学习天地”网站主页面，关键实现了分类导航，搜索，跑马灯字样，动态时钟，滚动广告，日历等网页功效。打开网页，首先映入眼帘是网页头部，即为此网页导航栏部分。头部导航栏包含了整个网站页面名称，每个页面名称全部附上了对应页面链接地址，当鼠标略过每个页面名称时，会有一个背景色加深特效，同时鼠标变为一个小手标志，当点击某个页面名称时就会跳转到对应页面上。除此之外，在导航栏右面还添加了一个搜索框，在搜索框里输入想要搜索内容，以后点击搜索框后面搜索按钮就能够在此网站搜索到对应内容。在导航栏左下部分，做了一个滚动出现“欢迎进入 JavaScript 学习天地”字样跑马灯特效，同时也使网页 title 含有一样效果。跑马灯右面对应部分是一...