《机械设计基础课程网站设计及实现》由会员分享，可在线阅读，更多相关《机械设计基础课程网站设计及实现（17页珍藏版）》请在金锄头文库上搜索。
1、机械设计基础课程网站设计与实现 结题汇报,孙泽恒 2015.4.20,提纲,3,1,2,4,5,6,课题由来,研究过程,研究目的意义,主要成果,技术特点,推广价值,一个良好的资源管理网站，不但可以减少不必要的人力、物力的浪费，并且能够有效地提高学习者的学习效率，让学习者事半功倍 现在部分课程网站设计还不完善 当前国家正大力加强教育事业发展，推广发展课程网站建设是发展教育事业的重要措施,课题由来,返回,精品课程是教育部深化教学改革，以教育信息化带动教育现代化的一项重要举措。 在精品课程这样的教学方式中，学生可以选择自己感兴趣的方式和内容进行学习，同时还可以观看与课程相关这的视频教材。 它将引导广
2、大高等学校进一步巩固教学工作的中心地位，使全国其他高校在实施同类课程教学的过程中能够借鉴、使用这些优质的教学资源，在更大范围内提高高等学校的教学和人才培养质量。,研究目的意义,返回,采用Dreamweaver可视化的网页编辑软件为设计实现手段 技术路线 调研分析 方案计划确定 总体设计 详细设计 实施、设计 运行调试、完善网站和文档 结题和推广,研究过程,返回,主要成果-功能框图,机械设计基础课程网站整体功能图，我主要负责设计与实现的全部工作,返回,主要成果-内容页面分析设计,运行界面如1-1图所示：,图1-1 内容页面,图1-2 子页面,返回,此内容页面和主页面布局是类似的，分为四部分，其中
3、中间部分有所改变，分为了两部分，左边菜单栏部分和右边显示内容部分。 在中间右边显示内容部分插入了ifram，这样就实现了点击左边菜单右边不断变化显示的效果。 在右边部分是另外一个页面，如下图1-2所示，分为上下两部分，上部分显示导航位置，不同的页面有不同的设置，下面是插入的已经转换好的flash教材，为了协调，整个页面设置了同主页面一致的背景图片。,内容页面分析设计,返回,主要成果-子页面分析设计,运行界面如2-1图所示：,图2-1 子页面,返回,此子页面是在内容页面基础上设置的，分为四部分，其中中间部分有所改变，分为了两部分，左边菜单栏部分和右边显示内容部分。 左边菜单栏部分用到了下拉菜单，
4、主要是结合JS代码设计实现。点击后会出现下拉菜单，分别点击右边会出现相应的页面。 右边部分是一个链接页面，页面是用表格布局的，分为了两部分，上面是设置了导航菜单，下面是菜单页面，这样大方、得体、可伸缩性强。在表格内运用到了div+css布局设计菜单，点击菜单后会链接到相关的内容页面。,子页面分析设计,返回,主要成果-菜单设计分析,内容菜单如图3-1所示：在内容页面中用div+css布局好左边菜单的位置，然后插入背景图片设置h2格式，添加菜单选项及小图标，使用JS代码设置需要设计的下拉菜单，最后配合使用css样式设计实现。,图3-1内容页面菜单,返回,主要成果-文字设计分析,如图4-1所示，机械
5、设计基础字样是根据课题而定，并利用photoshop工具进行设计实现，很清晰的突出了课题的名称，同时给人爽朗开阔和清晰的感觉。,图4-1 封面文字,返回,主要成果-色彩搭配分析,本课程网站主要采用了蓝白渐变色为背景色，图片主要以蓝色和橙色为主，文字以黑色为主，效果用到了橙色和灰色。下面对主要色彩的分析： 一、蓝色 1、分析： 蓝色给人以沉稳的感觉，且具有深远、永恒、沉静、博大、理智、诚实和寒冷的意象。 2、搭配： 浅蓝色具有淡雅、清新、浪漫和高贵的特性，它也是最具凉爽、清新特征的色彩。浅蓝色和绿色、白色的搭配在网页中是比较常见的，他们之间的搭配可以使页面看起来非常干净清澈，能体现出柔顺淡雅和浪
6、漫的气氛。 二、橙色 1、分析： 橙色的波长居于红和黄之间，橙色是十分活泼的光辉色彩，是最暖的色彩，给人以华贵而温暖、兴奋而热烈的感觉，也是令人振奋的颜色。 2、搭配： 橙色是可以通过变换色调营造出不同氛围的典型颜色，它既能表现出青春的活力又能实现稳重的效果，所以橙色在网页设计中的使用范围是非常广泛的。橙蓝对比色比较少见，给人印象深刻，使人很容易记住它。,返回,主要成果-色彩搭配分析,三、白色 1、分析： 白光是所有颜色光线的集合，白色反射所有的光线，不吸收任何可见光，因此白色被作为纯粹、虚无、轻盈、光明及金属的象征。 2、搭配： 黑白色的搭配给人以特殊的严肃感，所以也经常被用于庄重的场合。
7、四、黑色 1、分析： 黑色的内涵最为丰富和复杂，黑色具有很强的感染力，能够表现出特有的高贵显得严肃、庄严和坚毅。 2、搭配： 黑色是一种流行色，适合于许多色彩搭配。黑色还具有高贵、稳重、科技的意象。 五、灰色 1、分析： 灰色居于黑色与白色之间，属于中等明度。灰色是色彩中最被动的色彩，受有彩色影响极大，靠邻近的色彩获得生命。 2、搭配： 灰色是中性色，可以与任何色彩搭配，也可以帮助两种对此强烈的色彩实现和谐过度。,返回,技术特点,本网站结合机械设计基础这门课程情况，经过可行性研究和深入的需求分析，基于CSS进行静态网页架构，采用Dreamweaver工具，并通过Photoshop对所需图片进行
8、处理。在设计与开发过程中也形成了本系统的一些特色。 高性能，支持超大负荷在线与并发访问，网站响应速度极快。 易操作、易管理原则提供良好的操作界面，方便用户操作，提高网站自动化管理能力，降低劳动强度。 能够最大限度的满足实际工作的要求，在满足功能要求和技术指标要求的基础上尽量简化设计，坚持实用化，充分满足用户的需要。,返回,推广价值,能够最大限度的满足实际工作的要求，在满足功能要求和技术指标要求的基础上尽量简化设计，坚持实用化，充分满足用户的需要。 本网站高度支持高等院校单位，成为校园网络的一部分，教务处可以在任意一点掌握全局，监控本课程的管理，以网站手段规范教学工作，从而达到提高教学质量，完善教学机制的目的。,返回,致谢！,在课题开发过程中 ，感谢我的指导老师给与的悉心指导，感谢大学几年来所有的老师，为我们打下计算机专业知识的基础；同时还要感谢所有的同学们，正是因为有了你们的支持和鼓励，此次毕业设计才会顺利完成。我真诚地说一声：谢谢！您们辛苦了！ 孙泽恒 2015-4,返回,
