所有程序介绍图文说明功能介绍

发表帖子

置顶 [程序介绍] 快捷键介绍

I：绘制一个图片对象（光标变为+）D：绘制一个DIV对象（光标变为+）A：绘制一股超链接（光标变为+）P：绘制一个div元素（position:absolute）（光标变为+）S：恢复到默认选择对象（光标变为箭头）H：视图进入移动状态（光标变为手）CTRL + Q 显示或隐藏 “图层” 面板CTRL + W 显示或隐藏 “属性” 面板CTRL + R 显示或隐藏 “标签” 面板CTRL + F 显示或隐藏 “文件” 面板CTRL + W 显示或隐藏 “组件” 面板CTRL + D 显示或隐藏元素的默认边框CTRL + S 保存文件F5：预览当前页面，需要先保存。

挟翼 19/04/20 17:58

置顶 [图文说明] 缺少mfc110u.dll文件夹解决办法

XP下会出现mfc110u.dll文件丢失的问题，请打开下面链接，下载对应的安装程序。http://www.microsoft.com/zh-CN/download/details.aspx?id=30679下载对应的文件如果你的系统是32位的请下载：VSU4\vcredist_x86.exe如果你的系统是64位的请下载：VSU4\vcredist_x64.exe

挟翼 19/05/04 09:52

置顶 [功能介绍] max和min值介绍

什么是MIN和MAX值，这里会详情介绍：MIN：最小值。指的是您绘制的元素的宽度或高度由你的子节点决定。MAX：最大值。指的是您绘制的元素的宽度由你的父节点决定。这里要注意的是：高度无MAX值。如下图：元素1，它拥有二个子元素（子元素1，子元素2），当元素1的宽度设置为min时候。此时要找到元素1的子节点中它的右边框离父类节点的左侧最大值的那个元素，既子元素1。

挟翼 19/10/25 15:26

[图文说明] 元素边框详情介绍

HTML元素中每一个元素都可以设置一个边框。如何设置边框：选中元素在属性面板中选择、样式、边框，即可设置边框。还可以在工具栏中点击边框按钮，设置边框。如下图：在工具栏中打开边框对话框时候又事件选择，默认请选择load事件，load也就是您当前看到视图中表现出来的样式。如下图：全部相同表示上下左右四个边框的样式完全一样。style：三个值分别是1、sold：实线2、dashed：虚线3、dotted：点线width：边框的宽度，默认单位只能为像素（px）。color：边框的颜色。onhover 为鼠标经过时候的样式。当你设置元素的边框时候，它的右侧的元素，和下侧的元素会发生移动。下图第一个元素没

挟翼 20/01/17 12:07

[图文说明] 元素居中介绍

定义：让div在它的父类元素中居中对齐。条件：1、当前元素必须拥有父类元素。2、当前元素不能拥有同行兄弟元素，也就是说它不能拥有样式中的float属性。3、当前元素的不能设置为：inline-block。原理：其实是将元素的margin-left:auto；margin-right：auto;

挟翼 20/01/17 12:06

[图文说明] 元素的浮动float介绍

定义：float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。说明：说简单点如果二个元素需要横着排列，那么就将它的float设置为left或right。left：从左到右排列。right：从右到左排列。如下图：上图这二个元素的float属性会设置为left。上图三个元素，第三个元素它的右侧超过

挟翼 20/01/17 12:06

[图文说明] 默认边框介绍

什么是默认边框：视图页面中的元素都会拥有一个默认边框，有几种情况是无默认边框。1、元素是一个图片，2、当前元素拥有背景，3、当前元素拥有边框。为什么要默认边框，绘制的元素如果没有默认边框，那么我们恨难区分某个区域是否拥有元素，某个元素所在的位置。我们可以设置默认边框的样式，在项目、配置、默认边框。可以开启或关闭，设置边框样式、颜色、透明度。元素也有用默认边框，默认是开启状态。元素的默认边框是指，如果当前元素的默认边框是打开状态，那么它的子元素包括当前元素都会显示默认边框，否则不显示。也可以通过快捷键来设置 CTRL + D

挟翼 20/01/17 12:05

[图文说明] 如何绘制更多标签

网站页面设计时候只提供了DIV，UL，LI，DL，DT，DD，A，I，B，S，EM，LABEL，SPAN，FORM，IMG，INPUT。但是HTML元素有很多，如果我们需要设置其它的元素怎么办，比如：embed。这种情况只能转换，先绘制一个DIV元素。选中当前元素，菜单栏中、工具、改变元素名称。弹出下图对话框：添加对应的元素名称就可以。现在如何设置embed的属性呢，如type。还是先选中当前元素，在属性面板中，对象、attribute。在弹出的属性对话框中，右键右键添加，如下图：确定保存当前视图，F5浏览器预览效果如下：

挟翼 20/01/17 12:04

[图文说明] 锁定和隐藏元素

在视图页面中选中元素“右键”、“锁定”“右键”、“隐藏”或在图层面板中右键对应的元素节点，“锁定”“隐藏”当元素被锁定时候，它将不能被选中，可以在图层面板中选中。上图为图层面板，当元素被锁定时候，在图层面板中会出现锁图标。隐藏，元素一旦被设置为隐藏，那么在当前视图中不会显示，即使预览也不会显示，它的style样式为：dislpay:none这里要注意的是在视图页面中即使不显示，但是它仍然站位置，这与HTML样式dislpay:none的效果不一直。举类说明：上图为根元素中有二个子元素，div1和div2，这是正常情况。div2的margin-lef：33px;margin-top:62px;

挟翼 20/01/17 11:22

[图文说明] 如何HTML元素的样式

什么是元素的样式：元素的样式是指某一个元素的字体及颜色样式。元素包括:A,DIV,LI,DD,DT,EM,SPAN,I,S,B,LABEL事件包括：LOAD（加载事件），HOVER（鼠标经过事件）元素样式包括：页面和项目。页面样式：当前设置的元素的样式只在当前项目中有效。项目样式：当前设置的元素的样式在整个项目中都有效。如果一个元素设置了页面样式和项目样式，那么他的页面样式优先。如下图：那么它有什么作用：我们可以设置一个LABEL标签，让它在整个项目中的基本样式为：颜色为红色，加粗。那么整个项目中的LABEL元素标签都带有这个样式。我们也可以设置A（超链接）元素标签，让它在整个项目中都保持着下

挟翼 19/10/20 07:57

[图文说明] 为HTML元素设置字体样式

这里介绍，如何给文本设置字体样式如：字体名称，字体样式等等。在视图页面中绘制一个元素，在属性面板中填写文本“为HTML元素设置字体样式”。可以通过三种方式来绘制方法一：右键，样式，选择字体。这里需要注意的事，样式的名称为“onload”事件。然后再设置对应的字体名称，大小，粗细等等。这里下划线、倾斜，删除线，要注意的是，它有三个选项，如果你选择“”，表示它的样式是由父类样式决定。方法二：可以使用“字体面板”，可通过“视图”，“工具栏和停靠窗口”，”字体“。方法三：工具栏种选择字体

挟翼 19/04/29 17:17

[图文说明] 为视图页面设置样式

视图页面（HTML页面）只能设置字体和背景二种样式。在视图页面空白处点击右键，样式，会弹出一个样式对话框，只能选择字体和背景。如何你设置了背景图片，并将图片的SIZE高度和宽度都设置了100%。这个时候你会发现它的背景图片的高度会有些问题。

挟翼 19/04/29 16:11

[图文说明] 利用边框弧度来绘制一个月亮

效果图如下：先新建一个视图页面，将视图页面的背景颜色设置为黑色绘制一个正方形的元素，元素拉动的过程中可以按住SHIFT键，或绘制完成之后在属性面板中设置宽度和高度。高度为：279px，宽度为：279px。这里我们绘制的是一个“POSITION”div（DIV的position：absolute）LEFT和TOP分别为：503px、235px，将它的背景设置为白色。再绘制一个正方形的POSTION元素，宽度为：234px，高度为：327px，LEFT和TOP分别为：575px、215px，并将它的背景设置为黑色。保存预览。脚本如下： <div class="moon1&qu

挟翼 19/04/28 21:21

[图文说明] 为HTML元素设置边框弧度

新建一个视图文件，在视图文件中绘制一个元素，选择元素，选择“工具”，“边框弧度”。将事件设置为onload事件，设置相同选项，将TOP-LEFT设置为50，单位为%。当设置为相同之后，TOP-RIGHT,BOTTOM-RIGHT,BOTTOM-LEFT，不能设置值。确定，如下图效果图如下：该图片为一个椭圆，这个椭圆中设置了阴影（设置阴影请查看这里）。CSS 脚本如下：body>div:nth-child(1){width:173px;height:135px;margin-top:246px;margin-left:540px;border-radius:50%; box-shadow:

挟翼 19/04/28 21:19

[图文说明] 为HTML元素设置阴影

CSS中阴影有外阴影和内阴影之分，该程序中只有外阴影，无内阴影。新建一个视图页面，在页面空白之处绘制一个元素（绘制元素详情），选中元素，在工具、阴影，打开阴影对话框如下图：事件旋转为onlaod类型只有外阴影可设置水平偏移量，垂直偏移量，模糊半径，扩展半径，颜色。设置完成之后点击确定下图左边为我们程序生成的预览图，右边为浏览器生成的阴影，仔细看二者的区别还是蛮大的。所以我们这个程序的阴影只能做参考。CSS脚本为：body>div:nth-child(1){width:173px;height:135px;margin-top:264px;margin-left:525px; box-sh

挟翼 19/04/28 20:51

[图文说明] 为HTML元素设置背景

现在视图页面中绘制一个div（详情可参考）选中元素，现在我们需要改变元素的背景颜色，可以通过下面三种方法来修改。方法一：选中元素（确保选中一个元素），找到属性面板（可以按下CTRL+W快捷键来打开或关闭，或者在元素上右键，属性），找到样式、背景颜色，点击颜色文本框选中颜色：如下图：点击其它颜色可以自由配置颜色值。属性面板中只能设置元素的背景颜色，不能设置背景图片。方法二：选中元素，右键，样式，如下图：事件名称要选中为“onload”事件选中“背景”选项，设置“color”的值即可。如何要设置背景图片，选中”预览“，如下图：左侧为项目文件，默认为Images目录，右侧为图片列表。可以选择”添加文

挟翼 19/04/28 16:54

[图文说明] 如何创建一个HTML元素

新建一个页面在当前视图页面中按下“D”键，鼠标会变成“+”号，按下鼠标左键，移动鼠标，当我们觉得元素大小合适的时候可以松开鼠标。一个DIV就绘制完成。“I”键，是绘制IMG元素“A”键，是绘制超链接“S”键，鼠标变成指针“H”键，鼠标会变成一个手，可移动当前视图。另外可以在“标签视图”中，点击基本标签下的标签，然后鼠标移动到页面视图中，鼠标会变成“+”号，后续操作与前面相同。如何绘制一个SPAN标签呢？首页绘制一个普通的DIV标签，找到”属性面板“，找到属性，HTML标签，选中SPAN，保存页面F5预览之后我们就发现DIV标签成功的转换成SPAN标签。

挟翼 19/04/25 11:31

[图文说明] 为HTML元素设置文本

首页新建一个视图页面创建一个HTML元素（可查看如何创建一个HTML元素）在页面中选中元素”属性面板“，然后找到“对象”，“文本”，填写你所要填写的文本，也可以点击右侧“...”弹出多文本框。这里需要注意的是，在视图页面中，不能在元素中直接添加文本。如下图：文本框中的内容不会产生HTML标签，只能输入纯文本，文本中的回车会被替换成“<br />”上图生成的HTML代码为： <div> XieYiSoft.com<br /> 挟翼是一款网站UI设计软件 </div>这里需要注意的是，视图中展现的文本布局会和浏览器中的有差异，请已浏览

挟翼 19/04/25 11:22

[图文说明] 设置HTML元素的OnMouseOver事件改变背景

前面我们介绍了如果通过OnMouseOver事件来弹出一个警告框（详情），本章我们来介绍通过OnMouseOver事件来改变HTML元素的背景颜色等样式操作。第一步，在文件视图中创建一个元素（DIV），添加文本“鼠标OnMouseOver事件”，并设置元素的背景。第二步，选中元素，设置元素的背景样式（如何设置背景请点击查看），这里我们不能选中事件”onload“，我们将事件名称设置为”changebg“，将背景颜色设置为红色，然后保存。第三步，选中元素，打开属性面板，在属性面板中找到事件”闪电图标“，找到”OnMouseOver“事件名称，点击事件，如下图：将事件名称设置为”event_cha

挟翼 19/04/25 11:20

[图文说明] 设置HTML元素的OnMouseOver事件

前面的章节中讲到用hover来改变html元素的背景颜色（点击查看详情），这一章节我们采用OnMouseOver事件来完成。onmouseover 属性是指在鼠标指针移动到HTML元素上时触发。新建一个文件，在文件视图中绘制一个div，设置宽度和高度，然后找到属性面板，然后找到事件（闪电图标），点击OnMouseOver右侧"..."部分。设置事件名称为：ouseovertest填写“JS脚本“为：alert('this is ouseovertest');让鼠标经过元素时候弹出一个警告框。如下图：然后点击确认。保存视图文件，F5预览。如下图：当鼠标经过时候

挟翼 19/04/25 08:56

[图文说明] 为HTML元素设置旋转

在新建的视图文件中绘制一个div，然后设置一个背景。选中元素，工具，变形，旋转旋转弧度为48度。原点坐标为中间（center）保存之后如下图：注意：如果当前元素设置了”变形“（旋转、倾斜、平移、缩放），那么它的子孙节点中将不能再设置”变形“最终的CSS为：width:173px;height:135px;margin-top:272px;margin-left:433px;background-color:#008000;transform:rotate(48deg) ;transform-origin:center center;}

挟翼 19/04/24 21:45

[图文说明] 为HTML元素设置click事件

新建一个页面在新的视图页面中绘制一个div设置一个背景颜色。在“属性面板”中选择事件（闪电图标），如下图：点击“OnClick”事件，如下图：在事件名称中添加一个事件“clicktest”。在选项“JS脚本”中添加alert('this is click');点击确定然后保存 F5 预览下图为自动生成的JS事件