超级网页设计器 v4.0免费版

超级网页设计器免费版是一款相当优秀的网页设计辅助工具，超级网页设计器免费版功能强悍，基于当下各种流行网站风格打造，并且超级网页设计器免费版实用简洁，支持所见即所得的傻瓜式的设计模式，超级网页设计器免费版操作十分的简单，无需用户具备专业的网页知识，即可设计出精美的网页。

超级网页设计器免费版功能介绍

1、所见即所得的设计网页模式。

2、完全鼠标拖放控件排布界面。

3、可设计电脑网页与手机网页。

4、电脑网页与手机自动切换功能。

5、常用网页框架，设计网页不需要从头做起。

6、复制和粘贴控件，复制网页都是非常好用的功能。

7、多种特色控件对齐功能。

8、支持控件旋转、控件可移动、控件转角、边框颜色、边框大小、边框阴影、光标动作、边距、可见度、可见等设置。

9、文本、输入框、连接、音乐播放、音乐播放、多行文档、按钮、图片、单选框、多选框、文件上传框等常用控件。

10、轮播播放控件。

11、二维码控。

12、滚动效果。

13、浮窗控件。

14、定制移动风格控件。

超级网页设计器免费版使用说明

编辑器共分五部份，如上图。第一部分为菜单栏，第二部份为属性编辑器，第三部份为网页编辑区域，第四部份工程树，第五部份为控件选择器。

第一部份菜单栏：

保存网页：保存当前编辑的网页内容。

打开工程：打开一个已存在的工程。

生成网站：按设计好的网页生成网站。不需生成网页的网页属性“不发布”要设置为true。如作为模板的网页一般就不用最后生成网页了。

预览网页：预览一个网页。注意，在预览前如果已有修改要先保存才能预览。

在线帮助：进入在线帮助系统。

快捷菜单栏：下方没有文字的图标为菜快捷菜单栏。把光标移到图标上方等待一会就会有该菜单的名称提示。从左到右分别是复制、粘贴、删除左对齐、顶对齐、底对齐、右对齐、宽度调整到最小、宽度调整到最大、高度调整到最大、高度调整到最小、水平等距排布、垂直等距排布、放到最前面、放到最后面、全选等。

第二部份属性编辑器：用来编辑各参数值。

第三部份网页编辑区域：编辑网页区域。

第四部份工程树：网页及文件夹在树中的浏览。工程树上方为一排快捷按钮，分别为创建工程、创建网页、创建文件夹、重命名、附加网页、移除工程或网页和文件夹、复制网页。

第五部份控件选择器：控件列表。

开始第一个网站

1.先建一个工程。如下图点击红框中的“创建工程”按钮：

点击“创建工程”后，会弹出一个选择文件夹的窗口，选择新建工程所在的文件夹，再填上工程名称，点确定后就创建一个工程了。

2.创建一个网页。如下图点击红框中的“创建网页”按钮：

点击“创建网页”后，会弹出一个要求输入网页名称的对话框，填上网页名称后点确定按钮即可创建一个网页。

3.开始编辑网页。

从左边工程树中选中刚才创建的网页，双击打开，就可以编辑这个网页了。

4.生成网站。

网页创建设计好后，可以点界面上方的“生成网站”按钮，选择要生成的文件夹，点“确定”即可生成整个网站。

控件公共数据

类型：控件的类型。

名称：控件的名称，生成网页时，作时为html对象的名称和ID值。

左边距：控件离左边距的距离。

顶边距：控件离顶边距的距离。宽度：控件的宽度。

高度：控件的高度。

对齐：控件的对齐方式。可选对齐方式分别如下：None-没有对齐方式, Top-顶部对齐, Left-左边对齐, Right-右边对齐, Bottom-底端对齐, MostTop-最顶对齐, MostBottom-最底对齐, MostLeft-最左对齐,MostRight-最右对齐, Client-充满整个父对象, Contents-按父对象内容对齐, Center-居中对齐, VertCenter-垂直居中对齐, HorzCenter-水平居中对齐, Scale-按宽和高比例对齐。

锁定：主要用于设计时，不允许鼠标拖动。注意：锁定时仍可通过属性编辑修改属性的值。

可见：控件是否可以看见。隐藏：控件是否隐藏。与”可见“的区别是，为true时，都不会出现，但不”可见“时是占位置的，”隐藏“时不占位置的。

使用模板属性值：使用”插入网页模板“控件时，需要编辑模板中的内容时用到。为true，仍然使用模板中对应控件的属性，为false，使用编辑时定义的属性。

旋转：控件按设定的角度旋转。

边距：分内外边距，如下：

*外边距：控件外边距，主要应用于设计期，如”对齐“属性为”Top，Left，Right，Client...“时外边距起作用，为None时不起作用。

*内边距：控件内部边距，主要应用于运行期。如文本内容缩进就使用了内边距设置。透明度：设置控件的透明度，请设置一个0-1之间的任意一个小数。样式：需要附加的样式。

光标动作：分光标聚焦时动作和光标移过时的动作。注意：光标聚焦动作有光标聚焦的html控件才起作用，如输入框、按钮等。注意，“可用”设置为true时才会起作用。

*光标聚焦：光标聚焦到该HTML控件时响应的样式设置。

*光标移过：光标移过该HTML控件时响应的样式设置。

超级连接：设置该HTML控件的超级连接。“连接地址”不为空时才启用。

边框属性：设置HTML控件的边框样式。可以设置边框的大小、线条样式、阴影等等。注意边框大小小大于0，显示边框里的左边、顶边、右边、底边任何一个或全为true才起作用。

圆角：设置HTML控件的四个角的圆度。注意：圆角位置在运行期才起作用，设置时不起作用。

显示父颜色：设置当前HTML控件的颜色显示为父控件的颜色。子控件与父控件颜色要保持一至时使用。边框显示父颜色：设置当前HTML控件边框的颜色显示为父控件的颜色。子控件的边框颜色与父控件颜色要保持一至时使用。注意：不是设置子控件边框颜色与父控件的边框颜色一至。