Web前端开发技术与实践 第2章:开发工具 阮晓龙 13938213680/ rxl@hactcmeducn http://web.51xueweb.cr 问南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9
Web前端开发技术与实践 第2章：开发工具 阮晓龙 13938213680 / rxl@hactcm.edu.cn http://web.51xueweb.cn 河南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9 1
2 本章主要内容 口开发工具综述 口原型设计工具 口开发工具 口调试工具 米 口代码托管工具 口项目管理系统 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 本章主要内容 开发工具综述 原型设计工具 开发工具 调试工具 代码托管工具 项目管理系统 2
3 1开发工具综述 口Web前端开发工具根据开发的阶段和用途不同,可分为: ■Web设计工具 ■Web开发工具 ■Web管理与维护工具 Web调试工具 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.开发工具综述 Web前端开发工具根据开发的阶段和用途不同，可分为: Web设计工具 Web开发工具 Web管理与维护工具 Web调试工具 3
4 表201Web前端开发常用工具表 开发阶段 使用工具 Axure RP 原型设计 Microsoft office visio Adobe dreamweaver 技术开发 Oracle Netbeans Microsoft Visual studio FireFox Web调试 Google Chrome Internet Explore GitHub 代码托管 SVN Microsoft Project 项目管理 Collabtive 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 4
2原型设计工具 2.1什么是原型设计 口原型设计是将页面的模块、元素、人机、交互的形式,利用线 框描述的方法,将功能更加具体、生动的进行表达。 口原型划可分为以下3种类型 纸原型:画在文档纸、白板上的设计原型、示意图,便于修改和绘 制,不便于保存和展示。 低保真原型:基于现有的界面或系统,通过电脑进行一些加工后的 设计稿,示意更加明确,能够包含设计的交互和反馈,但在美观、 效果等方面欠佳。 高保真原型:包括产品演示Dem或概念设计展示,视觉上与实际产 品等效,体验上也与真实产品接近。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.原型设计工具 原型设计是将页面的模块、元素、人机、交互的形式，利用线 框描述的方法，将功能更加具体、生动的进行表达。 原型划可分为以下3种类型： 纸原型：画在文档纸、白板上的设计原型、示意图，便于修改和绘 制，不便于保存和展示。 低保真原型：基于现有的界面或系统，通过电脑进行一些加工后的 设计稿，示意更加明确，能够包含设计的交互和反馈，但在美观、 效果等方面欠佳。 高保真原型：包括产品演示Demo或概念设计展示，视觉上与实际产 品等效，体验上也与真实产品接近。 5 2.1什么是原型设计