文档章节

HTML5从入门到精通,零基础学员必看

 课工场CC老师
发布于 2017/11/08 14:47
字数 1641
阅读 51
收藏 4

 

学习html5从入门到精通,零基础新手也能看懂,无论你是唱歌,画画的艺术生,还是学习机械专业的工科生,或者大学读的文学学科。先了解HTML5可以实现的功能有哪儿些?

1. HTML5可以同时在多种设备上运行,这一点是其他方式都无法做到的;

2. 在互联网中随意被分享,并且搜索时可以及时被找到;有搜索扩展性。

3. HTML5应用可以使用交互式设计来提供最佳体验,而不需要更改代码。你可以从桌面到手机到平板电脑无缝进行切换,而无需重复安装不同的应用;

4. HTML5适用于多厂商标准,建立在协议之上,是众多公司努力的结果。

所以,只要你平时上网,你看完这篇文章之后,相信你一定能够对html5有一个基本的认识。

有小白会问html5是做什么的?                                                            

这里极其简单的概括:用于实现我们能够看到的所有网站,但是不涉及到数据层面(也就是负责将一张设计好的网页图片(设计师的工作),用代码实现出来,在一个地方放置个块,给一个块设置颜色,调整字体大小,让图片动起来等)。

html5的由来

不熟悉html5的人,可能会很熟悉一个2005年以前常用的词语——网页设计与制作。

随着行业的发展,网站的制作越来越受到了人们的重视,社会化分工越来越明细。在2005年,“web前端开发工程师”这个词语开始出现在各个一线城市。2008年,html5横空出世,2009年html5这个全新的词语在北京的一些顶尖级公司出现,2012年,逐渐的普及开来,2014年迅速发展。

1. HTML5有本地存储的特征,基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。

2. 利用HTML5非常方便的在网页上添加视频和音频,不需要很复杂的代码,就能打造一款功能齐全的HTML5播放器。

3. CSS3的使用可以提供更多的CSS属性,可以制作更加丰富的渲染效果。

除了以上基本知识点以外,还需要掌握:HTML5的前端技术也是必备的,其中包括:CSS、HTML、DOM、javascript、Ajax,jquery,Vue,jquery- mobile,zepto等,在掌握这些技术的同时,还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理以及存在的各种Bug。

上面讲的是HTML5主要一些特征。

https://gpic.qpic.cn/gbar_pic/UtmoGuPiaayhBxGoLiaAyx7aPLib5AOrM4VZpiakAbZD3UE0cxZVErEnAg/1000

html5的基本组成

html5 = html + cs+ java

html指的是结构

css指样式

js即java,指的是行为

关于结构、样式、行为的理解

结构——在整个网页中有标题,有列表,有图片等。

样式 —— 标题文字的字体大小、颜色、字体;图片的大小;某个块的背景色或背景图等。

行为——在网页上四处飘动的广告;图片滚动;浏览淘宝时鼠标移动到商品时,放大商品的效果等。

https://gpic.qpic.cn/gbar_pic/UtmoGuPiaayhBxGoLiaAyx7ZjqmJdhQXwXLekMaOiciaTG7C494aPZbtibw/1000

容易弄混的概念

html5移动端的功能和应用程序。

对于苹果手机中的应用程序,属于ios开发,语言是oc;对于其他安卓系统的手机,需要使用java语言进行开发。html5能够做的是移动端的网页以及微信平台中的移动端网页。

前端后台的区别

无论html5还是ios,在整个网页开发流程当中,前端(html5)开发工程师,主要负责的是“前台页面制作”,“网站测试”,“修改”三个部分。

html5 与 网页设计与制作 的区别

原有的网页设计与制作,主要针对pc平台,进行网页网站的设计与制作,相对会涉及一部分设计工作,并将美工图实现成网页。通常使用的工具是网页三剑客——photoshop、flash、dreamweaver。然而,行业的发展使得“网页设计与制作”这一职业逐渐遭到了淘汰,原因主要有四:

【一】:网页设计与网页制作是两个完不同的领域,一个由美感主导,另一个则需要逻辑思维主导。对于开发人员来说,如果将宝贵的精力分散到两个不同的行业中,最后通常两方面都是半斤八两,没有实质的竞争力;

【二】:网页设计与制作,这一职业中的制作,指的是网页的结构与样式(即html+css),而当前网站中java已经占据了极大的比重,如果还停留在原有的结构和样式中,发展空间会变得很小;

【三】:网页设计与制作当中的结构实现,通常采用的是table布局;而web前端开发工程师、html5当中结构的实现,采用的是div+css方式的布局,因此,dreamweaver工具的使用也就没有什么必要性了,取而代之的是内存占用小,开发速度快的文本类编辑器。而flash,在与html5的大战当中战败,当前已经退出了移动端以及电视平台的市场争夺,在pc平台也越来越少。转言之,flash在网页制作的领域里已经江郎才尽~原来的网页三剑客只剩下一个ps,在前端工作的要求中,需要掌握基本的切图即可。

【四】移动互联网的飞速发展,也使得html5的地位迅速提升。移动设备有其特殊的开发要求,原有的网页设计与制作,早已无法满足开发的需要。

html5是移动互联网前端的主流开发语言,所以说,无论做手机网站还是在手机app应用,前端的样式都是html5开发。html5作为移动互联网主流前端开发语言,从事html5相关开发工作,就业前景真的是一片光明。在目前还没有一个前端的开发语言能取代html5的位置。

新手想学习更多HTML5课程知识,获取学习资料。【html&css】免费学习资料,搜【WEB前端互动交流群】

本文转载自:

粉丝 1
博文 81
码字总数 1512
作品 0
武汉
私信 提问
HTML5开发手机App之:HTML5系统教程-何韬-专题视频课程

HTML5开发手机App之:HTML5系统教程—23518人已学习 课程介绍 通过案例进行详尽的讲解,浓缩HTML5开发APP之前端基础语法,掌握HTML5的开发方法,为进一步的深入学习打下基础。 课程收益 使零...

pkutao
2016/02/04
0
0
分享28本关于HTML5的学习书籍(免费下载)

分享28本关于HTML5的学习书籍(免费下载) 1、用HTML5新特性开发移动App 2、用HTML5CSS3实现媲美原生应用的交互体验 3、改善HTML5网页性能-译 4、WEB_HTML5在LBS社区中的应用 5、WebQQ_3.0:...

邓剑彬
2012/11/30
1K
6
2012年技术图书大盘点

文:@图灵郭志敏 又将是一年的结束,13年即将到来,大家可以跟随我的图书列表,看一下: 这年里你们一共买了多少书? 读了多少本书? 读完的又有多少本书? 反复读的有几本? 收获最大的是哪...

生气的散人
2012/12/13
719
7
小白零基础想入门web前端!?

很多童鞋都会问到这个问题,诸如: 我是小白,完全没有基础,怎样入门前端? 学前端都能做哪些岗位? 也会问到慕课网的《前端小白入门》路径课程靠谱吗? …………现在统一给大家解答一下。 ...

慕课网官方_运营中心
2018/07/04
0
0
求大神指点,零基础入门学习HTML5用什么软件呢,学习资料有么

零基础入门学习HTML5用什么软件呢,还有学习资料!平时应该多关注哪些论坛社区网站呢?有没有大神愿意指点一二的!感激不尽

ZJ小白
2017/02/24
341
3

没有更多内容

加载失败,请刷新页面

加载更多

QML学习之浅谈Window

转载地址:http://blog.csdn.net/kanchuan1905/article/details/53762788 在Qt Quick的世界里,Window对象用于创建一个与操作系统相关的顶层窗口,包含了如Text, Rectangle, Image等元素。W...

shzwork
14分钟前
3
0
centos 查看删除旧内核

1、查看系统中安装的内核 $ yum list installed | grep kernel 2、删除系统中旧内核 $ yum install yum-utils$ package-cleanup --oldkernels --count=2...

编程老陆
今天
10
0
ES6

ES6:不改变原理的基础上,让API变得更简单 一、let:代替var用于声明变量 1、var的缺点: (1)声明提前 (2)没有块级作用域 2、let的优点: (1)组织了申明提前 (2)让let所在的块({}),...

wytao1995
今天
3
0
kubernetes 环境搭建 —— minikube

创建集群 minikube start 搭建好 k8s 集群后,可以查看集群的状态以及部署应用。主要用到的是 k8s 的 api,这通常需借助于 kutectl 命令行工具 基本操作 kubectl versionkubectl cluster-i...

lemos
今天
11
0
关于js混淆与反混淆还原操作

使用js的混淆加密,其目的是为了保护我们的前端代码逻辑,对应一些搞技术吃饭的公司来说,为了防止被竞争对手抓取或使用自己的代码,就会考虑如何加密,或者混淆js来达到代码保护。 1、为什么...

开源oschina
今天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部