《Web前端开发》实验教学指导/实验一:Web开发和测试工具的使用 《Web前端开发》实验教学指导 实验一:Web开发和测试工具的使用 、实验目的 1、掌握常用的Web开发工具的安装和使用方法; 2、掌握常用的Web测试工具的安装和使用方法 3、了解Web开发工具的多样性和web测试工具的多样性。 二、实验环境 1、 Windows XP/Windows7操作系统的计算机; 2、局域网网络环境,并且使用固定IP地址。 三、实验要求 1、完成Web开发工具的安装,并掌握基本的使用方法; 2、完成Web测试工具的安装,并掌握基本的使用方法 3、使用web测试工具进行Web兼容性测试、web压力测试,并能够读取测试报告 四、实验原理 1、 Adobe Create suite6的安装和使用 2、 Microsoft Expression Studio4的安装和使用 3、 Microsoft Expression Web SuperPreview和 IE Tester浏览器兼容性测试工具的安装和使 用 4、Xenu' S Link sleuth链接测试工具的安装和使用; 5、 Paessler WebServer Stress Tool性能测试工具的安装和使用 6、 Http Watch和 Speed Trace性能分析工具的安装和使用 7、IE、 Firefox和 Chrome的Web开发工具的使用 五、实验步骤 1、Web开发工具: Adobe creative suite cs6 Design& Web premium (1)获得软件安装包。 访问 Adobe官方网站获得 Adobe Creative Suite(R CS6 名称 n Web pre 地址:htp/wwwadobe.com/cn/downloads I deploy 校内访问课程网站获得 Adobe Creative Suite(R CS6 packages Design Web premium 地址:htp/ke.5 xueweb. cn/WebDevelop html 安装 对下载的程序安装包解压缩,得到安装程序,执行 图1-1执行安装程序 Set-up]文件,开始安装。如图1-1所示 河南中医学院互联网应用技术研究所 本讲共计8页|当前第1页《Web 前端开发》实验教学指导 / 实验一：Web 开发和测试工具的使用 河南中医学院互联网应用技术研究所 本讲共计 8 页 | 当前第 1 页 《Web 前端开发》实验教学指导 实验一：Web 开发和测试工具的使用 一、实验目的 1、掌握常用的 Web 开发工具的安装和使用方法； 2、掌握常用的 Web 测试工具的安装和使用方法； 3、了解 Web 开发工具的多样性和 Web 测试工具的多样性。 二、实验环境 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求 1、完成 Web 开发工具的安装，并掌握基本的使用方法； 2、完成 Web 测试工具的安装，并掌握基本的使用方法； 3、使用 Web 测试工具进行 Web 兼容性测试、Web 压力测试，并能够读取测试报告。 四、实验原理 1、Adobe Create Suite 6 的安装和使用； 2、Microsoft Expression Studio 4 的安装和使用； 3、Microsoft Expression Web SuperPreview 和 IE Tester 浏览器兼容性测试工具的安装和使 用； 4、Xenu’S Link Sleuth 链接测试工具的安装和使用； 5、Paessler WebServer Stress Tool 性能测试工具的安装和使用； 6、HttpWatch 和 Speed Trace 性能分析工具的安装和使用； 7、IE、Firefox 和 Chrome 的 Web 开发工具的使用。 五、实验步骤 1、Web 开发工具：Adobe Creative Suite® CS6 Design & Web Premium （1）获得软件安装包。 访问 Adobe 官方网站获得 Adobe Creative Suite® CS6 Design & Web Premium。 地址：http://www.adobe.com/cn/downloads/ 校内访问课程网站获得 Adobe Creative Suite® CS6 Design & Web Premium。 地址：http://ke.51xueweb.cn/WebDevelop.html （2）安装 对下载的程序安装包解压缩，得到安装程序，执行 [Set-up]文件，开始安装。如图 1-1 所示。 图 1-1 执行安装程序