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

机械设计基础课程网站设计与实现结题汇报 孙泽恒 2015.4.20 提纲 3 1 2 4 5 6 课题由来 研究过程 研究目的意义 主要成果 技术特点 推广价值 一个良好的资源管理网站，不但可以减少不必要的人力、物力的浪费，并且能够有效地提高学习者的学习效率，让学习者事半功倍 现在部分课程网站设计还不完善 当前国家正大力加强教育事业发展，推广发展课程网站建设是发展教育事业的重要措施 课题由来 返回 精品课程是教育部深化教学改革，以教育信息化带动教育现代化的一项重要举措。 在精品课程这样的教学方式中，学生可以选择自己感兴趣的方式和内容进行学习，同时还可以观看与课程相关这的视频教材。 它将引导广大高等学校进一步巩固教学工作的中心地位，使全国其他高校在实施同类课程教学的过程中能够借鉴、使用这些优质的教学资源，在更大范围内提高高等学校的教学和人才培养质量。 研究目的意义 返回 采用Dreamweaver可视化的网页编辑软件为设计实现手段 技术路线 调研分析 方案计划确定 总体设计 详细设计 实施、设计 运行调试、完善网站和文档 结题和推广 研究过程 返回 主要成果-功能框图 机械设计基础课程网站整体功能图，我主要负责设计与实现的全部工作 返回 主要成果-内容页面分析设计 运行界面如1-1图所示： 图1-1 内容页面 图1-2 子页面 返回 此子页面是在内容页面基础上设置的，分为四部分，其中中间部分有所改变，分为了两部分，左边菜单栏部分和右边显示内容部分。 左边菜单栏部分用到了下拉菜单，主要是结合JS代码设计实现。点击后会出现下拉菜单，分别点击右边会出现相应的页面。 右边部分是一个链接页面，页面是用表格布局的，分为了两部分，上面是设置了导航菜单，下面是菜单页面，这样大方、得体、可伸缩性强。在表格内运用到了div+css布局设计菜单，点击菜单后会链接到相关的内容页面。 子页面分析设计 返回 主要成果-菜单设计分析 内容菜单如图3-1所示：在内容页面中用div+css布局好左边菜单的位置，然后插入背景图片设置h2格式，添加菜单选项及小图标，使用JS代码设置需要设计的下拉菜单，最后配合使用css样式设计实现。 图3-1内容页面菜单 返回 主要成果-文字设计分析 如图4-1所示，机械设计基础字样是根据课题而定，并利用photoshop工具进行设计实现，很清晰的突出了课题的名称，同时给人爽朗开阔和清晰的感觉。 图4-1 封面文字 返回