一web开发和测试工具的使用.pdfVIP

《Web 前端开发》实验教学指导 / 实验一：Web 开发和测试工具的使用 《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 。 地址：/cn/downloads/ 校内访问课程网站获得Adobe Creative Suite® CS6 Design Web Premium 。 地址：/WebDevelop.html （2 ）安装 对下载的程序安装包解压缩，得到安装程序，执行 图1-1 执行安装程序 [Set-up]文件，开始安装。如图1-1 所示。 河南中医学院互联网应用技术研究所 本讲共计8 页 | 当前第1 页 《Web 前端开发》实验教学指导 / 实验一：Web 开发和测试工具的使用 选择[试用]，以产品试用的模式开始进行产品安装。如图1-2 所示。 使用注册的Adobe ID 登录后，继续执行安装行为。如果还没有注册Adobe ID ，可以通过点击 [创建Adobe ID]注册。如图1-3 所示。 图1-2 选择产品试用 图1-3 使用Adobe ID 登录 选择需要安装的组件，建议选择[Adobe Dreamweaver CS 6]、[Adobe Fireworks CS6]、[Adobe Illustrator CS6]、[Adobe Photoshop CS6]四项。可以根据自己的需要进行定义。如图1-4 所示。 等待软件安装完成，如图1-5 所示。 图1-4 选择安装的软件组件 图1-5 等待程序安装完成 （3 ）打开Adobe Dreamweaver CS6 ，熟悉软件的界面和常用功能。 请完成下面的任务： 任务一：设置工作区布局为[编码人员（高级）]模式。 任务二：打开DW 的默认参数对话框，熟悉并设置自己需要的参数。 任务三：在DW 中新建一个网站，网站名称为[我的第一个网站] 。 要求： 请将上述任务的操作方法，填写到实验报告册中。 2