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

学习要点:

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

2.  安装Firefox 火狐浏览器

3.  Sublime Text安装及使用演示

4.  Photoshop使用

本课程由  掌中招聘 www.palmjob.net 提供

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

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

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

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

1569382778(1)

1569382830(1)

为什么用google Chrome浏览器?

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

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

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

第一、在网站上点击右键

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

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

 

二.安装Firefox 火狐浏览器

https://www.firefox.com.cn

1569379881(1)

1569379969(1)

三.google浏览器调试网页,为什么还要安装Firefox火狐浏览器呢?

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

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

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

1569383346(1)

2、点击保存这个图标1569383511(1)

四.Sublime Text安装及使用演示

https://www.sublimetext.com

1569381074(1)

1569381176(1) 

 

编写HTML有两种方式:

第一种方式:

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

1569382506(1)

第二种方式:

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

tab键

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

第一、在编辑框中输入:<h 两个字母后再按一下键盘上的Tab

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

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

    <title></title>

</head>

<body>

</body>

</html>

<h1

掌中招聘简介

<p

在这个13亿人的国度里,每天都有人在晋升,每天都有人被迫离职,我们如何赢在起跑线?</br></br>掌中招聘为您解决难题,每天花10-20分钟学习,不受时间地点限制,以市场十分之一的价格,换取几十倍的成长速度,赢在起跑线</br></br>速速加入掌中招聘,网课培训一起学习交流吧。

网页做完之后,点击鼠标右键。

会弹出Open in Browser(在浏览器中打开的意思),点击网页就可以显示了。

显示如下:

1569386416(1)

四、 Photoshop使用

Photoshop打开用火狐浏览器截取的网页,就可以量尺寸和提取颜色等相关信息了,

下面我给大家做一个演示

本课程是由掌中招聘(www.palmjob.net) 提供:

感谢大家收看,更多信息请关注公众号!,web学习交流群:808063744
gzdy

本次主讲老师:宋向阳