今天要跟大家聊聊我最近做的一个小项目——高文安设计公司官网的复刻。

说起高文安，大家可能不太熟悉，但他在室内设计界可是个响当当的人物，被称为“香港室内设计之父”。老爷子今年都八十多！我一直很佩服他的设计理念和作品，所以就想着能不能把他的公司官网给“复制”一份，也算是学习学习。

开始动手

我先是把高文安设计公司的官网整个浏览一遍，仔仔细细地看每一个页面，每一个细节。老爷子的官网做得挺简洁大气的，没有太多花里胡哨的东西，重点展示他的作品和设计理念。

然后，我就开始动手。我用的是很基础的 HTML、CSS，没啥特别的。

• 先是搭框架，把页面的基本结构给弄出来，比如头部、导航栏、内容区、底部等等。
• 接着就是填充内容，把文字、图片这些东西放进去。图片都是我从高文安设计公司官网上一张张保存下来的。
• 然后就是调整样式，让页面看起来和原网站差不多。这一步花的时间最多，因为要一点点抠细节，比如字体大小、颜色、间距等等。

遇到的问题

过程中也遇到一些小问题。比如有些地方的布局，我一开始没弄明白是怎么实现的，就反复查看原网站的代码，一点点琢磨。

还有就是一些图片的尺寸和比例，我要手动调整，让它们在我的页面上看起来和原网站一样。

最终成果

经过几天的折腾，总算是把这个“复制”版的高文安设计公司官网给做出来。虽然肯定比不上原版的精致和完善，但整体效果还算过得去，基本上还原原网站的风格和内容。

这回的小实践，让我对网页前端的基础知识又熟悉一遍，也对高文安的设计作品有更深的解。还是挺有收获的！

以后有机会，我还想尝试“复制”其他设计师的网站，继续学习，继续进步！