`这些功能标签。CSS的奇妙之处
说到CSS，那可真是个让人又爱又恨的东西。记得我第一次尝试居中一个div，用了各种`margin:auto`都不管用，后来才发现原来还要设置宽度。现在想想都觉得好笑，但这就是学习的过程啊！
CSS3带来的新特性简直不要太方便。以前做个圆角得用图片，现在`border-radius`一行代码搞定。不过要注意兼容性问题，某些老掉牙的浏览器可能不支持最新特性。
响应式设计的必修课
现在谁还只做PC端网页啊？移动端流量早就超过桌面端了。我第一次做响应式设计时，媒体查询写得乱七八糟，手机上看效果惨不忍睹。后来才明白，应该采用移动优先的策略。
这里分享个小技巧：先用Chrome的开发者工具模拟各种设备尺寸，调试差不多了再上真机测试。别像我当初那样，在电脑上看着挺美，到手机上全乱套了。
框架是把双刃剑
Bootstrap这类框架确实能省不少事，但新手千万别过度依赖。我有段时间就陷入了"框架依赖症"，离了Bootstrap连个按钮都不会写了。建议先掌握原生CSS，等基础扎实了再用框架提速。
最近流行的Flexbox和Grid布局真的香，比传统的浮动布局不知道高到哪里去了。不过学习曲线稍微陡了点，得多练习才能掌握。
交互效果的实现
JavaScript确实是网页制作的灵魂所在。但说实话，现在很多简单效果用CSS3就能实现，比如悬停动画、过渡效果这些。除非是需要复杂逻辑的功能，否则没必要动不动就上JS。
jQuery虽然过时了，但对新手特别友好。我建议可以先从jQuery入手，等熟悉了DOM操作再转向原生JS。这样过渡会比较平滑，不会一下子被各种新语法吓到。
部署上线的那些事儿
第一次把自己的网页放到网上那种成就感，至今难忘。不过当时什么都不懂，直接把本地文件拖到服务器就完事，结果图片路径全错了。后来才学会要用相对路径，还要考虑文件目录结构。
现在各种静态网站托管服务都很方便，有的甚至支持直接从GitHub仓库部署。对于个人作品集这类简单网站，完全没必要租用虚拟主机，省下的钱买杯咖啡不香吗？
持续学习很重要
网页制作技术更新换代特别快，去年还在用某个方法，今年可能就有更好的替代方案了。我养成了每周浏览技术博客的习惯，保持对新趋势的敏感度。
建议新手多看看别人的代码，GitHub上有无数优质项目可以学习。刚开始可能看不懂，但看得多了自然就能摸出门道。
说到底，网页制作最重要的是动手实践。看一百个教程不如自己做一个项目。从最简单的个人主页开始，慢慢增加复杂度，你会发现进步比想象中快得多。
记住，每个大神都是从菜鸟起步的。我现在的水平虽然算不上顶尖，但至少能做出像模像样的网页了。相信你也可以，关键是要保持热情，遇到困难别轻易放弃。
微信扫一扫