dw html转为css,DIV+CSS辅助软件Dreamweaver介绍

DIV+CSS开发软件之Adobe Dreamweaver介绍

接下来我们(www.divcss5.com)给大家介绍是大家最熟悉不过的软件Adobe Dreamweaver，他被称为网页三剑客之一主要成员。

Dreamweaver我们常称他为DW,是开发DIV+CSS比较好的工具。

Dreamweaver特点

1、开发css具体完善快捷简便提示功能

2、新建html和css文件非常方便

3、代码和效果可以上下对应浏览参考

接下来我们给介绍使用Dreamweaver技巧使用Dreamweaver提示功能快速写CSS代码，CSS属性英文的拼写一直是新手学习感觉不可解决的问题。这里我们使用DW的提示功能即可无需让你记住具体英文单词的拼写，我们只需要记住的是一看某英文单词就知道它的属性、管什么的、属性值有什么、属性常用值代表什么，如看见font-size你就应该知道他是与文字有关，是管理字的大小，他的值是数字如font-site:20px;,代表字大小为20像素。

1、使用Dreamweaver提示属性，如下图

在写好css命名后再按“{”花括号时候就会弹出CSS属性列表共大家选择，或者在一个属性分号“;”结束后，在输入法英文并半角小写时候点一个空格，也会弹出css属性列表(这里可以输入属性英文单词的开头字母以便找到自己需要css属性单词)

2、提示css属性的值

首先选择css属性列表的属性并按回车选中蓝色背景的CSS属性(如图overflow蓝色底的属性)

按完回车选择好css属性后将提示该属性值的可选列表(如下图，提示：可以使用键盘小键盘带上下箭头，上下选择属性或属性值 div)

这样熟练运用将很快开发css样式。

新建html和css文件方便性我们新建一个html和css文件更加方便，新建出来的html基本是标准的基本html页面。

介绍新建一个html文件

1、首先点击Dreamweaver软件的“文件(F)”中的“新建(N)”

2、在弹出的窗口中选择“空白页”，再选择“HTML”如果是新建css文件则点“CSS”。

3、点击右下角的“创建(R)”，这样就新建出一个标准的最基本的html文件页面。

如果是新建CSS文件只需在新建文件时候的第2步选择“CSS”即可创建一个css文件。

最后保存html或css为自己需要文件名即可。

代码和效果可以上下对应浏览参考

在软件打开一个html文件点击“拆分”即可将窗口风格为上下两部分，上部分为代码模式，下部分为浏览网页模式。

窗口的代码区与浏览区图例如下

虽然有时候我们在开发div css的时候，浏览区不一定标准显示，但是我们可以通过浏览器很快找到浏览区具体内容的代码位置，方便我们开发查找代码。

以上是www.divcss5.com总结Dreamweaver“DW”软件在开发DIV+CSS的时候常用方法和功能。希望大家在实际制作使用时候多总结多熟悉各类。

至于大家说，有的人可以只用记事本可以写网页、写CSS、写程序。对此大家不必去特意要求自己，因为各人的情况不同，而开发网页的软件有很多，各个语言的编程都是有自己的对应软件。只要大家从基础做起，找到适合自己顺手开发工具或者手写都可以。假如你用记事本手写一个网页需要2天时间，如果一个人用工具辅助开发只需要半天的时间，你说如果你们两个去应聘同一个职位老板会要谁？所以大家在以后多总结，多实践，找出适合自己开发工具和技巧是最佳之选。