dreamweaver cc 2015简称dw cc 2015，这是由adobe推出的可视化网页设计制作软件，软件提供了所见即所得的编辑器，用户可以在直观的模式下进行各类代码的编辑、预览等操作，并集成了Bootstrap框架可帮助用户构建移动优先、快速响应的网站，这个版本还改善了相应的布局结构，有需要的用户欢迎下载。

dreamweaver cc 2015安装教程

1、下载后解压dreamweaver cc 2015的安装包

2、打开之后遇到安装问题，点击忽略。

3、选择试用版的安装，点击试用

4、需要登录adobe id，点击登录即可。

5、出现软件的许可协议，然后点击接受。

6、选择安装路径，默认都是在c盘，点击安装。

7、稍等一会儿dw cc 2018安装完成

8、找到安装包里面的破解补丁，双击打开之后开始破解。

9、打开破解补丁之后选择adobe dreamweaver cc 2015，点击install。

10、找到adobe dreamweaver cc 2015安装目录下的amtlib文件，点击打开。

11、打开之后就会提示ok，表示破解完成了，关闭破解补丁。

12、启动dreamweaver cc 2015，如下图

dreamweaver cc 2015新功能

一、设备预览

Dreamweaver 现在可让您在多个设备上同时测试即将发布的正式版网页。您可以查看网页如何在各种外形规格下进行回流，还可以在您的页面上测试交互功能。无需安装任何移动应用程序或将设备物理连接到您的桌面，即可实现所有这些功能!只需使用您的设备扫描自动生成的 QR 代码，并在设备上预览网页。

二、可视媒体查询

“可视媒体查询”栏可直观显示页面中的媒体查询。这些栏可帮助您可视化不同断点处的网页以及网页组件在不同视口中的回流的差异程度。在不同视口查看页面时，无需影响其他视口的页面设计即可进行特定于某个视口的设计更改。

可视媒体查询的水平行上有 3 栏，每栏表示媒体查询的一个类别：

绿色：包含 max-width 条件的媒体查询

蓝色：同时包含 min-width 和 max-width 条件的媒体查询

紫色：包含 min-width 条件的媒体查询

三、支持 linting 代码

在这一新版本的 Dreamweaver 中，现在您可以使用 linting 调试常见错误的代码。Linting 是分析代码以标记代码的潜在错误或可疑用法的过程。Dreamweaver 可以在加载、保存或编辑 HTML、CSS 和 JavaScript 文件时对它们执行 linting。错误和警告将在新的输出面板中列出。

四、支持在实时视图中编辑表格

您可以使用下面的一个或一组选项轻松、快速地在实时视图中编辑表格：

“元素显示”中的格式设置选项

“修改”>“表格”菜单

注意：实时视图中现已启用“修改”菜单。

五、DOM 面板

元素快速视图现已替换为 DOM 面板(“窗口”> DOM)。DOM 面板可提供元素快速视图所提供的所有功能以及更多功能。所有工作区均提供此面板，而且可永久使用，也就是说，您可以同时打开两个文档并打开和访问其 DOM 面板。

借助 DOM 面板，您可以：

从插入面板拖动元素，以将其准确地插入文档结构中。

在文档中拷贝、粘贴、复制、移动或删除结构元素。

借助文档结构，在上下文中查看页面上的任何元素，处于“焦点”状态的元素在 DOM 面板中会突出显示。

使用技巧

1、一次链接到两个网页我们都知道超级链接一次只能连到一个页面。 如果我们要想一次在不同的框架页中打开文档，可以使用“GO TO URL” JAVASCRIPT行为。打开一个有框架的网页，选择文字或图象，然后从行为 面板中选择“GO TO URL”。我们会注意到DREAMWEAVER会在 “GO TO URL”对话框中显示所有可用的框架。选择其中一个我们想链接 的框架并输入相应的URL后再选择另一个框架并输入另一个URL

2、利用“FORMAT TABLE”命令来修饰网页在复杂的网页设计中，表格 的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现 的具体位置，从而使整个网页看上去紧凑统一。DREAMWEAVER在这方面也不 甘落后，我们可以使用其中的“FORMAT TABLE”(格式化表格)命令来快 速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标 置于表格的任意一个单元格内，再选择“COMMAND”→“FORMAT TABLE”命 令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按 “APPLY”键来查看效果，如果不满意的话，还可以重新设置或者修改部分 参数的值，如边界粗细，背景颜色等等。

3、尽量不要给文件起中文名称大家在制作好了网页后，通常会给网页 起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件 所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在 DREAMWEAVER中这样做，就会发现DREAMWEAVER对中文文件名支持得不是 太好，经常会有页面调用不正确的现象发生，所以我们以后在DREAMWEAVER 中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上 面的出错现象。

4、使字体适应不同的分辨率我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机 上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在DREAMWEAVER中得到了较好的解决。在文档窗口的右下角，DREAMWEAVER 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可 以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。 使不同分辨率的显示器都能较好地显示

5、善用拖放技术我们在使用DREAMWEAVER编辑网页的时候，经常需要 插入一些图象什么的，假设要插入的图象很多，按照常规方法来操作就显 得非常麻烦。我们可以利用拖放技巧来很好地解决这个问题。首先我们把 DREAMWEAVER的操作窗口变成活动窗口，以腾出空间来显示EXPLORER窗口， 找到要插入的图象文件后，把它们一一用鼠标拖动到网页的适当部位， DREAMWEAVER将自动把这些图象的URL添加到文件的HTML代码中，当然这里 要求被拖动的图象文件必须是GIF、JPG等WEB图象格式的文件。对于已经在 网页中的图象也是一样，直接拖过来就可以了。但如果被拖动的图象上有 超级链接，就不可以再使用拖动技术了，因为那时拖过来的仅仅是超级链接地址。

6、经常保存当前被编辑的文件有网友说经常保存文件是不是怕突然死机呀?这话当然没错，但我们在DREAMWEAVER中要经常保存文件还有它特别 的意义。因为我们在设计主页的时候，DREAMWEAVER会跟踪我们对文件作出 的任何改动，也就是说即使我们在主页中简单地移动了一下某个对象， DREAMWEAVER也能生成大量的临时源代码，想象一下，如果在主页中作了 很多改变，那么生成的这些大量代码就变得很难管理，从而会影响系统的 性能。因此我们发现如果DREAMWEAVER的性能开始降低，这可能是由于驻 留在内存中的大量代码变得太庞大的缘故，只要保存一下文件，就会使这 些临时代码消失，从而提高性能，所以以后我们在使用DREAMWEAVER时， 要有经常保存文件的习惯。

7、让鼠标移到图象链接上有动态变化有时我们为了要达到一种逼真 的效果，希望鼠标移动到某个链接上时能有动感产生。使用DREAMWEAVER可 以很容易实现这种效果。设计时，我们首先需要准备两幅图象，第一幅是 原始图象，第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图， 在属性面板中的链接栏中填上要链接的文件，然后单击键盘上的F8键，在 弹出的BEHAVIORS窗口中单击“+”号，随后选择“SWAP IMAGE”，在接着 出现的窗口中选择第二幅图象，最后单击确定就可以了。

8、自动在网页中加入更新时间我们知道一个网页要想获得更多的回 头率，一个很重要的一条就是要不断更新。但对于我们这些个人网页来说， 要天天及时更新恐怕不是很容易的事情。因此，我们希望网页能自动更新， 下面笔者就提供一个能自动更新修改时间的源代码，我们只要把这段源代 码添加到…之间就能实现更新时间的目的了：

常用代码

一、常用属性

1.色彩属性

COLOR=#RRGGBB,前景色,参考色彩对照表

BGCOLOR=#RRGGBB,背景色

2.样式属性

font-size：字体大小

color：字体颜色

font-family：字体

font-weight：文字加粗

background-color：背景颜色

text-align：文本对齐方式

text-decoration：文本描述方式(消除链接下划线选none)

width：宽

height：高

border：边框

border-color：边框颜色

border-left：左边框

border-left-color：左边框颜色

background-image：背景图片

background-color：背景颜色

background-repeat：背景图片重复方式

margin：边缘距离，0px auto 可以让一个div绝对居中 z-index

a:hover{}定义鼠标经过链接字体时的属性，如颜色等

a:link{}定义链接文字被点击过的颜色

body{}:定义Body的样式

p{}定义P标签的样式

二、行为动作

Onclick：鼠标点击

Onmouseover：鼠标经过

Onmouseout：鼠标移走

Onload：打开某某时载入某某

Onunload：关闭某某时弹出某某

三、基本属性

1.Colspan="",单元格跨越多列

2.Rowspan="",单元格跨越多行

3.Width="";定义表格宽度

4.Height="";定义表格高度

5.Align="";对齐方式 Valign="";

6.Border="",边框宽度

7.Bgcolor="",背景色

8.Bordercolor="",边框颜色

9.Bordercolorlight="",边框明亮面的颜色

10.Bordercolordark="",边框暗淡面的颜色

11.Cellpadding="",内容与边框的距离(默认为2)

12.Cellspacing="",单元格间的距离(默认为2)