你的位置:首页 > 网页设计

[网页设计]仿写一个简单的网站,以及初学前端的一点感悟


本文同时发布在本人个人博客上www.yaoxiaowen.com

这段时间在学习前端,并仿着我们公司官网的设计 tongshai.net, 把官网重新实现了一遍。 主要是因为我们公司的官网设计很简单(就几个静态页面,连什么控件都没用),很适合作为练手项目, 模仿的工程放在了我的另一个测试服务器上。 点击查看。

在仿写过程中,因为网页很简单,所以也没有碰到过什么很纠结的技术问题。仿写一下也就是熟悉一下相关概念。 但是按照我的前端同事的建议,使用了bootstrap 框架,快速浏览了一下这个框架的教程, 该框架最大的特点是对于移动端的支持比较好。(虽然我在这个练手项目中,并没有关心这一点, 也没有针对移动端进行优化)。 不过在我使用中,感觉最方便的是 网格系统,方便了排版,起码比使用原生的css表格布局方式更加方便。 当然我使用的也都是最简单的内容,至于它的组件,插件之类的,也都没有使用。 框架帮助我们造好了轮子,的确帮助我们减轻了工作量。

作为前端初学者,推荐一本书 《head first html与css》, 虽然里面并没有讲很多的内容,甚至连h5的新特性,控件甚至标签都没有讲多少,但是道理讲的很清楚。 通俗易懂,搞清楚基本的道理和模型,打好坚持的基础,才是初学者的重点,我这里有几本关于前端学习的书, head first是最好的一本。 从大学到现在,也看过不少关于编程的书,觉得国内的很多编程书籍。不少都属于翻译文档类型(虽然看着厚厚的知识点也很多)。 我的桌子上,始终放着一本android的书,但是我之所以放着的主要作用就是作为参考书,哪个控件,api记不清楚了。 就去翻看。。诚然,这种参考类型的书,有时忘记具体哪一点内容了,去翻阅一下也很好,但是对于初学者,还是看能够把道理讲清楚的书比较重要。。

另外呢。基础的文档或者定义,那就去 w3cshool查看。 如果需要校验,验测html,css页面是否符合最新标准,那么就去这里。 html校验   css校验。 至于IDE,IntelliJ IDEA ,WebStorm等等,Sublime Text自己弄个插件也行。相关方面的资料呢,网上也很多。 这个不像android开发,肯定是使用android studio最好。貌似也没看到一个定论说哪个IDE最好。 我自己使用的是HBuilder,这是IDE还是国产的呢。

作为程序猿,且行且努力。。。。。