FROONT:在响应界面中设计网站并获取代码

对于Web开发人员而言,仅在从智能手机查看时发现该设计有错误,就无法在计算机上测试其Web设计。 FROONT是一个可免费使用的Web服务,可帮助您在开发阶段解决此问题。

FROONT是一种免费使用的Web服务,可让您在响应界面中设计网站。您可以通过在网站上创建一个帐户来开始使用Web服务。下一步是从新画布开始,尽管您也可以使用其演示页来测试该站点。在画布上,您将在左窗格中找到控件,可用于添加容器,网格,文本,图像和矢量。您可以单击要添加的元素类型。

单击按钮与页面上实际显示的元素之间可能会稍有延迟–即元素的加载时间。页面上显示元素后,可以单击使其突出显示。

选中元素后,您会发现其层次结构框浮在页面上。通过此浮动层次结构框,您可以轻松删除或将其带到某个元素。要编辑元素,只需双击该项目。物品也可以调整大小以适合您自己的设计偏好。对于文本字段,将在一个迷你浮动窗口中显示一堆选项,使您可以为文本添加特殊格式。

完成页面修改后,您可以获取CSS和页面设计的HTML代码。您还可以共享创建的页面的URL,以与朋友和合作者共享设计。

在编辑设计时,您只需调整浏览器窗口的大小即可看到页面在网页上的外观。具有较小尺寸的浏览器,例如智能手机。

功能:

  • 用户友好的Web服务。
  • 让您在响应界面中创建网页。
  • 帮助您节省在设备上单独测试网站的时间。
  • 在调整浏览器窗口大小时页面会自动调整。
  • 标签: