HTMLDraw是一款功能完备而且简单易用的网页前台制作工具。你无需了解任何网页编程知识,软件就能使你够轻松制作出非同凡响的网页效果,像漂亮的水晶按钮,多级菜单,圆角框架,多效果幻灯片等等功能。HTML Draw可以生成自定义变幻效果的菜单,幻灯片,前台HTML代码采用传统的DIV+UL+CSS结构编写,其独特的圆角设置和简便的排版更是最大限度地节省了页面空间,方便了维护与修改。
使用教程
1、本站提供的是HTMLDraw中文绿色版,解压后直接双击应用程序即可进入软件界面
2、进入主界面后,可以看到左侧的各种工具按钮、容器之类。
3、这里选择一个button按钮。可以看到每种组件有多种样式。而且可以在下面的属性设置区进行调整。
4、最后如果觉得效果不错就可以发布了。
特色功能
1、一款功能完备而且简单易用的网页前台制作辅助工具。
2、你无需了解任何网页编程知识,HTMLDraw就能使你够轻松制作出非同凡响的网页效果,
3、与其它工具有所不同的是,HTMLDraw可以生成自定义变幻效果的菜单,幻灯片,前台HTML代码采用传统的DIV+UL+CSS结构编写
4、其独特的圆角设置和简便的排版更是最大限度地节省了页面空间,方便了维护与修改。
快捷键
F1:打开帮助文件
ALT+F:打开文件菜单
ALT+E:打开编辑菜单
ALT+H:打开帮助菜单
ALT+R:刷新
ALT+C:关闭程序
ALT+Publishing:ALT+鼠标左键点击Publishing按钮。发布时直接发布
ALT+1:左工具栏第一项
ALT+2:左工具栏第二项
ALT+3:左工具栏第三项
ALT+4:左工具栏第四项
CTRL+O:打开.wbb文件
CTRL+S:保存为.wbb文件
CTRL+T:保存为模板
Enter:编辑,浏览修改
CTRL+Z:编辑,后退
CTRL+Y:编辑,前进
CTRL+E:编辑状态,进入编辑
CTRL+R:编辑,重置
CTRL+P:编辑,发布
CTRL+Q:编辑,退出编辑
CTRL+W:打开软件主页
CTRL+U:升级程序
常见问题
1、添加减少幻灯片数目
方法1:鼠标进入内容的幻灯片内,右键菜单选择"Add/Remove ITem",然后设置属性值.
方法2:属性栏直接选择属性项:Images->Address,然后设置属性值.
2、选择文本动画后,文本消失了
那是文本动画导致的.解决方式是:每个动画样式的效果各初始化一次,直到你看到文本.
3、如何添加子级
Menu1~Menu7:勾选Children->Children确认框,启用多级,然后右键菜单选择"Add Children Node"
Menu8,Menu9:在父节点单元右键菜单选择"Add Children Node"
4、菜单变形
单元变形.增加单元宽度.
整个菜单变形.增加菜单的宽度,或者设置minWidth,或者调整
浏览器的宽度.
5、脚本会不会跟其他脚本冲突
不会冲突.本程序的所有脚本都以"WBBM"为前缀的命名空间,而且代码是封闭的你可以放心使用和调用脚本的类名,不影响第三方代码.
6、发布后我该怎么转移到已有的网页文件里
比如你的网页文件为index.htm,你打开设置了menu1,你要将项目放在index.htm里的某个地方.
编辑,修改,设置发布menu1完后(有脚本),会在你选择的文件夹里创建一个menu1文件夹.
该文件夹里包含三个文件夹(CSS,JS,Images),和一个文件menu_1.html.
将这三个文件夹复制到index.htm文件所在的目录下
menu_1.html里"body"标签内所有的内容复制到index.htm内容里你想要放置的地方.
menu_1.html里"head"标签内样式脚本调用地址复制到index.htm的"head"标签内
点击星星用来评分