《Web前端开发》实验教学指导/实验一:Web开发工具的使用 《Web前端开发》实验教学指导 实验一:Web开发工具的使用 、实验目的(5分) 1、了解Web开发工具的多样性 2、掌握常用的web开发工具的安装和使用方法 3、掌握HTML5文档的结构以及HIML文件命名规范 4、掌握编写简易的HIML文件 5、掌握body标记的属性以及使用方法。 二、实验环境(5分) 1、 Windows xP/ Windows7操作系统的计算机 2、局域网网络环境,并且使用固定IP地址。 、实验要求(5分) 1、完成Web开发工具的安装,并掌握基本的使用方法 2、完成HTML文件的编写,并掌握HIML文档的结构; 3、完成body标记属性的设置,改变网页显示效果。 四、实验原理(5分) 1、 Adobe Create Suite6的安装和使用 2、 SCode的安装和使用 3、 NotePad的安装和使用 4、HIML5文档结构及语法 五、实验步骤(40分) 1、Web开发工具: Adobe creative Suite cs6 Design& Web premium (1)获得软件安装包 访问 Adobe官方网站获得 Adobe Creative Suite(R CS6 Design& Web Premium 地址:htp/www.adobe.com/cn/downloads. (2)安装 名称 对下载的程序安装包解压缩,得到安装程序,执行 Set-up]文件,开始安装。如图1-1所示 I deploy packages 选择[试用],以产品试用的模式开始进行产品安装。如 图 1-2所示。 图1-1执行安装程序 本讲共计5页当前第1页《Web 前端开发》实验教学指导 / 实验一：Web 开发工具的使用 本讲共计 5 页 | 当前第 1 页 《Web 前端开发》实验教学指导 实验一：Web 开发工具的使用 一、实验目的（5 分） 1、了解 Web 开发工具的多样性； 2、掌握常用的 Web 开发工具的安装和使用方法； 3、掌握 HTML5 文档的结构以及 HTML 文件命名规范； 4、掌握编写简易的 HTML 文件； 5、掌握 body 标记的属性以及使用方法。 二、实验环境（5 分） 1、Windows XP/Windows 7 操作系统的计算机； 2、局域网网络环境，并且使用固定 IP 地址。 三、实验要求（5 分） 1、完成 Web 开发工具的安装，并掌握基本的使用方法； 2、完成 HTML 文件的编写，并掌握 HTML 文档的结构； 3、完成 body 标记属性的设置，改变网页显示效果。 四、实验原理（5 分） 1、Adobe Create Suite 6 的安装和使用； 2、VSCode 的安装和使用； 3、NotePad 的安装和使用； 4、HTML5 文档结构及语法； 五、实验步骤（40 分） 1、Web 开发工具：Adobe Creative Suite® CS6 Design & Web Premium （1）获得软件安装包。 访问 Adobe 官方网站获得 Adobe Creative Suite® CS6 Design & Web Premium。 地址：http://www.adobe.com/cn/downloads/ （2）安装 对下载的程序安装包解压缩，得到安装程序，执行 [Set-up]文件，开始安装。如图 1-1 所示。 选择[试用]，以产品试用的模式开始进行产品安装。如 图 1-2 所示。 图 1-1 执行安装程序