无技术基础 看懂HTML5

HTML5学堂:如果你对C语言、网站制作等技术没有什么了解,你可以查看这篇文章。无论你是唱歌的艺术生,还是学习机械专业的工科生,或者大学读的文学学科。只要你平时上网,你看完这篇文章之后,相信你一定能够对HTML5有一个基本的认识。

HTML5是做什么的?

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

HTML5的由来

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

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

HTML5的基本组成

HTML5 = HTML + CSS + JavaScript

HTML指的是结构

CSS指样式

JS即JavaScript,指的是行为

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

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

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

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

容易弄混的概念

HTML5移动端的功能和应用程序

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

前端后台的区别

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

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

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

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

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

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

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

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2015-08-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DevOps时代的专栏

X 战警降临,Jenkins X 正式发布

重磅消息,Jenkins X 已经正式发布啦!(文末有福利) Jenkins X is a CI / CD platform for Kubernetes 早...

4065
来自专栏SDNLAB

SDN实战团分享(二十):From Lithium to Beryllium,ODL最新动态变化

大家好, 感谢宇峰的邀请, 和大家分享OpenDaylight最新发布的一些进展,胶片主要来自Neela Jacques, Phil Robbs和Colin D...

2544
来自专栏about云

程序员:如何提高影响力,为自己代言

影响力,让梦想离你更近。 试想一下,有一天你开发了一个新的语言。它比现有的某某主流软件,运行效率将提高了50%,开发效率提高了100%。接着,你在github...

3447
来自专栏人工智能

微信机器人-Python学习日志(1)

一直以来,这个号发的都是《狼人杀小程序的开发日志》,体现产品的思路比较多,从纯技术的角度看其实并没有很精彩。这次,来讲讲我在其他方面的探索吧。 众所周知,微信公...

1988
来自专栏十月梦想

bootstrap栅格换行时产生空白解决

最近使用bootstrap开发项目,但是用到全局css样式中栅格时候出现问题,就是当前窗口的首行正常显示,到了第二行开始则开始不能正常排布!

522
来自专栏菩提树下的杨过

也谈如何用技术手段引导用户放弃IE 6

中国的网民是很顽强的,也是很固执的!虽然IE6 在国外早就判了死刑,但是在中国至少还有近50%的占有率,这实在很令人头疼! 之前看过很多人提议,提议的方案也五花...

1805
来自专栏hotqin888的专栏

开源土木工程师知识管理系统EngineerCMS

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

672
来自专栏企鹅号快讯

微信群也有群相册功能了,终于可以给手机相册腾出空间了!

学点黑科技,装逼更容易!大家好,我是学长! 相信每位使用QQ和微信的朋友,都有加进过各种各样的群。QQ群相对来说功能比较齐全,除了微信群有的群视频,群语音以外,...

2209
来自专栏大前端开发

如何在线编辑你的各种文档?

使用各种互联网应用,已经成为我们日常生活和工作中不可或缺的一部分,使得我们的工作生活变得更加方便和高效。我们的日常数据和文档,渐渐得形成了一个从我们的本地计算机...

732
来自专栏SDNLAB

SDN实战团分享(二十):From Lithium to Beryllium,ODL最新动态变化

家好, 感谢宇峰的邀请, 和大家分享OpenDaylight最新发布的一些进展,胶片主要来自Neela Jacques, Phil Robbs和Colin Di...

3297

扫描关注云+社区