响应式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程序一样,您现在可以使用退格键作为删除元素的另一种方法!
•包含样式化地址元素的项目将停留在加载屏幕上。经过一些修改后,所有项目现在应该正常加载。