1.在入门阶段代码前期是比较好学习的，不像是设计那么难。
2.代码需要大量的练习就好，即使去了公司做大型项目也好入手。
3.相对于设计来讲，是需要时间的积累，设计不像代码一样光练习就够！不断的去多看，积累素材。
html-css-js-jquery（如果有兴趣可以拓展到html5+css3）
设计方面给不了你太多建议，应为我也不是很好，给你说一下我以前的学习过程吧！
我先是去68PS网学习的PS软件教程，之后是去优设网学习效果制作，最后去网页设计师联盟去参考模仿制作。
希望能对你有用
在浏览器中，查看页面源文件，保存成html文件。将文件中所有关于css img js的路径都改成该页面所属网站的绝对地址。例如：http://www.baidu.com的首页里面有../images/logo.gif。替换地址为：http://www.baidu.com/images/logo.gif...很多地方都会用到此类方法。
有几种可能：
在head部分的meta标签，也就是基本配置标签没有配置好。
CSS样式表媒体查询的代码没有写完整，导致没有这个demo的排版效果。
外部引入的库版本太老了，在你的手机浏览器上展示不出来。
解决的办法：你先排查一下自己的meta标签有没有写错的地方，然后看看css里的媒体查询，
个人看法应该是你的外部引入的bootstrap库不对。在bt的cdn去找一个版本较新的库用。
