今天折腾了个精品网站模板，顺手把操作过程记下来了。

第一步：先挑个顺眼的模板

我在素材网站翻了俩小时，选了个深蓝色的企业站模板。这玩意儿压缩包下来一看，里面密密麻麻全是文件，当时就有点懵。

第二步：解压完得搞清楚结构

把压缩包扔到本地服务器文件夹里，点开发现主要有这几样：css文件夹放样式，js文件夹放特效，images塞图片，还有个*是主页。先拿浏览器打开*瞅了眼，果然排版全乱套——图片路径都报错了。

第三步：挨个修路径

用记事本打开*，看到图片链接还带着原网站的域名。干脆直接搜“images/”这个词，把带http开头的全删掉，只留相对路径。css和js文件也是同样操作，改完刷新页面，终于能正常显示！

• 图片路径：从绝对路径改成相对路径
• css引用：检查有没有被拦截的外链
• 字体文件：特意下载了本地版本替换

第四步：换内容比想象中麻烦

本来以为改文字很简单，结果发现模板里的标语都是图片格式！只好打开PS把模板自带的广告语P掉，重新排上自己公司的文字。产品展示区更折腾——每个产品图都要裁剪成模板规定的尺寸，差点想放弃。

第五步：传到服务器试水

用FTP工具把整个文件夹拖到服务器，打开域名一看傻眼了：页面排版又错位了！原来服务器上的文件路径大小写敏感，有个CSS文件名首字母没大写。改完终于正常，赶紧用手机看了看自适应效果，幸好模板本身挺靠谱。

弄完这五步天都黑了，总结就是：模板下载只是开始，调路径和换内容才是重头戏。下次再弄估计能快点儿，至少知道先检查大小写了。