(web前端开发》课程理论教学部分 第三讲:Web开发工具 河南中医学院互联网应用技术研究所 Http://Labs.51xuEweb.Com 2013.3
web前端开发》课程理论教学部分/第三讲:Web开发工具 学时计划: 学时计划:2学时理论,1学时实验 实验一:Web开发与测试工具的使用 教学大纲: 1、开发工具概述 2、Web设计工具 3、Web开发工具 4、Web升级与管理工具 5、Web开发的基本流程 6、Web学习资源和学习建议 7、现场演示 8、讨论与思考
Web前端开发》课程理论教学部分/第三讲:Web开发工具 本讲主要介绍在Web开发中经常使用的工具软件,并介绍Web开发 的基本流程,帮助读者更好地参与到Web开发的具体工作中,并培 养团队合作意识。 最后,对web开发的初学者推荐部分学习书籍、学习资源,并对学 习提出了一些建议。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3
Web前端开发》课程理论教学部分/第三讲:Web开发工具 开发工具综述 Web前端开发涉及的内容很多,也很宽泛,在每个层面上都有相应 的工具。中国自古有句话“工欲善其事,必先利其器”,选择合适 的开发工具,能够帮助读者更快速、更高效的学习、实施Web前端 开发。 Web前端开发工具根据开发的阶段和用途不同,基本上可以分为四 类:Web设计工具、Web开发工具、Web升级管理与维护工具 Web开发的SDK类资源。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3
Web前端开发》课程理论教学部分/第三讲:Web开发工具 Web设计工具 Web设计工具主要用于进行Web平面设计、3D设计、原型设计。 Web设计工具并不是专业的设计工具,而是数字设计工具在Web上 的应用。因此,Web设计工具所介绍的工具软件是通用的设计软件 ,只是进行Web设计时常用的工具。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3
web前端开发》课程理论教学部分/第三讲:Web开发工具 Web设计工具 2.1Web设计工具 s WAI 凵 NLIMITED Expression Desian painter erX 河南中医学院互联网应用技术研究所/https://labs.51xueweb.cn/2013.3
web前端开发》课程理论教学部分/第三讲:Web开发工具 Web设计工具 22原型设计工具 221什么是原型设计? 原型设计往往是定位于概念设计或整个设计流程初期的一个过程。 随着项目大小、时间周期等,开发人员往往会根据需求确定纸原型 、低保真原型、高保真原型等不同质量的内容作为输出。 项目启动 交互设 界面设计 河南中医学院互联网应用技术研究所/https://labs.51xueweb.cn/2013.3
Web前端开发》课程理论教学部分/第三讲:Web开发工具 项目启动 概念设计 Web设计工具 用产访谈 用户测式 22原型设计工具 视觉设 221什么是原型设计? 具体来讲可以将原型划分为3类 ①纸原型:顾名思义,就是画在文档纸、白板上的设计原型、示意 ②低保真原型:通常是基于现有的界面或系统,通过电脑进行一定 的加工后的设计稿,示意更加明确,能够包含设计的交互和反馈, 美观、效果等欠佳。 ③高保真原型:属于原型设计的终极武器。包括产品演示Demo或概 念设计展示。视觉上与实际产品等效,体验上也与真实产品接近。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3
web前端开发》课程理论教学部分/第三讲:Web开发工具 Web设计工具 22原型设计工具 222原型设计工具 aXUre EE T HAPPEN Microsoft Expression Blend 2 河南中医学院互联网应用技术研究所/https://labs.51xueweb.cn/2013.3
Web前端开发》课程理论教学部分/第三讲:Web开发工具 Web设计工具 23Web设计小工具 Picasa 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.3