网页设计与实现怎么学？这份学习路线请收好！

今天心血来潮，想搞个自己的网页，记录一下折腾的过程。

准备工作

一开始啥也不懂，就去网上查，说要先学HTML和CSS。HTML就是网页的骨架，CSS就是给骨架打扮打扮，让它好看点。听起来还挺简单的，那就开干！

我还找几个在线学习的网站，跟着上面的教程一步步来。先学HTML，啥<p>标签、<strong>标签，<ul>标签，对着教程敲一堆代码。别说，还真有点意思，感觉自己像个程序员！

搭建结构

学点HTML的基础，我就开始琢磨着搭个框架。这网页到底要放些啥？想半天，决定先简单点，就放个标题，然后下面列几条我今天干的事儿。就这么定！

我用<h2>标签写个大标题，然后用<ul>和<li>把今天做的事一条条列出来。写完一看，有点样子！虽然简陋点，但好歹是个网页。

美化样式

光秃秃的文字太难看，得给它加点颜色，调调字体大小。这时候CSS就派上用场。我学着教程，给标题加个背景颜色，把字体调大点，看着顺眼多。

然后又给列表加点样式，把前面的小圆点去掉，每条内容之间加点间距。这么一弄，整个页面看起来清爽不少。我对着屏幕傻乐，感觉自己还挺厉害的。

反复折腾

虽然网页有个雏形，但我总觉得差点于是我就开始各种折腾，一会儿调调颜色，一会儿改改字体，一会儿又换个布局。反正就是各种尝试，看看怎么弄才最好看。

这个过程还挺费时间的，有时候改来改去，还不如原来的好看。不过没关系，反正就是瞎折腾呗，就当练手。

最终成果

折腾一下午，终于弄出一个自己还算满意的网页。虽然跟那些专业的网站没法比，但好歹是自己亲手做的，成就感满满的！

以后我还要继续学习，争取把网页做得更漂亮，功能更丰富。今天就先到这儿，下次再分享我的学习心得！

上一篇：零基础如何建立公司的网站？建站攻略看这篇！

下一篇：设计网站的公司有哪些？这几个方面帮你筛选出！