专栏首页HTML5学堂无技术基础 看懂HTML5

无技术基础 看懂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),作者:HTML5学堂

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 移动端项目经验 JavaScript

    HTML5学堂:相对来说,JS在移动端要远远低于PC端的使用频率,因此积累的开发经验并不是太多。在这里简要整理一些JavaScript在移动端的项目经验,主要包...

    HTML5学堂
  • CSS检查工具-CKStyle

    HTML5学堂:CSS代码存在压缩工具、检查工具以及重排属性的工具。今天推荐给大家CKStyle这个工具,顺便也来看看其他的一些工具。 各类CSS检查工具 首先...

    HTML5学堂
  • 2015.12.03 HTML5真题练习

    HTML5学堂:每天一道题,强壮程序员!今日主要涉及昨日题目的解答,以及一道涉及计时器、时间对象的题目。 HTML5真题【2015.12.02】答案解析 昨日真...

    HTML5学堂
  • 【20180511】专知AI干货资料推荐,论文、代码、教程等

    WZEARW
  • JSP的文件上传处理

    用Choose File选中一个本地文件,然后点击Upload File进行上传:

    Jerry Wang
  • 干货!2018年你值得一看的网页设计作品集赏析

    网页设计作品集对网页设计师而言,既是网页门面,也是个人专业素养的体现。那么在作品集设计上万不能掉以轻心。无论是制作一份简约大方还是极具表现力的精良作品集,设计师...

    奔跑的小鹿
  • Python 爬虫网页,解析工具lxml.html(一)

    狭义上讲,爬虫只负责抓取,也就是下载网页。而实际上,爬虫还要负责从下载的网页中提取我们想要的数据,即对非结构化的数据(网页)进行解析提取出结构化的数据(有用数据...

    一墨编程学习
  • Thymeleaf 引入公共代码页面

    前面写过,写前端页面的时候,尤其是写后台管理系统,每个页面都会遇到一些重复的代码,比如左侧导航栏,头部的信息,前面也做了一些整合,把代码放在了公共的页面,每个页...

    祈澈菇凉
  • HTML-CSS的三种使用方式

    HTML标签其实是为了展示文档而发明的,而标签的出现是为了满足文档的展示效果。HTML 提供的标签有很多,比如 div、span、a、img、p 等等,其中 d...

    傅_hc
  • 【Hello CSS】第八章-CSS图形

    其实也有小伙伴答对了,原因就是因为 currentColor 是作为 SVG 的属性值存在,因此在 CSS 里就保留了这个驼峰写法,顺便提一个冷知识:“ cur...

    陈大鱼头

扫码关注云+社区

领取腾讯云代金券