本地网站制作要注意啥？（这些细节很重要）

今天心血来潮，想搞个本地网站玩玩，记录一下整个过程，也算是个小实践。

准备工作

一开始啥也不懂，就到处瞎搜。得知道大概要干咱这网站是给自己看的，又不是给别人访问的，所以不用考虑什么服务器、域名之类的。

然后就是想想网站要放些什么内容。我平时喜欢写点东西，拍拍照，所以就决定把这些内容整理整理，放到网站上。

开始动手

啥工具也没用，直接用电脑自带的文本编辑器，新建一个文件，然后就开始敲代码。这代码也是最简单的 HTML，就写几个字：“我的第一个本地网站！”。然后把文件保存，后缀名改成 .html。双击打开，浏览器里就显示出来！

这第一步算是成功，虽然简陋得不行，但好歹是个网页。

加点料

光秃秃的几个字太难看，得加点内容。我把我之前写的文章，复制粘贴一些进来。又加几个标签，比如<p>，用来分段，这样看起来就舒服多。

然后是图片。我找几张自己拍的照片，想放到网页上。这可把我难住，不知道咋弄。又是一番搜索，原来要用<img>标签，还得写上图片的路径。折腾半天，终于把图片显示出来！

美化一下

内容是有，但还是不好看。我又去学点 CSS，就是给网页加点样式，比如改改字体颜色、大小，调整一下布局啥的。这玩意儿比 HTML 难多，不过慢慢试，也弄出点样子来。

• 把文章标题加粗，看着更醒目。
• 给每段文字加点间距，不会挤在一起。
• 把图片大小调整一下，适应页面宽度。

继续折腾

现在网站看起来像模像样，但我还是不满足。我又去研究下怎么让网站在手机上也能看，毕竟现在大家都用手机。发现这又是个大坑，叫做“页面适应”，电脑上的网页直接在手机上看，会变得乱七八糟。

没办法，继续学呗。又是一堆新名词，什么“响应式布局”、“媒体查询”之类的。搞几天，总算把手机版也弄得差不多。

最终成果

经过一番折腾，我的本地网站终于有点样子。虽然跟那些专业的网站没法比，但好歹是自己一点点做出来的，成就感满满！以后有什么新的想法，还可以继续往上加内容，慢慢完善。

这回实践也让我明白，做网站这事，说简单也简单，说难也难。关键是要动手去做，遇到问题就去查，去学，总能解决的。