今天又搞一天网站模板，累死我。不过总算有点成果，给你们分享一下我今天的实践过程。

我是真没头绪。公司这网站页面，要大气，又要简洁，还得体现咱们公司的业务，难搞！于是我就去网上到处找灵感。

第一步，当然是找素材！

我逛好几个素材网站，什么“千图网”、“模板无忧”……看好多好多模板，眼睛都花。有些模板是挺好看，但总感觉跟我公司不太搭。

第二步，选定初步模板

• 后来找到一个看着还不错的，说是“Bootstrap 4 数字创意商业营销代理网站模板”，还是自适应HTML5的，感觉挺高级。
• 主要是我看中它那个大大的背景图，可以放咱们公司的宣传图，感觉一下子就上档次。
• 我就把它下载下来。

第三步，开始“魔改”！

• 下载下来的是一个压缩包，解压后一堆文件，html、css、js……看得我头大。
• 还好我之前稍微学过一点点网页设计，勉强能看懂。
• 我主要用Photoshop来改里面的图片。
• 先把公司logo换上去，然后把那些示例图片都换成我们自己的产品图。
• 我还把一些文字内容也改，改成咱们公司的介绍和业务范围。

第四步，调整细节

• 颜色我也稍微调一下，用咱们公司的VI色，看起来更协调。
• 字体也换成更舒服的微软雅黑。
• 我还发现一个问题，就是有些地方的样式，改之后在不同浏览器里看起来不一样！

第五步，解决兼容性问题（头疼）

这兼容性问题真是烦skr人！

• 我记得有个网站上说“pbootcms网站修改CSS样式后自动更新缓存”，我也不知道能不能用上，反正先试试。
• 我就各种百度，各种查资料，试好几种方法，总算把大部分问题都解决。

大功告成（？）

虽然还有一些小细节需要调整，但整体效果已经很不错。至少我自己是挺满意的，哈哈！

对，我这回用的PSD文件，大小大概14MB多，RGB颜色模式，分辨率是19204222像素，72dpi。我用的Photoshop版本是CS6，我觉得这个版本挺好用的。

总结一下今天的经验：

做网站页面设计，真的不是一件容易的事。要考虑的东西太多，不仅要好看，还要实用，还要考虑兼容性……不过做完之后还是挺有成就感的！

今天就分享到这里，希望对你们有点帮助。我去休息，明天继续搬砖！