学习HTML5之前，我们需要准备那些工作呢？

1. 安装Chrome 谷歌浏览器(Google Chrome)

2. 安装Firefox 火狐浏览器

3. Sublime Text安装及使用演示

4. Photoshop使用

本章主要讲在学习 HTML5 之前做那些准备工作

安装软件我建议大家去官方网站下载安装

一． 安装Chrome 谷歌浏览器(Google Chrome)

https://www.google.cn/chrome/index.html


为什么用google的 Chrome浏览器?

主要是为了后面调试网页做准备：

下面演示一下相关网站的调试。

打开相关网站调试有两种方法：

第一、在网站上点击右键

再点击“检查”菜单，就可以调试网页程序了。

第二、直接通过按 F12 这键也会出现网站调式的窗口。

二．安装Firefox 火狐浏览器
https://www.firefox.com.cn


三．有google浏览器调试网页，为什么还要安装Firefox火狐浏览器呢？

火狐浏览器有强大的截取网页屏幕的能力。

下面我给大家做一个演示：

1、打开火狐浏览器，输入网址点击下面圈起的小图标，就会听到咔嚓一声，证明图就截取出来了。

2、点击保存这个图标

四．安Sublime Text安装及使用演示

https://www.sublimetext.com


编写HTML有两种方式：

第一种方式：

点击File（文件）菜单>接着点击New File（新建文件）>再接着点击save(保存),保存的时候一定要特别注文件的后缀名一定要是.html,保存完之后就可以开始开发我们的HTML5的程序了。

第二种方式:

点击右下角的，弹出菜单，点击html,点击完成这后将看到，这个时候就可以开始开发我们的HTML5的程序了。

tab键

自动产生代码的两种方法：

第一、在编辑框中输入：

第二、在编辑框中输入：html:5 接着再按一下Tab键

显示如下：