Responsive Site Designer是一款强大的网站设计软件,它提供了丰富的可视化编辑工具,使设计师能够快速创建出适应各种屏幕尺寸的响应式网站。具备直观的拖放界面,用户可以毫不费力地设计出美观、现代的网页布局。
软件支持高级CSS编辑,并且内置了许多预定义的组件和模板,这些资源帮助用户在没有编程经验的情况下,也能打造出专业水准的网站。Responsive Site Designer重视用户体验,因此所有的设计都能在多种设备上完美展现。
Responsive Site Designer还具备实时预览功能,让用户能够即时看到他们的设计改动如何在不同尺寸和分辨率的设备上呈现。软件的这些特性能够有效提升工作效率,使其成为了网页设计师的得力助手。
CSS 框架
从 Bootstrap、Materialize、Foundation 或 Vanila CSS 框架开始。
模板
害怕空白画布?选择一个专业模板即可快速开始。
内容元素
将容器、图像、视频、按钮、图标等元素拖放到画布上。
资源库
在项目资源库中组织图像、文档和其他资产。
文本编辑器
使用功能强大的文本编辑器直接在画布上键入、粘贴或编辑文本。
HTML 元素
代码行家可以通过使用 HTML 元素注入 HTML 脚本来疯狂。
CSS 的全部力量
填充、边距、浮动、显示、位置、溢出、边框(半径)、背景(图像)、宽度(最小、最大)、高度(最小、最大)、缩放、平移、旋转、倾斜、不透明度、框阴影、过渡仅举几例。
填充、边距、浮动、显示、位置、溢出、边框(半径)、背景(图像)、宽度(最小、最大)、高度(最小、最大)、缩放、平移、旋转、倾斜、不透明度、框阴影、过渡仅举几例。
互动
设计用于与悬停、活动和按下状态控件进行交互。创建强大的 3D 效果,使网站内容栩栩如生。
自定义断点
使用自定义断点在任何显示宽度下调整布局或调整设计。
魔术滑块
全范围视口滑块 - 在任何可能的屏幕宽度下查看和处理设计。
焦点查看器
使用焦点功能将观看者的注意力集中在图像的特定区域。
响应式图像
使用 HTML 图片元素为移动用户提供优化或较小版本的图像。节省带宽!
移动优先或桌面优先
使用移动优先或桌面向下工作流程以及相应的媒体查询来构建网站。
现场督察
集成 Web 检查器,具有间距大纲、DOM 树和实时 CSS 预览。
弹性盒
一种控制元素对齐、大小和位置的非常强大的方法。此外,还可以根据视口的大小指示元素增大、缩小和换行(或不换行)。
CSS 网格
使用 CSS 网格进行模块化设计方法 - 每个页面部分都在专用(网格)容器中完成。这样可以轻松移动各部分或在不同页面中重复使用它们。包括功能查询,可为旧版(不支持)浏览器创建后备样式。
集装箱管理
Sublime 容器管理:通过简单的下拉菜单进行跨度、偏移、推拉。容器可以限制为一定的宽度或跨度全宽度以获得吸引人的视觉(背景)效果。
定位控制
从标准定位控件中进行选择:绝对、静态或固定内容。您还可以使用这些综合工具将元素放置在流程之外。
单位切换器
即时更改测量方法 – EM、PX、%、VH、自动等。
提升您的搜索引擎优化
添加元数据和其他头部(或页脚)代码以进行 SEO 或插件。还可以激活结构化数据工作流程,为 Google 标记您的内容。
发布与分享
直接发布到 CoffeeCup 服务器并共享反馈和协作链接。
导出干净的代码
导出干净的、语义的 HTML 和 CSS,可以上传到任何服务器
(包括任何添加的插件)。
评论(0)