无技术基础 看懂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 条评论
登录 后参与评论

相关文章

来自专栏无原型不设计

页面状态还是组件?到底什么才是交互的中心?

随着信息行业的日益发展,软件的开发设计得到了更多人的重视,软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中,设计的模式普遍为两种,一种是以页...

3516
来自专栏IT大咖说

苏宁易购:前后端分离架构的落地思考

1693
来自专栏北京马哥教育

使用爬虫抓取网易云音乐热门评论生成好玩的词云

作者:纯臻 来源: http://blog.csdn.net/marksinoberg/article/details/70809830 互联网爬虫是一个很有意...

2885
来自专栏IT米粉

weui-react项目实战新心得

weui-react简介 weui是微信官方制作的一个基础样式UI库,打造与原生微信同样的视觉和交互体验,整个UI库包括网页版和小程序版,网页版包括传统的jav...

2804
来自专栏葡萄城控件技术团队

如何选择前端框架:ANGULAR VS EMBER VS REACT

最近一段时间是令前端工程师们非常兴奋的时期,因为三大Web框架陆续发布新版本,让我们见识到了更强大的Web框架。Ember2.0在2个月之前已经发布,从1.0升...

1787
来自专栏编程

5个最好的开源Javascript图表库

在这篇文章中,我向大家介绍前5名最好的开源JavaScript图表库。每个站点的仪表板都是不完整的,因为他们缺少图表,所以为我们的站点找到正确的图表库是非常重要...

2638
来自专栏性能与架构

为什么前端工程师越来越值钱?

前端工程师行情 下面是猎聘和拉勾上北京的前端工程师招聘信息截图 ? ? 行情是不是很不错 为什么值钱? 因为现在的前端开发工程师需要的技能越来越多了 ? 我所接...

34013
来自专栏无原型不设计

Chinco(摩客串串)——App原型交互演示利器

Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发,秉持了摩客团队“关注设计,而非工具”的一贯理念和产品风格。 Chinco是一款...

2174
来自专栏别先生

HTML+CSS提升小实战

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; ch...

1888
来自专栏java思维导图

小程序思维导图,让小程序不再难懂

写在前面 首先,很感谢大家喜欢我的思维导图。 有网友评论说:思维导图实际就是一种比纯文字更贴近人理解的模型——知识关系。的确,思维导图又称为脑图,是一种适合头脑...

4315

扫码关注云+社区