怎样快速可视化制作CSS

Posted 2023-05-03

我现在知道怎样使用CSS，但是好象制作时很多都是介绍代码编写的，有没有可视化制作CSS的方法？比如用怎么用dreamweaver一边看图象一边看代码着编写
谢谢
我不想用太新或不通用的软件,只用dreamweaver的情况

　　快速可视化制作CSS推荐使用第三方工具，推荐如下：

　　1、Bootstrap的可视化制作工具：Jetstrap：
　　Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具。通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准。比如说你只要设计了电脑端的页面，它会自动适配手机端和 Pad 端（响应式设计）。

　　2、Bootstrap可视化编辑器工具-LayoutIt
　　简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站？是的，LayoutIt 是一个 Twitter Bootstrap 界面生成器，能够帮助你快速制作出网站和界面模型，同时能够下载生成的网站代码。

　　

　　3、Bootstrap的可视化制作工具：bootswatchr
　　bootswatchr是从地面上创建一个自定义的BootStrap主题的可视化工具。最大的方便就是 我们可以在左侧修改css或者html代码，然后修改结果会直接会显示在右侧。更重要是一个在线编辑和免费生成Bootstrap主题的酷站。 参考技术A 打开的网页下面三个按扭中点“拆分”，再把最下方的“属性栏”打开，还有侧面窗口也要打开，并点选“CSS”-->“CSS样式”。

现在你要看的东西（包括图像和代码）同时出现了。然后在中间的设计窗口中选一段网页元素，看到“属性栏”里的“样式”和侧面“CSS样式”窗口了吧，建个新CSS样式试试，你可以直接在代码窗口和设计窗口里看到出来的图象和代码。

这已经是最直观的了！本回答被提问者采纳 参考技术B Dreamweaver打开的网页下面三个按扭中点“拆分”，再把最下方的“属性栏”打开，还有侧面窗口也要打开，并点选“CSS”-->“CSS样式”。

现在你要看的东西（包括图像和代码）同时出现了。然后在中间的设计窗口中选一段网页元素，看到“属性栏”里的“样式”和侧面“CSS样式”窗口了吧，建个新CSS样式试试，你可以直接在代码窗口和设计窗口里看到出来的图象和代码。 参考技术C 最简单的就是使用Adobe Dreamweaver软件来编写css就可以可视化。

怎样用eclipse制作界面

　　安装windowbuilder插件即可
　　首先,需要知道自己的Eclipse是什么版本的.可以到Eclipse的安装目录下用记事本打开.eclipseproduct文件,version后面对应的就是版本号.
　　打开http://eclipse.org/windowbuilder/download.php,里面有Update Sites,下面有Eclipse Version,Release Version,Integration Version栏目.选择对应版本的link.复制URL地址.
　　打开Eclipse,选择Help→Install New Software,在work with里面把得到的URL复制进去.勾选所有,点击Next安装就好了.是已经安装过的,所以按钮是灰色的。
　　然后新建项目,New→Project→WindowBuilder→SWT Designer→SWT/JFace Java Project
　　然后建立一个包，在建类的时候选择New→Other，选择WindowBuilder→Swing Designer→Application Window.类建好之后点击Design就可以进行可视化编辑了。 参考技术A 我是做eclipse插件开发的，我画界面用
windowsbuilder
http://code.google.com/intl/zh-CN/javadevtools/download.html
被goole收购，开源免费的 参考技术B 只能用代码写，JButton Jmenu之类的按钮和菜单都是用代码写出来再加监听的。 参考技术C SWTDesigner插件 可以满足你的要求 参考技术D JFrame jfr=new JFrame("窗口名");