HTML5征程前的准备工作

HTML5学堂:在开启学习HTML5知识之前,一些知识是需要掌握的。推荐在正式学习HTML5的知识之前把如下罗列出的任务搞定。良好的基础知识能够让日后对专业知识的学习更加轻松,也能够规避一系列影响推进速度的问题。另外,这些知识也是HTML5知识的基本组成,放在这里,并不意味着它不重要哦~!对于一些思考性的问题,多动动脑子想一想,成长来源于思索。

1. 记忆HTML5的单词

2. 掌握浏览器的知识

a) 常用的浏览器有哪些?

b) 见到大家最为常用的浏览器有哪些?

c) 见过哪些浏览器?

d) 为何喜欢用当前你使用的浏览器?

e) 关于浏览器的历史,了解多少?

3. 熟练掌握PS的使用;实现页面切图。

资料位置:百度云平台 PS相关视频以及需要练习切图的文件

a) 熟悉PS的操作界面

b) 掌握PS当中的常用快捷键(打开文件、新建文件、存储文件、取消选区、撤销或还原命令、标尺工具、放大与缩小、快速填充、编组等)

c) 掌握基本的选区工具、裁剪工具、切片工具、选择工具

d) 理解PS中图层的概念以及图层的相关操作

e) 对于色彩有一定的认识(色光三原色与颜料三原色;十六进制计算法;三原色表示与计算方法,如#f291cd是什么颜色)

f) 如何快速的计算出一个值的大概颜色?如#c67792大概是什么颜色,是深色还是浅色?

g) 不同色彩给我们传达出感觉分别是什么样子的?

h) 随便给出6位的16位进制颜色值,能够说出是什么颜色。

i) 颜色值之间相差1个或2个值,会有很大的影响吗?如果是我们做网页,相差1个或2个像素,会有很大的影响吗?

j) 理解像素、透明度的概念

k) 能够说出网页中常见的图片格式以及其区别

l) 能够轻松完成抠图任务

4. 打字速度

打字速度练习到100字/分钟以上(英文字母) —— 使用软件:金山打字通

5. 熟练掌握SVN以及GitHub的软件工具的使用;

a) 需要掌握的软件:SVN、GitHub、Sublime Text编辑器

b) 熟悉SVN,能够说出SVN是什么,为何要使用SVN,SVN具有哪些常见操作

下载相应文件

安装和配置服务器端和客户端

客户端汉化配置

服务端创建版本库

服务端建立用户组和用户

客户端检出代码

客户端的新建、删除、重命名文件等

客户端的代码提交

思考为何要设置用户组和用户权限?

思考为何要强制书写注释,目的何在?

思考出现需要“清理”错误的原因是什么?有应当如何解决?

思考在广域网中能否使用SVN?如果不能,那么有没有什么软件可以替代?

思考项目的开发是个人还是团队?怎样提升团队的工作效率?

c) GitHub的基本使用

6. 了解什么是SEO,SEO的运行机制以及对网站的影响

7. 通过阅读资料,了解HTML5的相关知识

a) 查找资料,解释什么是HTML5

b) 了解HTML5能够做什么

c) 了解网站的开发流程,并且能够清晰的了解到HTML5在流程中的位置。

d) 页面重构

8. 掌握布局的扩展知识,查资料解决如下问题

a) 什么叫table布局

b) 什么叫DIV+CSS布局

c) 圣杯与双飞翼

d) 栅格化(960栅格)

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

原文发表时间:2015-12-17

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java技术学习之道

史上最全的前端资源大汇总

2375
来自专栏阮一峰的网络日志

也许,DOM 不是答案

有一个词"手机网站"(mobile web),指供手机浏览的网站,但它是不存在的。 人们提到"移动互联网"的时候,其实专指另外一样东西:手机App。 ? 一、W...

3195
来自专栏张善友的专栏

Windows 8 Charm工具条

微软在BUILD大会后两天向外披露了一个新的注册商标“CHARM”。据悉,该商标将被用于说明微软Windows 8中的新功能。美国商标专利局网页显示“CHARM...

18310
来自专栏大史住在大前端

大前端的自动化工厂(2)—— SB Family

原文链接:https://bbs.huaweicloud.com/blogs/53c0c3509b7a11e89fc57ca23e93a89f

523
来自专栏BestSDK

20个对前端开发人员有用的文档和指南

是时候来更新一下我们需要选择的工具或技术了。请欣赏我们的文档和指南系列的第五部,别忘了让我们知道任何其他我们尚未列入该系列的其他文档或指南。 1.SitePoi...

2217
来自专栏前端新视界

浅谈 Angular 项目实战

我不是 Angular 的布道者,但如今自称 Angular 派,使用 Angular 做项目让我有一种兴奋感。目前的三大主流前端框架都研究过,博客中也有三者的...

660
来自专栏互联网杂技

20个为前端开发者准备的文档和指南2

1.CSS Vocabulary(CSS词汇表) (需自备墙梯才可以访问) 点击该应用,将会使你了解到CSS语法所有不同的部分,和它们对应的属性名是什么。 ? ...

32910
来自专栏CRPER折腾记

VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!)

之前也多多少少写过几篇推荐插件的文章; 因为插件这类东西不是大风刮来的.所以我从最初的半个月推荐, 到现在慢慢接近三个月推荐一次,以后可能会更久也不一定!

673
来自专栏IT派

七天速成小程序——喜马拉雅

很多新手都喜欢一个人完成项目,从项目的规划、搭建,到实施、debug、验收,一整套流程都是自己纯手完成,当然,对于提高自己的整体开发能力和自适应能力很有帮助。o...

592
来自专栏互联网杂技

新鲜出炉! Web开发人员必备资源

摘要:我们将会为Web开发人员提供多个资源。其中包括一个着陆页设计资源、两种降低屏幕刺眼程度的方法、一个用来实现拖曳网页布局的插件、一个用于整理date-pic...

3398

扫描关注云+社区