响应式HTML设计师CoffeeCup Responsive Site Designer是一款专业级的网站编程软件，排名第一的响应式网站设计师。使用Bootstrap和Foundation框架进行可视化设计，不会编绘语言也可以自己做网站，有需要的小伙伴欢迎下载。

关于CoffeeCup：

有一天，在与客户聊天关于创建和更新网站时，一个简单而强大的HTML编辑器的想法诞生了。我们想要创建一个漂亮的软件，让像我们这样的人轻松构建网站。其中一位常客是一位程序员，他开始研究我们现在着名的HTML编辑器的第一个版本。该应用程序于1996年8月在www.coffeecup.com域名上首次亮相网络历史。该软件一炮打响！来自世界各地的人们正在下载该计划并向我们发送他们的赞誉。

建立网络软件证明是非常有趣的，我们迫不及待地开发更多的网页设计产品。我们开始集成FTP和编辑器功能，从而诞生了直接FTP。后来我们发布了世界上第一个使用Flash，XML，PHP和Delphi技术混合创建软件的Web表单。2011年，随着移动设备的使用量不断增加，应用程序被重建为符合Web标准（又称用HTML和CSS替换Flash）。

在过去的17年里，我们已经将美国办事处搬迁了几次，成立了欧洲办事处和国际发展部门。2008年，我们将总部迁至热情的亚特兰大市（去了勇士队！）。我们通过将其集成到我们的软件中简化了Web托管，设置了易于使用的Web表单托管和处理服务，并启动了搜索引擎优化Web服务（现在由Website Insight取代）。是的，我们还创建了超过35个网页设计应用程序，由90多个不同国家的优秀人员购买，并免费提供一堆。你能看到我们喜欢网络吗？

软件特点：

使用Bootstrap的功能和基础
CSS框架被数百万设计人员和开发人员使用。Bootstrap 3和4，Foundation 6和Materialize是最受欢迎的。使用这些经过良好测试的框架进行设计具有许多优点。他们使用经常维护和更新的组织良好的HTML，CSS和Javascript。此外，它们允许创建很酷的交互式组件，如dropups，导航菜单，画廊等，而无需与额外的脚本搏斗 - 甜蜜！

软件功能：

自定义断点
让您可以随时随地进行设计和布局更改，断点确实是响应式设计的秘密武器。通过这个革命性的应用程序，他们可以创建和管理。

魔术滑块
使用方便的视口滑块以每种可能的显示宽度检查您的创建。任何时候某些东西看起来都不是最好的，可以选择一个强大的断点来优化布局或设计。

使用Flexbox
Flexbox进行设计非常棒！只需轻按按钮即可对齐，堆叠或重新排序元素。它是一个伟大的工具，应该成为任何响应式设计工具包的一部分。要了解更多信息并使用真实设计示例，请获取我们的免费交互式Flexbox指南。

您喜欢的设计工作流程
指定每个元素的默认样式。然后使用您自己的类来创建设计变体。通过单个编辑更改每个元素类型，类或ID的站点属性。变化的变化怎么样？多级系统让您拥有自己的后背，从而实现您无法在其他地方体验到的设计创意和生产力。

实时设计 - 清洁代码
直接在浏览器中工作不仅可以创建独特的实时设计体验，还可以使代码具有语义和清晰。不需要（令人困惑的）代码生成，CSS3直接写入真实的样式表，从而产生简洁易懂的规则。插入的HTML元素是基于标准的。可以通过两次简单的点击切换标签，以使用语义HTML5元素，如<nav>和<header>，从而产生标记良好的页面并向搜索引擎传达意义。

前所未有的设计控制
直观的控制功能可以访问CSS提供的所有设计功能。没有繁琐的代码编辑，创建和实验自然而然。选择，单击，指向，选择和滚动以创建不在此世界中的网站和页面。证据？听听客户的意见，并惊叹于他们的杰作。

在笔记本电脑上设计宽屏幕
缩小以查看更多信息。查看页面在比您正在使用的屏幕宽得多的显示器上的样子。您还可以通过同时查看页面的更多高度来获得更好的页面流感 - 甜蜜！

从纸质草图到生产服务器
跳过静态Photoshop或矢量设计应用程序。使用真实的HTML元素和自适应网格直接在浏览器中创建。使用CSS3的全部功能和直观的工具。使用易于管理的自定义媒体查询为所有设备进行设计。在生产环境（浏览器！）中看到和感受网站的发展是现代网络的方式。

拯救地球 - 使用<picture>
在移动设备和电话网络中，图像通常是网站性能的主要瓶颈。使用<picture>元素，可以为移动用户提供优化或更小版本的图像。

适合任何设备的自定义布局
只需单击一下即可添加行和内容容器。在自定义断点处切换列跨度以为较小的屏幕创建定制的布局。如果您先设计移动设备，或者在布局之间创建定制的平板电脑，笔记本电脑，桌面和所有内容。您甚至可以使用子网格和容器嵌套来实现更精确的布局控制。拉伸行，停止浮动，更改显示属性，约束高度......这个应用程序拥有一切！

集成的Web检查器
Web检查器多年来一直是前端开发人员不可或缺的工具，我们在Site Designer中提供了它。使用检查器查看或更改（拖放）元素在DOM树中的位置。或者将树悬停在树上以查看每个元素的轮廓。

过渡和效果
使用CSS3属性（如平移，旋转和倾斜）来创建强大的视觉效果。在任何元素和没有图形编辑器。转换可以平滑在不同状态上定义的值更改。在悬停图像或按下按钮时吸引注意力并给访客留下深刻印象。移动它，移动它，你必须移动它！通过视图中的动画激发访问者的兴趣。只需在可以看到元素之前调整位置，大小，可见性等，以及达到元素正常状态所需的时间。完成！

系统要求：

- Windows 10 32/64位
- Windows 8 32/64位
- Windows 7 32/64位
- Windows Vista 32/64位

发行说明：

•与其他所有MacOS程序一样，您现在可以使用退格键作为删除元素的另一种方法！
•包含样式化地址元素的项目将停留在加载屏幕上。经过一些修改后，所有项目现在应该正常加载。