今天闲着没事翻电脑，发现几年前下载的一套ASP网站模板还躺在硬盘里，突然就想折腾一下。这套模板界面实在太老了，配色还是那种死板的蓝色框架，正好拿它练练手。

先摸清模板的底子

我直接用记事本打开了模板文件夹，里面一堆asp文件和css样式表。第一件事就是找到首页文件，通常叫*或者*。点开一看果然全是代码，不过重点先看头部引用的css文件路径，一般在文件开头有几行link标签。

• 找到样式表就成功了一半，我顺着路径打开那个*文件
• 里面密密麻麻的样式代码看得眼晕，但不用慌，先搜背景色、字体大小这些关键词
• 顺手用浏览器打开模板首页，按F12调出开发者工具，边点页面元素边看对应的css代码

动手改核心样式

我先从最扎眼的蓝色背景开刀。在css文件里搜background这个词，果然找到body标签下的蓝色设置，直接换成浅灰色。保存后再刷新网页，整个页面底色瞬间顺眼多了。

接着收拾标题栏，找到导航栏那块对应的css样式，把字体颜色从白色改成深蓝，顺便加了个阴影效果。这里要注意改完一处就保存刷新看看效果，免得改乱了找不到北。

• 字体大小统一调整：把h1到h3的字体都调大了一号
• 图片边框全去掉，原来那些突兀的线框实在太土了
• 按钮样式重新设计，加了圆角和渐变背景色

折腾动态效果

发现模板里有些asp代码是控制栏目显示的，比如最新文章列表。我找到那段循环输出数据的代码，在每条记录前面加了个小图标。虽然只是简单改动，但页面立刻生动起来了。

调整了页脚信息，把原来的版权声明换成自己设计的文字排版。整个过程也就花了两个多小时，对比修改前后的页面，简直像换了套模板。

心得就是改模板不用怕代码，就像拼乐高一样，先拆解再重组。关键要胆大心细，每次只改一个小地方，及时预览效果。现在这套焕然一新的模板，已经能当个人作品展示用了。