《Web前端开发》课程理论教学部分 第三讲:Web开发工具 学时计划:2学时理论,1学时实验 (实验一:Web开发与测试工具的使用) 教学大纲: 1、开发工具概述 2、Web设计工具 3、Web开发工具 4、Web升级与管理工具 5、Web开发的基本流程 6、Web学习资源和学习建议 7、现场演示 8、讨论与思考 本讲主要介绍在Web开发中经常使用的工具软件,并介绍Web开 发的基本流程,帮助读者更好地参与到Web开发的具体工作中,并培 养团队合作意识。 最后,对Web开发的初学者推荐部分学习书籍、学习资源,并对 学习提出了一些建议。 开发工具综述 Web前端开发涉及的内容很多,也很宽泛,在每个层面上都有相 应的工具。中国自古有句话“工欲善其事,必先利其器”,选择合适 的开发工具,能够帮助读者更快速、更高效的学习、实施Web前端开 发 Web前端开发工具根据开发的阶段和用途不同,基本上可以分为 四类:Web设计工具、Web开发工具、Web升级管理与维护工具、Web 开发的SDK类资源。 Web前端的开发工具虽然具有IDE的基本特征,在很多地方也将 这些开发工具称为Web开发的IDE工具,但是我个人并不赞同这些观 1《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ bs.51xuewebcn
1 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 《Web 前端开发》课程理论教学部分 第三讲：Web 开发工具 学时计划：2 学时 理论，1 学时 实验 （实验一：Web 开发与测试工具的使用） 教学大纲： 1、开发工具概述 2、Web 设计工具 3、Web 开发工具 4、Web 升级与管理工具 5、Web 开发的基本流程 6、Web 学习资源和学习建议 7、现场演示 8、讨论与思考 本讲主要介绍在 Web 开发中经常使用的工具软件，并介绍 Web 开 发的基本流程，帮助读者更好地参与到 Web 开发的具体工作中，并培 养团队合作意识。 最后，对 Web 开发的初学者推荐部分学习书籍、学习资源，并对 学习提出了一些建议。 一、开发工具综述 Web 前端开发涉及的内容很多，也很宽泛，在每个层面上都有相 应的工具。中国自古有句话“工欲善其事，必先利其器”，选择合适 的开发工具，能够帮助读者更快速、更高效的学习、实施 Web 前端开 发。 Web 前端开发工具根据开发的阶段和用途不同，基本上可以分为 四类：Web 设计工具、Web 开发工具、Web 升级管理与维护工具、Web 开发的 SDK 类资源。 Web 前端的开发工具虽然具有 IDE 的基本特征，在很多地方也将 这些开发工具称为 Web 开发的 IDE 工具，但是我个人并不赞同这些观
点 Web设计工具 Web设计工具主要用于进行Web平面设计、3D设计、原型设计 Web设计工具并不是专业的设计工具,而是数字设计工具在Web上的 应用。因此,Web设计工具所介绍的工具软件是通用的设计软件,只 是进行Web设计时常用的工具。 2.1Web设计工具 (1) Adobe Photoshop 软件介绍 Photoshop是 Adobe公司旗下最为出名的图像处理软件之一。它 除了是一个很好的图像编辑软件外,还广泛应用在图像、图形、文字 视频、出版各方面。 支持平台: Windows、MAC 相关链接: Adobe Photoshop学习入门 http://www.adobe.com/support/photoshop/gettingstarted/index.html Photoshop官方网站 http://www.adobe.com/photoshop (2)Adobe Fireworks 软件介绍 Fireworks是 Adobe推出的一款网页作图软件。它可以加速Web 设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面 原型的理想工具。特别是在制作GIF动画方面,有着出色的表现。 支持平台 Windows、MAC 相关链接 Fireworks官方网站 http://www.adobe.com/fireworks 2《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn
2 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 点。 二、Web 设计工具 Web 设计工具主要用于进行 Web 平面设计、3D 设计、原型设计。 Web 设计工具并不是专业的设计工具，而是数字设计工具在 Web 上的 应用。因此，Web 设计工具所介绍的工具软件是通用的设计软件，只 是进行 Web 设计时常用的工具。 2.1Web 设计工具 （1）Adobe Photoshop 软件介绍： Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一。它 除了是一个很好的图像编辑软件外，还广泛应用在图像、图形、文字、 视频、出版各方面。 支持平台： Windows、MAC 相关链接： Adobe Photoshop 学习入门： http://www.adobe.com/support/photoshop/gettingstarted/index.html Photoshop 官方网站： http://www.adobe.com/Photoshop （2）Adobe Fireworks 软件介绍： Fireworks 是 Adobe 推出的一款网页作图软件。它可以加速 Web 设计与开发，是一款创建与优化 Web 图像和快速构建网站与 Web 界面 原型的理想工具。特别是在制作 GIF 动画方面，有着出色的表现。 支持平台： Windows、MAC 相关链接 Fireworks 官方网站： http://www.adobe.com/fireworks
(3) Adobe Illstrator 软件介绍: Adobe illustrator软件可以帮助您为任何项目创建独具匠心的 矢量图稿。软件通过精良的绘图工具、具有表现力的自然画笔、各种 省时功能提供精准度和强大功能,为全球设计专业人士所青睐。 Illustrator是出版、多媒体和在线图像的工业标准矢量插画软 件。无论是生产印刷出版线稿的设计者和专业插画家、生产多媒体图 像的艺术家、还是互联网页或在线内容的制作者,都会发现 I1 Lustrator不仅仅是一个艺术产品工具。该软件为您的线稿提供无 与伦比的精度和控制,适合生产任何小型设计到大型的复杂项目。 支持平台 Windows、MAC 相关链接 Illustrator官方网站 http://www.adobe.com/illustrator (4) Microsoft Expression Design 软件介绍 Expression Design is a tool for creative professionals and developers who want to build graphics for application user interfaces, the web, or any other medium 支持平台: Windows XP、 Windows vista、 Windows7 相关链接 官方网站: http://www.microsoft.com/expression/#design (5) 3D Studio MAX 软件介绍: 3 Studio max,常简称为3 ds max或MAX,是 Autodesk公司开 发的基于PC系统的三维动画渲染和制作软件。其前身是基于DOS操 作系统的3 D Studio系列软件,最新版本是2011。3 ds max广泛应用 3《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ bs. 51xueweb cn
3 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn （3）Adobe Illstrator 软件介绍： Adobe Illustrator 软件可以帮助您为任何项目创建独具匠心的 矢量图稿。软件通过精良的绘图工具、具有表现力的自然画笔、各种 省时功能提供精准度和强大功能，为全球设计专业人士所青睐。 Illustrator 是出版、多媒体和在线图像的工业标准矢量插画软 件。无论是生产印刷出版线稿的设计者和专业插画家、生产多媒体图 像的艺术家、还是互联网页或在线内容的制作者，都会发现 Illustrator 不仅仅是一个艺术产品工具。该软件为您的线稿提供无 与伦比的精度和控制，适合生产任何小型设计到大型的复杂项目。 支持平台： Windows、MAC 相关链接 Illustrator 官方网站： http://www.adobe.com/illustrator （4）Microsoft Expression Design 软件介绍： Expression Design is a tool for creative professionals and developers who want to build graphics for application user interfaces, the web, or any other medium. 支持平台： Windows XP、Windows Vista、Windows 7 相关链接： 官方网站： http://www.microsoft.com/expression/#design （5）3D Studio MAX 软件介绍： 3D Studio Max，常简称为 3ds Max 或 MAX，是 Autodesk 公司开 发的基于 PC 系统的三维动画渲染和制作软件。其前身是基于 DOS 操 作系统的 3D Studio 系列软件，最新版本是 2011。3ds Max 广泛应用
于广告、影视、工业设计、建筑设计、多媒体制作、游戏、辅助教学 以及工程可视化等领域。 支持平台: Windows、MAC 相关链接 官方网站 http://usa.autodeskcom/3ds-max (6) MAYA 软件介绍: Maya是美国 Autodesk公司出品的世界顶级的三维动画软件,应 用对象是专业的影视广告,角色动画,电影特技等。Maya功能完善, 工作灵活,易学易用,制作效率极高,渲染真实感极强,是电影级别 的高端制作软件。 支持平台: Windows、MAC 相关链接 官方网站 http://usa.autodeskcom/maya/ (7) Painter 软件介绍: Painter是数码素描与绘画工具的终极选择,是一款极其优秀的 仿自然绘画软件,拥有全面和逼真的仿自然画笔。它是专门为渴望追 求自由创意及需要数码工具来仿真传统绘画的数码艺术家、插画画家 及摄影师而开发的。它能通过数码手段复制自然媒质( Natural media) 效果,是同级产品中的佼佼者,获得业界的一致推崇。 支持平台: indows、MAC 相关链接 中文官方网站 http://www.corel.com/corel/product/indexjsppid=prod4030123 4《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ 51xueweb. cn
4 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 于广告、影视、工业设计、建筑设计、多媒体制作、游戏、辅助教学 以及工程可视化等领域。 支持平台： Windows、MAC 相关链接： 官方网站： http://usa.autodesk.com/3ds-max/ （6）MAYA 软件介绍： Maya 是美国 Autodesk 公司出品的世界顶级的三维动画软件，应 用对象是专业的影视广告，角色动画，电影特技等。Maya 功能完善， 工作灵活，易学易用，制作效率极高，渲染真实感极强，是电影级别 的高端制作软件。 支持平台： Windows、MAC 相关链接： 官方网站： http://usa.autodesk.com/maya/ （7）Painter 软件介绍： Painter 是数码素描与绘画工具的终极选择，是一款极其优秀的 仿自然绘画软件，拥有全面和逼真的仿自然画笔。它是专门为渴望追 求自由创意及需要数码工具来仿真传统绘画的数码艺术家、插画画家 及摄影师而开发的。它能通过数码手段复制自然媒质(Natural Media) 效果，是同级产品中的佼佼者，获得业界的一致推崇。 支持平台： Windows、MAC 相关链接： 中文官方网站： http://www.corel.com/corel/product/index.jsp?pid=prod4030123
2.2原型设计工具 2.2.1什么是原型设计? 用户怎么说的,并不代表他们怎么想。在实际的工作中往往发现, 用户对于可以图形化的沟通交流更容易理解。随着互联网产品的迭代 的加快和用户需求的复杂性,通过原型的方式进行沟通,能够快速的 提高产品设计的效率,提高交流的准确性和便捷性 原型设计往往是定位于概念设计或整个设计流程初期的一个过 程。随着项目大小、时间周期等,开发人员往往会根据需求确定纸原 型、低保真原型、高保真原型等不同质量的内容作为输出 项目启动 开发送代 概念设 用户访谈 头风热 视觉设计 交互设计 Prototy 风格设计 倩量分析 界面设计一 图3-1原型设计的传统流程 具体来讲可以将原型划分为3类 ①纸原型:顾名思义,就是画在文档纸、白板上的设计原型、示 意图。便于修改和绘制,不便于保存和展示。因此想有效的利用纸原 型,我们就需要注意纸原型的承载。 ②低保真原型:通常是基于现有的界面或系统,通过电脑进行 定的加工后的设计稿,示意更加明确,能够包含设计的交互和反馈, 美观、效果等欠佳。可以理解为介于纸面原型和高保真原型之间的输 出的统称,往往也可以作为需求设计稿输出。 ③高保真原型:属于原型设计的终极武器。包括产品演示Demo 或概念设计展示。视觉上与实际产品等效,体验上也与真实产品接近 而为了达到完整的效果,很大程度上就要求交互设计师对视觉审美的 能力。只有从视觉、体验两方面同时打动客户,在能最终赢得客户的 5《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn
5 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 2.2 原型设计工具 2.2.1 什么是原型设计？ 用户怎么说的，并不代表他们怎么想。在实际的工作中往往发现， 用户对于可以图形化的沟通交流更容易理解。随着互联网产品的迭代 的加快和用户需求的复杂性，通过原型的方式进行沟通，能够快速的 提高产品设计的效率，提高交流的准确性和便捷性。 原型设计往往是定位于概念设计或整个设计流程初期的一个过 程。随着项目大小、时间周期等，开发人员往往会根据需求确定纸原 型、低保真原型、高保真原型等不同质量的内容作为输出。 具体来讲可以将原型划分为 3 类： ①纸原型：顾名思义，就是画在文档纸、白板上的设计原型、示 意图。便于修改和绘制，不便于保存和展示。因此想有效的利用纸原 型，我们就需要注意纸原型的承载。 ②低保真原型：通常是基于现有的界面或系统，通过电脑进行一 定的加工后的设计稿，示意更加明确，能够包含设计的交互和反馈， 美观、效果等欠佳。可以理解为介于纸面原型和高保真原型之间的输 出的统称，往往也可以作为需求设计稿输出。 ③高保真原型：属于原型设计的终极武器。包括产品演示 Demo 或概念设计展示。视觉上与实际产品等效，体验上也与真实产品接近。 而为了达到完整的效果，很大程度上就要求交互设计师对视觉审美的 能力。只有从视觉、体验两方面同时打动客户，在能最终赢得客户的 图 3-1 原型设计的传统流程
信赖。 资料来源http://cdc.tencentcom/?p=2146 2.2.2原型设计工具 (1) Axure RP( Rapid Prototyping) 软件介绍 Axure是目前最受关注的原型开发工具,其能通过组件的方式帮 助网站或软件设计师快速建立带有注释的原型(流程图、线框图), 并凭借自定义可重用的元件、动态面板以及丰富的脚本能够建立基本 功能或页面逻辑的动态演示文件。 Axure借鉴了 office的界面,能够让用户快速上手,并且提供 了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接 近于实际效果的界面。最让人称道的是, Axure的丰富的脚本模式, 可以通过点击和选择能够快速完成界面元素的交互,如链接、动态变 化等效果,使得 Axure能够生成十分接近于真实产品的原型。 Axure 能够导入其他人创建的元件库,使得 Axure能够满足绝大多数类型产 品的设计。 支持平台: Windows、MAC 相关链接 官方网站 http://www.axure.com/ (2) Microsoft Office Visio 软件介绍 Visio在2000年被微软收购,并在2002年成为 office2003套 件中的一个组件。 Visio的适用性非常之广,从网站界面、数据库模 型、平面布置图到工艺流程图, Visio都提供了相应的元件库和模板 来进行快速创建。 相较 Axure而言, Visio更适合于传统行业的生产或流程设计, 或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于 Web界面。其基于Web的元件库还比较少,并且形式和结构也更类似 于Word中的图形工具,因此在原型开发效率上都有所不足。 6《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ bs. 51xueweb cn
6 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 信赖。 资料来源：http://cdc.tencent.com/?p=2146 2.2.2 原型设计工具 （1）Axure RP（Rapid Prototyping） 软件介绍： Axure 是目前最受关注的原型开发工具，其能通过组件的方式帮 助网站或软件设计师快速建立带有注释的原型（流程图、线框图）， 并凭借自定义可重用的元件、动态面板以及丰富的脚本能够建立基本 功能或页面逻辑的动态演示文件。 Axure 借鉴了 office 的界面，能够让用户快速上手，并且提供 了丰富的组件样式修改，使得通过其能够创建低保真、高保真甚至接 近于实际效果的界面。最让人称道的是，Axure 的丰富的脚本模式， 可以通过点击和选择能够快速完成界面元素的交互，如链接、动态变 化等效果，使得 Axure 能够生成十分接近于真实产品的原型。Axure 能够导入其他人创建的元件库，使得 Axure 能够满足绝大多数类型产 品的设计。 支持平台： Windows、MAC 相关链接： 官方网站： http://www.axure.com/ （2）Microsoft Office Visio 软件介绍： Visio 在 2000 年被微软收购，并在 2002 年成为 office2003 套 件中的一个组件。Visio 的适用性非常之广，从网站界面、数据库模 型、平面布置图到工艺流程图，Visio 都提供了相应的元件库和模板 来进行快速创建。 相较 Axure 而言，Visio 更适合于传统行业的生产或流程设计， 或者软件及互联网行业中的信息、数据和流程的说明，而不太适用于 Web 界面。其基于 Web 的元件库还比较少，并且形式和结构也更类似 于 Word 中的图形工具，因此在原型开发效率上都有所不足
支持平台 W Indows 相关链接: 微软官方介绍: http://office.microsoft.com/zh-cn/visio-help/ha102749364.aspx (3) Microsoft Expression Blend SketchFlow 软件介绍: Microsoft expression blend包含一组新功能,它们专门设计 为让用户更轻松快速地创建、传达和审阅交互式应用程序及交互式内 容的原型。这组功能称为 SketchFlow。它是实际的 Windows Presentation foundation(WPF)或 Microsoft Silverlight应用程 序 支持平台 Windows 相关链接 官方网站 http://www.microsoft.com/expression/#blend 2.3Web设计小工具 除了专业化的Web设计工具外,还有许多小工具软件和在线工具 软件,合理的使用这些软件,能够让设计工具更加便捷和高效 (1) FastStone Capture 软件介绍: FS Capture是一款抓屏工具,体积小巧、功能强大。不但具有 常规截图等功能,更有从扫描器获取图像,和将图像转换为PDF文 档等功能。 支持平台: indows 相关链接 官方网站 http://www.faststone.org 软件下载 7《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ labs. 51xuewebcn
7 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 支持平台： Windows 相关链接： 微软官方介绍： http://office.microsoft.com/zh-cn/visio-help/HA102749364.aspx （3）Microsoft Expression Blend + SketchFlow 软件介绍： Microsoft Expression Blend 包含一组新功能，它们专门设计 为让用户更轻松快速地创建、传达和审阅交互式应用程序及交互式内 容 的 原 型 。 这 组 功 能 称 为 SketchFlow 。它是实际的 Windows Presentation Foundation（WPF）或 Microsoft Silverlight 应用程 序。 支持平台： Windows 相关链接： 官方网站： http://www.microsoft.com/expression/#blend 2.3Web 设计小工具 除了专业化的 Web 设计工具外，还有许多小工具软件和在线工具 软件，合理的使用这些软件，能够让设计工具更加便捷和高效。 （1）FastStone Capture 软件介绍： FS Capture 是一款抓屏工具，体积小巧、功能强大。不但具有 常规截图等功能，更有从扫描器获取图像，和将图像转换为 PDF 文 档等功能。 支持平台： Windows 相关链接： 官方网站： http://www.faststone.org/ 软件下载：
http://www.skycn.com/soft/39076.html (2)Google picasa 软件介绍: Google的图像管理软件,具有图像管理、浏览和基本编辑功能 支持平台: Windows、MAC、 Linux 相关链接 中文官方网站 http://picasa.googlecomhk/intl/zh-cn/ (3)更多工具 50个便利的Web设计工具: http://www.alibuybuy.com/posts/26501.html 网页设计师必备40款超实用Web设计工具大全 http://www.chujun.cn/share/web-design-tools.html 20款Web设计和开发工具 http://www.cnblogs.com/hb25/archive/2011/05/25/2020817.html 10个在线Web设计开发工具 http://www.iteye.com/news/19474/ 三、Web开发工具 Web开发工具主要是用于进行HIM、CSS和 JavaScript程序编 写的工具软件。目前基本上所有的软件开发的IDE工具,均能够较好 的支持Web前端开发的需求。 (1)Adobe Dreamweaver 软件介绍: Adobe Dreamweaver8是一个全面的专业工具集,可用于设计并 部署极具吸引力的网站和web应用程序,并提供强大的编码环境以 及功能强大且基于标准的 WYSIWYG设计表面 支持平台 Windows、MAC 8《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn
8 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn http://www.skycn.com/soft/39076.html （2）Google picasa 软件介绍： Google 的图像管理软件，具有图像管理、浏览和基本编辑功能。 支持平台： Windows、MAC、Linux 相关链接： 中文官方网站： http://picasa.google.com.hk/intl/zh-CN/ （3）更多工具 50 个便利的 Web 设计工具： http://www.alibuybuy.com/posts/26501.html 网页设计师必备 40 款超实用 Web 设计工具大全 http://www.chujun.cn/share/web-design-tools.html 20 款 Web 设计和开发工具 http://www.cnblogs.com/lhb25/archive/2011/05/25/2020817.html 10 个在线 Web 设计开发工具 http://www.iteye.com/news/19474/ 三、Web 开发工具 Web 开发工具主要是用于进行 HTML、CSS 和 JavaScript 程序编 写的工具软件。目前基本上所有的软件开发的 IDE 工具，均能够较好 的支持 Web 前端开发的需求。 （1）Adobe Dreamweaver 软件介绍： Adobe® Dreamweaver®是一个全面的专业工具集，可用于设计并 部署极具吸引力的网站和 web 应用程序，并提供强大的编码环境以 及功能强大且基于标准的 WYSIWYG 设计表面。 支持平台： Windows、MAC
相关链接 Adobe Dreamweaver官方网站 http://www.adobe.com/dreamweaver (2)Microsoft Expression Web 软件介绍: Expression Web使得创建复杂的基于标准的网站更加快速、便 捷。通过充满艺术感的设计界面生成纯粹的CSS,您可以轻松的决定 您的设计方案,使您可以看到最后浏览器所进行展示的真实的页面。 如果您习惯于进行代码操作, Expression Web也可以很好的帮 助到您。 Express Web支持多种开发所需的技术,例如:PHP JavaScript、XM/XSLT、CSS以及ASP.NET。 支持平台 Windows 相关链接 Microsoft Expression官方网站 http://www.microsoft.com/china/expression/default.aspx (3) Microsoft Visual Studio 软件介绍 Visual studio是微软公司推出的开发环境, Visual st 可 以用来创建 Windows平台下的 Windows应用程序和网络应用程序, 也可以用来创建网络服务、智能设备应用程序和 Office插件。 支持平台: Windows 相关链接 Microsoft visual studio官方网站 http://www.microsoftcom/visualstudio MSDN中的Ⅴ isual Studio学习社区 http://msdn.microsoft.com/zh-cn/vstudio/ (4) Oracle Netbeans 软件介绍: 9《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn
9 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 相关链接： Adobe Dreamweaver 官方网站： http://www.adobe.com/dreamweaver （2）Microsoft Expression Web 软件介绍： Expression Web 使得创建复杂的基于标准的网站更加快速、便 捷。通过充满艺术感的设计界面生成纯粹的 CSS，您可以轻松的决定 您的设计方案，使您可以看到最后浏览器所进行展示的真实的页面。 如果您习惯于进行代码操作，Expression Web 也可以很好的帮 助到您。Express Web 支持多种开发所需的技术，例如：PHP、 JavaScript、XML/XSLT、CSS 以及 ASP.NET。 支持平台： Windows 相关链接 Microsoft Expression 官方网站： http://www.microsoft.com/china/expression/Default.aspx （3）Microsoft Visual Studio 软件介绍： Visual Studio 是微软公司推出的开发环境，Visual Studio 可 以用来创建 Windows 平台下的 Windows 应用程序和网络应用程序， 也可以用来创建网络服务、智能设备应用程序和 Office 插件。 支持平台： Windows 相关链接 Microsoft Visual Studio 官方网站： http://www.microsoft.com/visualstudio MSDN 中的 Visual Studio 学习社区： http://msdn.microsoft.com/zh-cn/vstudio/ （4）Oracle Netbeans 软件介绍：
Netbeans由Sun公司(2009年被甲骨文收购)在2000年创立, 它是开源运动以及开发人员和客户社区的家园,旨在构建世界级的 Java IDe。 Netbeans当前可以在 Solaris、 Windows、 Linux和 Macintosh os x平台上进行开发,并在SPL(Sun公用许可)范围内使 用 Netbeans通常用于Java、C++、PHP等语言进行软件开发,但是 其Web前端开发的功能支持也非常强大。 支持平台: Windows、MAC、 Linux 相关链接 Netbeans官方网站 http://netbeans.org/ (5 Microsoft NotePad 软件介绍 记事本软件,是几乎所有的图形用户界面的操作系统都自带的软 件。使用记事本软件,可以通过源代码的方式开发网页代码。 除了操作系统自带的记事本软件外,通常会使用带有一些增强功 能和便捷操作的记事本软件,例如 EmEditor、 Editplus。 再次,重点推荐 notepad++软件。 支持平台: Windows、MAC、 Linux 相关链接 EmEditor官方网站 http://www.emurasoft.com/ EditPlus官方网站 http://www.editplus.com notepad++官方网站 http://notepad-plus-plus.org/ 四、Web升级与管理工具 Web发布后,就需要不断地对网站进行升级和管理维护工作,下 面介绍在进行网站升级和管理维护工作时,经常用到的软件。 10《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn
10 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn NetBeans 由 Sun 公司（2009 年被甲骨文收购）在 2000 年创立， 它是开源运动以及开发人员和客户社区的家园，旨在构建世界级的 Java IDE。NetBeans 当前可以在 Solaris、Windows、Linux 和 Macintosh OS X 平台上进行开发，并在 SPL(Sun 公用许可)范围内使 用。 NetBeans 通常用于 Java、C++、PHP 等语言进行软件开发，但是 其 Web 前端开发的功能支持也非常强大。 支持平台： Windows、MAC、Linux 相关链接 Netbeans 官方网站； http://netbeans.org/ （5）Microsoft NotePad 软件介绍： 记事本软件，是几乎所有的图形用户界面的操作系统都自带的软 件。使用记事本软件，可以通过源代码的方式开发网页代码。 除了操作系统自带的记事本软件外，通常会使用带有一些增强功 能和便捷操作的记事本软件，例如 EmEditor、EditPlus。 再次，重点推荐 notepad++软件。 支持平台： Windows、MAC、Linux 相关链接 EmEditor 官方网站： http://www.emurasoft.com/ EditPlus 官方网站： http://www.editplus.com/ notepad++官方网站： http://notepad-plus-plus.org/ 四、Web 升级与管理工具 Web 发布后，就需要不断地对网站进行升级和管理维护工作，下 面介绍在进行网站升级和管理维护工作时，经常用到的软件
