学习HTML5之前,我们需要准备那些工作呢?
学习要点:
-
安装Chrome 谷歌浏览器(Google Chrome)
-
安装Firefox 火狐浏览器
-
Sublime Text安装及使用演示
-
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键
自动产生代码的两种方法:
第一、在编辑框中输入:<h 两个字母后再按一下键盘上的Tab键
第二、在编辑框中输入:html:5 接着再按一下Tab键
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
显示如下: