最近闲着没事，就琢磨着搞一个关于惠州的页面，主要是想把自己去过的一些地方、吃过的一些东西记录一下，顺便练练手。

一开始也没啥特别清晰的想法，就是觉得可以把惠州的一些特色整合一下。我就先打开电脑，新建一个文件夹，准备开始捣鼓。

第一步是构思大概内容。我想着放点啥？吃的肯定得有，惠州酿豆腐、梅菜扣肉这些；玩的地方，西湖、罗浮山、巽寮湾这些也得提一下；还有一些当地的风土人情，也可以简单写写。脑子里大概过几遍，觉得内容差不多就这些。

接着我就开始找资料和图片。自己手机里翻翻以前拍的照片，质量嘛也就那样，手机随手拍的。不够的我就上网搜点，主要是找点介绍性的文字和看起来还不错的风景图、美食图。图片也没怎么精修，就是裁剪一下尺寸，别太大就行。

然后就是搭页面的架子。我没用啥复杂的框架，就直接手写HTML。先弄个基本的结构，用

标签分几个大块，比如“惠州美食”、“景点推荐”、“本地生活”这样。每个大块下面再用

标签放文字介绍，图片就用标签插进去。

写样式这块比较费劲。我对设计没啥天赋，就想着简单清爽点。背景色选个淡淡的米白色，看着不刺眼。字体就用系统默认的，没折腾啥特殊字体。主要是调整下行间距和段间距，让文字看起来不那么挤。用列几个小点，比如推荐的餐馆列表啥的。

• 调图片位置的时候挺烦的，有时候想让文字环绕图片，搞半天效果总是不对。干脆就让图片单独占一行或者跟文字并排简单放着。
• 导航栏也没做，就一个长页面，从上往下看。想着以后内容多再加个简单的页面内跳转，现在就先这样。
• 颜色搭配也挺头疼的，试好几种，还是觉得简单的最就用点浅灰色和主题的淡米白，重点内容用标签加粗一下。

写得差不多，就在浏览器里反复预览，看看有没有错位，文字有没有错别字。也用手机模拟器看下效果，虽然没做啥复杂的响应式设计，但至少在手机上内容不会叠在一起，还能正常看。

弄完也就那样

整个过程大概花我两三个晚上的时间，主要是找资料和调样式比较磨叽。结果嘛，就是一个挺朴素的静态页面，没啥酷炫特效，也没啥复杂功能，就是个简单的信息展示。不过看着自己一步步把它弄出来，心里还是挺满足的。这就是我这回做惠州页面的整个实践过程，分享给大家看看，瞎搞的，大家随便看看就