新手html/css/javascript入门学习及总结（一月学习记录）

        本人之前是从事工业设计的，负责小型消费类产品外观设计，内容包括市场调研、草图设计、三维建模、效果图渲染。之后从事软件产品界面设计，即平面产品设计。现如今往前端开发方向发展，可以说在编程方面属于零基础。本博主要是分享在零基础的环境下的学习经验。

       小博一开始和大部分人一样，看书！看书！再看书！主要是看（HeadFirst深入浅出_HTML与CSS、XHTML（中文版）），整整一千多页，花了将近一个月（ps:当然并不是每天都看，只是抽空看），书上也列出不少的例子，也照猫画虎的跟着做了。说句实话，看完之后真的一点效果都没有，除了掌握一些皮毛如创建项目、熟记简单的html要素、css简单布局、简单的table表单外真的没有什么，根本做不到自己去搭建一个像样网站的地步。后来听同事介绍，去看“极客学院”视频教程，此类视频网上较多，比起看书，视频教程的效率要高太多了，大概三到四天，基本上我就已经对html/css有个清醒的认识。而真正掌握html/css是从一个网站建设项目开始的。

        刚开始搭建公司新网站时，就出现了许多困难，首先是样式布局，真正的网站和你从网上看的视频例子要相差太多了，首先你要考虑不同的屏幕显示，要保证你的网站页面在笔记本或者台式电脑等条件显示应该是一致的，至少不要相差太多。目前不少人使用的是两边流出大片空白，内容显示区域控制在1200px，这样勉强解决屏显得问题，但我们设计的网站要求几乎是全屏显示的，多做几个模板或者用JavaScript去获取屏幕当前尺寸，并作出相应调整都不太符合现实条件，最终我是采用宽度设定为75%，同时规定最小宽度为1200px，最大宽度为1500px，相比单纯用75%，增加了更多的弹性，实际效果也符合预期。网站首页搭建花了将近三天，遇到了各式各样的问题比如多个<li>如何页面居中对齐、margin在float条件下失效、图片如何自适应、如何清除float影响、如何动态更改html文字、如何并排显示三个<div>并且居中、固定<div>不随滚动条改变、<div>顺序、banner翻转、引入json数据等，这些问题基本上是靠自己尝试了不同方式，查找了不同资料，最终解决克服的，同时映像深刻，不容易遗忘。首页完成了，其他页也就如鱼得水了，基本上没什么技术困难，剩下的也就是体力活了。

从上不难得出，实际项目是掌握一门语言的捷径，刚开始学习一门语言，可以看一些比较浅显的视频（个人推荐一开始不要看书为好），然后跟着做一些例子，一开始不要要求掌握所有的知识点，不符合实际，了解一些常用的就行了。大概有点认识后，可以尝试给自己布置一些有挑战的项目，自己独立去完成，过程中会遇到许多问题，要善于利用百度和谷歌，每解决一个问题都是对自己能力的提升，不怕有问题，就怕有问题不知道去解决。学习到这个阶段就可以去看书了，一开始不建议看书是因为你看不懂，而且也耗费大量时间，而这个时候你有了一定的基础，有了不少的项目经验，这个时候看书，可以牢固基础，查漏补缺。要知道没有基础，你是走不远的，但一开始就想大而全面的了解是不现实的，还不如从一小块入手，有了一定经验再返回去查漏补缺。