机械设计基础课程网站设计与实现.pptVIP

机械设计基础课程网站设计与实现结题汇报 孙泽恒 2015.4.20 提纲 课题由来 一个良好的资源管理网站，不但可以减少不必要的人力、物力的浪费，并且能够有效地提高学习者的学习效率，让学习者事半功倍 现在部分课程网站设计还不完善 当前国家正大力加强教育事业发展，推广发展课程网站建设是发展教育事业的重要措施 研究目的意义 精品课程是教育部深化教学改革，以教育信息化带动教育现代化的一项重要举措。 在精品课程这样的教学方式中，学生可以选择自己感兴趣的方式和内容进行学习，同时还可以观看与课程相关这的视频教材。 它将引导广大高等学校进一步巩固教学工作的中心地位，使全国其他高校在实施同类课程教学的过程中能够借鉴、使用这些优质的教学资源，在更大范围内提高高等学校的教学和人才培养质量。 研究过程 采用Dreamweaver可视化的网页编辑软件为设计实现手段 技术路线 调研分析 方案计划确定 总体设计 详细设计 实施、设计 运行调试、完善网站和文档 结题和推广 主要成果-功能框图 主要成果-内容页面分析设计 内容页面分析设计 此内容页面和主页面布局是类似的，分为四部分，其中中间部分有所改变，分为了两部分，左边菜单栏部分和右边显示内容部分。 在中间右边显示内容部分插入了ifram，这样就实现了点击左边菜单右边不断变化显示的效果。 在右边部分是另外一个页面，如下图1-2所示，分为上下两部分，上部分显示导航位置，不同的页面有不同的设置，下面是插入的已经转换好的flash教材，为了协调，整个页面设置了同主页面一致的背景图片。 主要成果-子页面分析设计 子页面分析设计 此子页面是在内容页面基础上设置的，分为四部分，其中中间部分有所改变，分为了两部分，左边菜单栏部分和右边显示内容部分。 左边菜单栏部分用到了下拉菜单，主要是结合JS代码设计实现。点击后会出现下拉菜单，分别点击右边会出现相应的页面。 右边部分是一个链接页面，页面是用表格布局的，分为了两部分，上面是设置了导航菜单，下面是菜单页面，这样大方、得体、可伸缩性强。在表格内运用到了div+css布局设计菜单，点击菜单后会链接到相关的内容页面。 * * 3 1 2 4 5 6 课题由来 研究过程 研究目的意义 主要成果 技术特点 推广价值 返回 返回 返回 机械设计基础课程网站整体功能图，我主要负责设计与实现的全部工作 返回 运行界面如1-1图所示： 图1-1 内容页面 图1-2 子页面 返回 返回 运行界面如2-1图所示： 图2-1 子页面 返回 返回 主要成果-菜单设计分析 内容菜单如图3-1所示：在内容页面中用div+css布局好左边菜单的位置，然后插入背景图片设置h2格式，添加菜单选项及小图标，使用JS代码设置需要设计的下拉菜单，最后配合使用css样式设计实现。 图3-1内容页面菜单 返回 主要成果-文字设计分析 如图4-1所示，机械设计基础字样是根据课题而定，并利用photoshop工具进行设计实现，很清晰的突出了课题的名称，同时给人爽朗开阔和清晰的感觉。 图4-1 封面文字 返回 主要成果-色彩搭配分析 本课程网站主要采用了蓝白渐变色为背景色，图片主要以蓝色和橙色为主，文字以黑色为主，效果用到了橙色和灰色。下面对主要色彩的分析： 一、蓝色 1、分析： 蓝色给人以沉稳的感觉，且具有深远、永恒、沉静、博大、理智、诚实和寒冷的意象。 2、搭配： ???? 浅蓝色具有淡雅、清新、浪漫和高贵的特性，它也是最具凉爽、清新特征的色彩。浅蓝色和绿色、白色的搭配在网页中是比较常见的，他们之间的搭配可以使页面看起来非常干净清澈，能体现出柔顺淡雅和浪漫的气氛。 二、橙色 1、分析： ???? 橙色的波长居于红和黄之间，橙色是十分活泼的光辉色彩，是最暖的色彩，给人以华贵而温暖、兴奋而热烈的感觉，也是令人振奋的颜色。 2、搭配：