今天心血来潮,想搞个本地的网页玩玩,就动手搞起来。记录一下整个过程,省得以后忘。
准备工作
得有个能写代码的地方。之前听说HBuilder挺好用的,还是国产的,就下载一个。打开一看,界面还挺清爽,用起来也顺手,就决定用它。
开始动手
有工具,就开始写代码。先新建一个HTML文件,然后就开始敲代码。也没啥复杂的,就是一些基本的HTML标签,像<p>、<strong>、<ul>之类的,把想要显示的内容放进去就行。
写完HTML,感觉有点单调,就想加点样式。于是又新建一个CSS文件,在里面写一些简单的样式,比如设置一下字体颜色、大小、背景颜色之类的。把CSS文件链接到HTML文件里,这样样式就能生效。
调试
代码写完,就得看看效果。直接在HBuilder里点运行,或者用浏览器打开HTML文件,就能看到网页的样子。
我写好页面后,发现有个地方显示的不太对,就想看看是哪里出问题。本来想用那个听起来很厉害的Firebug,因为听说它是Firefox的插件,但是我不用Firefox浏览器。幸我用的这个编辑器,它自己就能直接看效果,一边改一边看,挺方便。
最终效果
经过一番折腾,网页终于弄好。虽然很简单,但也是自己一点点做出来的,还是挺有成就感的。
本地网页开发也不难,关键是要动手去做。以后有时间再继续研究,搞点更复杂的东西出来玩玩。