Tags：Dreamweaver

Dreamweaver CC 2014简称dw cc 2014，这是一个经典稳定的网页设计制作软件，软件提供了可视化的网页编辑器，可以方便用户对代码或者网页的布局进行实时编辑操作，大大地提升了设计效率，新版本还增加了新的功能，包括智能参考线、3d打印、链接智能对象的改进、使用Typekit中的字体、搜索字体、启用实验性功能等等，小编提供的是绿色精简版本，解压后即可使用。

使用方法

1、解压后双击“Dreamweaver.exe”，如下图，选择是的我用过

2、跳过教程，然后就会进入到Dreamweaver CC 2014的操作界面了

dwcc2014新功能

1、元素快速视图

使用新的 DOM 可视化工具实现标记的高级别可视化。利用拖放、复制、删除或多选工作流程，轻松更改内容结构。

2、实时视图属性检查器

在实时视图中选择、更改和检查任何 HTML 元素的属性。无需刷新即可查看结果。

3、实时插入

在实时视图中，可以使用“插入”面板添加 HTML 元素并预览更改，无需切换模式或进行刷新。

4、CSS Designer 改进

利用直观的可视化编辑工具生成基于标准的整洁 CSS。快速应用文本、布局、颜色和其他 CSS 属性。主要可用性增强功能包括新的边框工具、撤销支持以及重大工作流程改进。

5、基于证书的站点管理

使用基于 SFTP 证书的身份验证从您的站点安全地管理文件，这样可简化访问多个服务器的过程。

6、帮助中心

此功能可帮助您在首次启动时发现新功能和有效的工作流程。此功能可轻松跳过并且是模块化的，因此在您需要它时也很容易重新启用。

软件特色

1、使用“实时视图”进行编辑

用户现在可直接在dreamweaver cc 2014实时视图中编辑并查看您的设计，并且连接和退出浏览器以测试页面所需的时间会更短。实时视图现在可以使用全新的基于chromium的渲染引擎，因此您的内容在dreamweaver中和在您常用的浏览器中看起来一样。

2、元素快速视图

借助新的“元素快速视图”，可以在单个列表视图中查看您的html元素，并能轻松重新排列、复制和删除。

3、css设计器面板

使用新的css designer面板应用和创建基于标准的css布局、颜色、字体、文本以及快速响应的设计。

4、jQuery Widget

使用jQuery ui将widget从“插入”面板拖放到您的web项目以制作进度条、滑块、菜单和其他有用的组件。使用jQuery themeroller设计样式，让你的组件独一无二。

5、代码编辑增强功能

通过匹配标签和高度显示行号快速编辑您的标记，从而帮助识别和调试代码、自动完成css的样式，并借助跳行功能轻松导航至您的标记。

操作流程

1、在Dreamveaver“文件-新建-常规-基本页-HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。

2、在标题空格里输入网页名称，点击修改-页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色(一般默认即可)，其他都保持默认即可。

3、此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。

4、如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。