安装教程
1、从本站下载数据包后解压，运行安装程序site-designer-trial-win-en-5.0-3479_softexia.com.exe点击next
2、选择同意协议然后点击next
3、设置安装目录然后点击next
4、点击next
5、软件正在安装，请耐心等待。
6、完成完成，
软件功能
一、创建和设计
1、拖放内容元素，如标题、图像、按钮、图标和更多 - 多达21个（+33个变化）。
2、在项目资源库中组织图像和其他资产
3、使用自定义选择器的流畅和熟悉的前端设计工作流程 - 目标类型、（多个）类或IDs
4、利用悬停、活动和按压状态控件进行交互设计。创建强大的3D效果，使网站生动起来...
5、用HTML元素添加特殊的小工具或自定义脚本
6、大量的排版设计功能，包括谷歌字体整合。字体家族、大小、重量、颜色、样式、行高、文本对齐、转换、装饰、包装、间距（缩进、字母、字）、文本阴影、上标、下标
7、通过一个直观、强大的文本编辑器来编写、粘贴或编辑文本
8、不用写一行代码就能获得CSS3所提供的所有设计能力。填充、边距、浮动、显示、位置、溢出、边框（半径）、背景（图像）、宽度（最小、最大）、高度（最小、最大）、缩放、平移、旋转、倾斜、不透明度、箱体阴影、过渡和其他一些功能...
9、集成的网页检查器，具有间距大纲、DOM树和实时CSS预览功能
10、无限的网站项目，每个项目最多有50个页面（目前）。
二、反应灵敏的工具和元素
1、Site Designer全范围视口滑块--在应用程序中以任何可能的宽度查看和处理设计。
2、使用自定义断点在任何显示宽度下调整布局或调整设计。
3、响应式图片：使用新的HTML图片元素，在不同的宽度下显示不同的图片。
4、用焦点功能将浏览者的注意力集中在图片的某个特定区域上
5、移动优先和桌面向下的工作流程与相应的媒体查询
三、适应性强的布局创建和管理
1、流畅的网格系统，具有可配置的列、沟槽和宽度--选择像素或......ems!
2、行可以被限制在一定的宽度或全宽，以获得吸引人的视觉（背景）效果
3、崇高的列管理：跨度、偏移、推和拉，只需简单的下拉菜单，并在任何断点上改变这些，以便在任何设备上获得最佳的浏览体验
4、子网格和容器元素在任何宽度下都能对布局进行独特的细化控制
5、通过全面的定位控制来固定行或将元素置于流程之外
四、最后的修饰
1、使用标签切换器来创建最具语义的HTML
2、为搜索引擎或插件添加元数据和其他标题（或页脚）代码
3、直接发布到CoffeeCup服务器，并分享链接以获得反馈和合作
4、输出干净、语义明确的HTML和CSS，可以上传到任何服务器（包括任何添加的插件)
软件特征
一、完全的灵活性。
使用CSS框架的力量与CSS网格的灵活性相结合。
1、引导程序 4
Bootstrap 一直是框架之王，并因其高度风格化的元素类而受到许多人的喜爱。
2、基础 6
Foundation 为元素提供了最少的预设样式，这使得应用您自己的自定义变得更加容易。
3、物化
Materialize 基于 Google 的 Material Design，具有交互组件功能，使其成为一颗冉冉升起的新星！
4、无框架的站点设计器
Frameworkless 让您可以自由地在桌面或移动设备上工作。 创建自己的
二、比乐高积木更好!
用组件库更快地建立你的网站。
Site Designer中的可定制组件将帮助你更快地工作，而不会限制创意自由。这些优质的 "即插即用 "项目包括所有你期望任何网站都能包括的基本功能。由于它们是预制的，你不必浪费时间自己手工制作它们。
三、治理你的内容。
填充白色画布从未如此简单。
1、组件
忘记重复的设计工作，使用组件库加快生产时间。保存并在其他项目中重复使用这些项目。
2、符号
将导航栏、页脚、注册表单等变成符号，只需一次编辑就能改变整个网站。
3、元素
在空白的画布上填上HTML5所能提供的一切。将原始元素拖入，并按照你的愿望进行样式设计。
4、检查员
检查器给你一个详细的页面内容概述。搜索术语可以深入到元素层面，并审查CSS标记。
5、自定义代码
在或页面的任何地方使用你的javascripts和CSS样式表。全屏享受我们的代码编辑器对话框。
四、适合你的内容。
使你的项目适应任何设备或浏览器。
1、CSS网格
通过调整你的列和行以及跨越你的元素来创建无缝布局，使你的设计栩栩如生。在那里，或者是在广场上。
2、Flexbox
只需轻轻一按，就可以对准、堆叠或重新排列元素。这是一个惊人的工具，应该成为任何响应式设计工具包的一部分。
3、自定义断点
享受任何像素宽度的自定义断点的自由。让你的内容决定哪里需要它们，并完全控制任何屏幕设备。
4、设备视图
轻松为各种现代设备进行预览。你可以在设备列表中添加任何屏幕尺寸。你也能够在任何浏览器上快速预览。
5、回退能力
为最广泛的浏览器支持而设计（包括爷爷的IE），并为支持最新和最伟大的CSS属性的浏览器而增强。
五、CSS样式。
一个无代码的设计工作流程。
选择、点击、指向、挑选和滚动，创造出超乎想象的网站和页面。使用无代码的CSS控件，你可以专注于设计，而我们负责代码。
1、创建可重复使用的CSS类
使用基于CSS的类系统，在同一时间对多个元素进行样式修改。
2、字体设计
访问完整的谷歌字体库。编辑排版参数，如行高、字距、跟踪、重量等等。
3、CSS过滤器和混合模式
跳过照片编辑工具，直接在你的页面画布上工作。应用独特的混合模式和效果，如叠加、柔光或叠加，创造你自己的品牌形象。
4、颜色
Site Designer使用挑选器或轮子来选择任何颜色，创建你的调色板，并通过你的项目分享它们。
六、输出你的内容。
直接发布到网上，或交出干净的代码。
1、发布
把你的网站放在网上从未如此简单。发布到一个世界级的托管堆栈，它可以处理你的任何流量，并通过HTTPS连接全程保障。
2、输出干净的代码
导出干净的、符合语义和W3C标准的代码。只需一次点击，就可以从你的硬盘上获得你的HTML和CSS、JavaScript、图像和其他资产。
3、促进你的SEO
为SEO或插件添加元数据和其他标题（或页脚）代码。同时激活结构化数据工作流程，为谷歌和其他搜索引擎标记你的内容。
4、在CodePen中查看
熟练的用户会喜欢将一个元素的标记导出到CodePen的能力。这样你就可以在CMS或其他地方使用它，而不需要经过完整的导出。
