11 3开发工具 3.开发工具的作用 口开发工具的作用: ■用于对HTM、CSS和 JavaScripυt程序的编写。 ■将设计好的信息更好地呈现出来。 口目前基本上所有的软件开发IDE工具,均能够较好的支持Web前 端开发的需求
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.开发工具 开发工具的作用： 用于对HTML、CSS和JavaScript程序的编写。 将设计好的信息更好地呈现出来。 目前基本上所有的软件开发IDE工具，均能够较好的支持Web前 端开发的需求。 11 3.1开发工具的作用
12 3开发工具 32网站开发工具- Adobe dreamweaver 口简介 ■ Adobe dreamweaver是第一个针对专业网页设计师特别发展的视觉 化网页开发工具,可用于设计并部署极具吸引力的网站和Web应用 程序。 利用 Dreamweaver可以轻而易举地制作出跨越平台限制和跨越浏览 器限制的网页,并提供强大的编码环境及基于标准的 WYSIWYG(所 见即所得)设计界面。 Dw
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.开发工具 简介 Adobe Dreamweaver是第一个针对专业网页设计师特别发展的视觉 化网页开发工具，可用于设计并部署极具吸引力的网站和Web应用 程序。 利用Dreamweaver可以轻而易举地制作出跨越平台限制和跨越浏览 器限制的网页，并提供强大的编码环境及基于标准的WYSIWYG（所 见即所得）设计界面。 12 3.2网站开发工具- Adobe Dreamweaver
13 3开发工具 32网站开发工具- Adobe dreamweaver 口主要特点 最佳的制作效率:用最快速的方式将 Fireworks或 Photoshop等文件 移至网页上,且使用检色吸管工具选择显示器上的颜色可设定最接 近的网页安全色。 网站管理:网站地图可快速制作网站雏形、设计、更新和重组网页。 无可比拟的控制能力:该软件是唯一提供 RoundtripⅢTM、视觉化 编辑与原始码编辑同步的设计工具。 所见即所得:整合动态式出版视觉编辑及电子商务功能,用户不需 要透过浏览器就能预览网页。 样板和Ⅻ:将内容与设计分开,应用于快速网页更新和团队合作 网页编辑
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.开发工具 主要特点 最佳的制作效率：用最快速的方式将Fireworks或Photoshop等文件 移至网页上，且使用检色吸管工具选择显示器上的颜色可设定最接 近的网页安全色。 网站管理：网站地图可快速制作网站雏形、设计、更新和重组网页。 无可比拟的控制能力：该软件是唯一提供Roundtrip HTML、视觉化 编辑与原始码编辑同步的设计工具。 所见即所得：整合动态式出版视觉编辑及电子商务功能，用户不需 要透过浏览器就能预览网页。 样板和XML：将内容与设计分开，应用于快速网页更新和团队合作 网页编辑。 13 3.2网站开发工具- Adobe Dreamweaver
14 十 2 现场演示: ■在 Windows10系统平台上的安装 Adobe dreamweaver cs6 ■ Adobe dreamweaver cs6的软件界面和基本操作方法。 ■创建站点。 ■创建网页
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 14 现场演示： 在Windows 10系统平台上的安装Adobe Dreamweaver CS6。 Adobe Dreamweaver CS6的软件界面和基本操作方法。 创建站点。 创建网页
3开发工具 33网站开发工具- Microsoft visual studio code 简介 VS Code是微软公司发布的可运行于Mac0sX、 Windows和 Linux环 境,适合编写Web和云应用的跨平台源代码编辑器。 主要特点 跨平台 海量语言支持 ■并排编辑 ■智能感应 调试 ■版本集成控制
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 3.开发工具 简介 VS Code是微软公司发布的可运行于Mac OS X、Windows和Linux环 境，适合编写Web和云应用的跨平台源代码编辑器。 主要特点 跨平台 海量语言支持 并排编辑 智能感应 调试 版本集成控制 15 3.3网站开发工具- Microsoft Visual Studio Code