在不链接到不断变化的实时网站的情况下，如何展示过去的Web开发工作的有效示例？

每当我设计一个网站时，我认为不仅显示屏幕截图而且还具有编码功能非常有用。

不幸的是，大多数时候，客户最终自己编辑网站，如果他们不付钱给我维护费用，该网站将失去吸引力，这并不会让我太喜欢在我的投资组合中插入URL。

1. 是否有任何最佳实践来展示Web设计/ UI（实际上是可行的，而不是简单的屏幕截图）？

2. 您是否保留脱机副本以显示客户？

3. 您如何将其链接到现有网站（Behance或其他网站）？

好了，您可以做几件事，但我个人认为最好以所需状态浏览一个站点。如果您拥有自己的托管域名，那么我真的不明白为什么您担心无法完成对客户的项目，因此为什么不能对您的站点进行子域名（例如clientproject.emilie.com）。只需像添加一些基于台式机，平板电脑和移动设备的基本屏幕截图一样，然后提供指向子域的实时链接即可。

由于还有许多不同类型的移动网站，因此还有一些其他选择，例如，如果您有一部旧手机并且是普通的手机极客（每次都会购买最新的手机极客），则在手机上加载一些网站作为演示并将其传递给一个可能的客户。同样的规则可能适用于平板电脑。

如果您不能进行子域访问，则只需携带一台笔记本电脑，并确保您的笔记本电脑具有XAMPP（所有内容），MAMP（mac）或WAMP（Windows）之类的文件，以运行您的网站，否则您将不知道如何安装Apache，PHP，SQL等

另外，不要害怕提供细节。如果您设计了网站，然后告诉他们，我设计了网站，但我让别人对其进行了编码。如果您担心使用实时站点，但只有屏幕截图，则该选项效果很好。

客户修改您的工作并不是消失的唯一方法，有时组织会全力以赴，或者您已经为同一个站点完成了多个设计。

过去，我只是链接到存档版本，无非就是重新创建了所有链接都被禁用的首页。不过，我认为这不能带来很好的用户体验。将其加载到iframe中可让您提供一些有关设计目的的背景信息。

以上设计（仍在进行中）正在台式机上虚拟机内的Web服务器上运行。如果需要将其展示给客户，我当然可以将其转移到笔记本电脑上。对于大多数人来说，这可能不是最佳选择，但对于像我这样的设计师/开发人员来说，它已经足够好了。

除非您还使用它来展示您的文案写作能力，否则可能需要用占位符文本（例如lipum）替换设计中使用的文案。

1. 最佳做法-我不知道，但也许您可以看看Wayback Machine。下文提供了更多信息。

2. 离线副本-并非如此，虽然有时我喜欢使用Safari的命令“文件”>“另存为...”，另存为：Web存档。我曾经给某人一个这样的文件，他们抱怨他们无法打开它，尽管我不知道他们怎么努力。也许这是Safari的事情。

3. 来自现有网络的链接-我还没有尝试过，但是Wayback Machine链接应该可以正常工作。

Wayback Machine位于http://archive.org/web/。尽管我不是一个合适的Web开发人员，但我在创建的网页上使用了它。

有一些Web开发技术在检索时会破坏存档站点的某些部分。我经常在存档的站点中看到损坏的图像。

我相信有一种方法可以要求它“立即”或“尽快”归档一些内容，尽管我还没有尝试过。我不知道如果将页面留在自己的设备上，它在检查页面之间等待多长时间。

这很有趣：http ://web.archive.org/web/199​​61219202222/http: //www.apple.com/