说实话，现在还有人提Frontpage，我第一反应是“穿越了”。但这行里，总有些老派设计师或者学校老师，还执着于这个微软的老古董。我不喜欢那些冷冰冰的教程，今天我就掏心窝子聊聊，如果你非要用Frontpage制作个人网页教程，到底该怎么玩，怎么避坑。别指望它能帮你做出什么惊艳的响应式网站，它就是个用来快速堆砌内容的工具，适合那种“能看就行”的静态展示页。

先说个真事。我有个前同事，非要给刚毕业的学生讲Frontpage制作个人网页教程，结果学生做出来的页面，代码乱得像盘丝洞。打开源码一看，全是标签和大量的嵌套，浏览器渲染速度极慢。这就是最大的坑：Frontpage生成的代码极其臃肿。它喜欢用表格布局，虽然现在CSS流行，但在Frontpage里，拖拽表格是最简单的“可视化”操作。你拖进去一个表格，它就在里面塞满冗余代码。记住，能用CSS控制的样式，尽量别让它自动生成，否则后期维护会让你想砸电脑。

关于价格，很多人问买正版贵不贵。其实现在市面上流通的多是破解版或者旧版光盘，价格从几十块到几百块不等，主要看版本。但你要知道，微软早就停止支持Frontpage了，连安全补丁都没有。如果你是在校学生，为了应付作业，用用无妨；但如果是为了职业发展，我强烈建议你趁早转行或者转学HTML+CSS。不过既然你点了进来，我就假设你必须得用。

我在做第一个个人主页时，也是被Frontpage的“发布”功能坑惨了。它有个自动上传功能，看似方便，实则隐患巨大。它会把所有临时文件、备份文件都上传到服务器，导致网站目录混乱不堪。后来我学乖了，关闭自动发布，手动FTP上传。这里有个细节，Frontpage生成的图片路径往往是相对路径，如果你换了服务器或者目录结构，图片全挂。所以，所有图片最好放在一个单独的images文件夹里，并在属性里统一设置。

再说说交互效果。Frontpage有个“行为”面板，可以添加鼠标悬停变色、点击弹出窗口等效果。听起来很酷，对吧？但我必须泼盆冷水：这些效果兼容性极差。在IE浏览器上可能好好的，换到Chrome或者Firefox，直接失效或者报错。而且，这些JavaScript代码也是它自动生成的，写得那叫一个丑，根本没法调试。如果你非要加特效，建议手动写简单的CSS hover 效果，比它那个“行为”面板靠谱得多。

还有一个容易被忽视的点：SEO。用Frontpage制作个人网页教程，你很难控制Meta标签和语义化标签。它默认生成的标题都是“无标题文档”，链接文本也是“点击这里”。搜索引擎最喜欢这种垃圾内容。所以，哪怕是用Frontpage，你也得手动去改HTML源码，把

、

用起来，把关键词填进去。别偷懒，否则你的个人主页在百度里就是空气。

最后，我想说，Frontpage是个时代的眼泪。它代表了Web 1.0时代的辉煌，也暴露了那个时代技术的不成熟。如果你是为了怀旧，或者为了完成特定的老旧系统维护，那这篇Frontpage制作个人网页教程对你有用。但如果你是想成为一名现代前端工程师，请立刻关掉这个页面，去学HTML5和CSS3。别在垃圾堆里找金子，那只会弄脏你的手。

总结一下，用Frontpage做个人主页，核心就三个字：少、快、简。代码要精简，功能要简单，发布要手动。别搞那些花里胡哨的动画，稳定压倒一切。希望这些带着泥土味和代码味的经验，能帮你少踩几个坑。毕竟，做技术这行，踩过的坑多了，路也就平了。