DreamWeaver CS3 v9.0 中文版(附安装教程)

DreamWeaver CS3是一款专业性极强的设计类软件。DreamWeaver CS3最新版是专门针对于设计、开发人员所打造的，将网页编程、网页制作、网站管理等多个功能于一体，大大节省了时间，提高了工作效率，凭借着强大的功能，受到了许多用户的喜爱。

DreamWeaver CS3汉化版目前已经支持简体中文，让你操作起来更加方便，上手更快。而且与老版本相比，该软件的功能更加的全面，内容更加丰富，代码也更加的简洁，无需担心会多出很多空格。有着极强的兼容性，你可以轻松的对各种浏览器、网络进行兼容性检查，轻松制作出跨平台操作的网页，方便且实用。

DreamWeaver快捷键大全

新建(New)一个网页【Ctrl】+【N】

制作一个网页

打开(Open)一个存在的网页【Ctrl】+【O】

在框架中打开(Open)...【Ctrl】+【Shift】+【O】

关闭(closedoWn)当前网页【Ctrl】+【W】

保存（Save）当前网页【Ctrl】+【S】

另存为 【Ctrl】+【Shift】+【S】

检查联接的有效性【Shift】+【F8】

撤消上一步操作【Ctrl】+【Z】/【Alt】+【BackSpace】

重复上一步操作【Ctrl】+【Y】/【Ctrl】+【Shift】+【Z】

剪切到剪贴板【Ctrl】+【X】/【Shift】+【Del】

拷贝（Copy）到剪贴板【Ctrl】+【C】/【Ctrl】+【Ins】

将剪贴板的内容粘贴到当前文件中【Ctrl】+【V】/【Shift】+【Ins】

拷贝（Copy）HTML代码【Ctrl】+【Shift】+【C】

粘贴HTML代码【Ctrl】+【Shift】+【V】

全部（All）选择【Ctrl】+【A】

选择上一级标签【Ctrl】+【Shift】+【<】

选择下一级标签【Ctrl】+【Shift】+【>】

查找（Find）和替换...【Ctrl】+【F】/【Ctrl】+【H】

查找下一个【F3】

缩进代码【Ctrl】+【]】

取消缩进代码【Ctrl】+【[】

平衡背带【Ctrl】+【】

设置断点（Breakpoint）【Ctrl】+【Alt】+【B】

调用外部编辑器（ExternalEditor【Ctrl】+【E】

参数设置（setUp）...【Ctrl】+【U】

在编辑窗口和代码窗口间进行切换【Ctrl】+【Tab】

刷新视窗显示【F5】

显示/隐藏头文件【Ctrl】+【Shift】+【W】

表格用标准显示方式【Ctrl】+【Shift】+【F6】

表格显示为版面【Ctrl】+【F6】

显示/隐藏不可见因素【Ctrl】+【Shift】+【I】

显示/隐藏标尺（Rulers）【Ctrl】+【Alt】+【R】

显示/隐藏网格【Ctrl】+【Alt】+【G】

捕捉到网格（Grid）【Ctrl】+【Alt】+【Shift】+【G】

播放（Play）外部插件【Ctrl】+【Alt】+【P】

停止播放外部插件【Ctrl】+【Alt】+【X】

播放所有的外部插件【Ctrl】+【Alt】+【Shift】+【P】

停止所有外部插件【Ctrl】+【Alt】+【Shift】+【X】

插入图像（Image）【Ctrl】+【Alt】+【I】

插入Flash动画【Ctrl】+【Alt】+【F】

插入Shockwave影片【Ctrl】+【Alt】+【D】

插入表格（Table）【Ctrl】+【Alt】+【T】

插入书签命名锚点（Anchor）【Ctrl】+【Alt】+【A】

插入回车符号【Shift】+【Enter】

插入非间断空格【Ctrl】+【Shift】+【Space】

修改页面属性...【Ctrl】+【J】

打开/关闭物体属性设置面板【Ctrl】+【Shift】+【J】

快速代码编辑【Ctrl】+【T】

新建链接（Link）...【Ctrl】+【L】

删除链接（Link）【Ctrl】+【Shift】+【L】

选择表格【Ctrl】+【A】

合并（Merge）单元格【Ctrl】+【Alt】+【M】

分离（Split）单元格...【Ctrl】+【Alt】+【S】

插入一行【Ctrl】+【M】

插入一列【Ctrl】+【Shift】+【A】

删除一行【Ctrl】+【Shift】+【M】

删除一列【Ctrl】+【Shift】+【-】

增加单元格跨度【Ctrl】+【Shift】+【]】

减少单元格跨度【Ctrl】+【Shift】+【[】

左对齐选择物体【Ctrl】+【Shift】+【1】

右对齐选择物体【Ctrl】+【Shift】+【3】

顶对齐选择物体【Ctrl】+【Shift】+【4】

底对齐选择物体【Ctrl】+【Shift】+【6】

使宽度相同【Ctrl】+【Shift】+【7】

使高度相同【Ctrl】+【Shift】+【9】

将对象添加到库（Library）中【Ctrl】+【Shift】+【B】

在模板中新建一个可编辑区域...【Ctrl】+【Alt】+【V】

添加物体到时间线（Timeline）上【Ctrl】+【Alt】+【Shift】+【T】

在时间线上添加关键帧【F6】

删除时间线上的关键帧【Shift】+【F6】

文本缩进【Ctrl】+【Alt】+【]】

取消文本缩进【Ctrl】+【Alt】+【[】

设置段落格式为无【Ctrl】+【0】

设置段落格式为“Paragraph”【Ctrl】+【Shift】+【P】

设置段落格式为“标题1”【Ctrl】+【1】

设置段落格式为“标题2”【Ctrl】+【2】

设置段落格式为“标题3”【Ctrl】+【3】

设置段落格式为“标题4”【Ctrl】+【4】

设置段落格式为“标题5”【Ctrl】+【5】

设置段落格式为“标题6”【Ctrl】+【6】

文字左（Left）对齐【Ctrl】+【Alt】+【Shift】+【L】

文字居中（Center）对齐【Ctrl】+【Alt】+【Shift】+【C】

文字右（Right）对齐【Ctrl】+【Alt】+【Shift】+【R】

文本样式使用粗体（Bold）【Ctrl】+【B】

文本样式使用斜体（Italic）【Ctrl】+【I】

编辑（Edit）样式表...【Ctrl】+【Shift】+【E】

拼写检查【Shift】+【F7】

开始录制命令【Ctrl】+【Shift】+【X】

播放（Play）录制好的命令【Ctrl】+【P】

获取站【Ctrl】+【Shift】+【D】

检查站点【Ctrl】+【Alt】+【Shift】+【D】

放置（pUt）站点【Ctrl】+【Shift】+【U】

登记站点【Ctrl】+【Alt】+【Shift】+【U】

检查链接【Ctrl】+【F8】

DreamWeaver CS3特色

1、业界领先的工具

利用世界级的 Web 设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计, 在“代码”视图中制作复杂的代码, 或专功一方面的研究。使用您的最佳工作方式工作。

2、集成的工作流

在DreamWeaver CS3内设计、开发和维护内容, 同时利用与其他 Adobe 工具 (包括 Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3 及用于创建移动设备内容的全新 Adobe Device Central CS3) 的智能集成。

3、完整的 CSS 支持

发现可视 CSS 工具的优势, 使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式, 以及查明您的更改将如何影响设计。借助全新的 CSS 布局加速您的工作流, 并借助全新的浏览器兼容性检查测试您的设计。

4、集成的编码环境

借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏, 组织并加速您的编码。应用适用于 HTML 和服务器语言的代码提示。

5、支持领先的技术

利用对领先 Web 开发技术 (包括 HTML、XHTML、CSS、XML、Javas cript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP) 的支持。

使用 XSL 或适合于 Ajax 的 Spry 框架, 快速集成 XML 内容。指向 XML 文件或 XML feed URL, 还将显示其内容, 这使您能够将适当的字段拖放到您的页面上。

6、FLV 支持

无需任何 Flash 知识, 只需五次点击, 即可轻松地将 FLV 文件添加到您的 Web 页中。自定义视频环境以匹配您的网站。

7、学习资源

在您使用全面的教程、参考内容和指导性模板的同时进行学习, 这样可轻松扩展您的技能集并采用最新的技术。

8、扩展的DreamWeaver CS3社区

享受庞大的DreamWeaver CS3社区的所有益处, 包括在线 Adobe 设计中心和 Adobe 开发人员中心、培训和研讨会、开发人员认证计划、用户论坛以及Exchange 中提供的超过 1,000 个可下载的扩展。

9、跨平台支持

挑选您的平台: 可用于基于 Intel 或 PowerPC 的 Macintosh 计算机, 也可用于 Windows XP 和 Windows Vista? 系统。在您的首选平台中设计, 然后跨平台交付更加可靠、一致和高性能的结果

DreamWeaver序列号

1192-1891-6456-4719-4839-1768、1192-1220-5420-3635-4815-2950

1192-1391-8140-5545-7014-3275、1192-1166-7477-2039-4732-5502

1192-1409-0257-8480-9391-9439、1192-1953-6811-3378-0484-3981

1192-1977-2752-6965-6573-0749、1192-1659-4436-1756-3855-8992

1329-1966-8280-5935-5077-6170、1329-1659-5673-4151-6718-2001

1329-1893-8265-8174-7909-0782、1329-1921-2996-4932-8198-7448

1329-1367-9389-8511-9031-6542、1329-1839-0830-9593-5696-9875

DreamWeaver CS3功能

1、浏览器兼容性检查

借助全新的浏览器兼容性检查，节省时间并确保跨浏览器和操作系统的更加一致的体验。生成识别各种浏览器中与 CSS 相关的问题的报告，而不需要启动浏览器。

2、CSS Advisor 网站

借助全新的CSS Advisor 网站 (具有丰富的用户提供的解决方案和见解的一个在线社区)，查找浏览器特定 CSS 问题的快速解决方案。

3、CSS 布局

借助全新的CSS布局，将 CSS 轻松合并到您的项目中。在每个模板中都有大量的注释解释布局，这样初级和中级设计人员可以快速学会。

可以为您的项目自定义每个模板。

4、CSS 管理

轻松移动CSS代码： 从行中到标题，从标题到外部表，从文档到文档，或在外部表之间。清除较旧页面中的现有 CSS 从未像现在这样容易。

5、Adobe Device Central CS3

使用 Adobe Device Central (现在已集成到整个 Adobe Creative Suite? 3 中)设计、预览和测试移动设备内容

DreamWeaver安装教程

1、从本站下载解压后，即可得到Dreamweaver cs3安装源程序

2、双击“Dreamweaver_CS3.exe”运行，安装即可

3、默认软件安装路径

4、待安装完成后，根据自己需要选择编辑器即可

5、一键运行打开Dreamweaver CS3程序，如下图所示：界面没有出现注册框，说明成功！

dreamweaver使用教程

一、关于DW CS3如何新建项目？

打开软件，进入主界面，点击文件-新建，选择空白页，点击创建，页面新建完成即可

二、关于怎么添加视频？

打开软件，新建完页面后，点击下方工具栏，插入记录-媒体，选择不同格式的视频添加即可

三、关于如何创建记录集

1、执行“窗口”菜单命令，

2、先选择下列菜单，选择“服务器行为”命令

3、然后打开“服务器行为”面板，在面板中单击+按钮

4、最后打开“记录集”对话框，点击“确定”按钮即可

dreamweaver新手教程

1.既然想要学习Dreamweaver，那么下载好Dreamweaver并且安装成功，是动手的第一步，个人推荐安装macromedia Dreamweaver 8,这个工具比较简洁，能满足日常工作

2.等待下载完毕，直接安装吧，我因为是老手，所以就用默认安装路径，安装完成之后，从开始菜单里直接打开Dreamweaver

3.打开Dreamweaver，在【菜单栏】里选择【文件】，下拉菜单里选择【新建】，在跳出的对话框里选择【基本页-->HTML】，点击【创建】

4.仔细观察新建的untitled-1这个页面，Dreamweaver会自动产生如下框架代码

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>

<body>

</body>

5.简单解释代码框架<html></html>是网页标签，<head></head>是页面头标签，标签主要定义文字编码格式，媒体流格式，css样式等等，<title></title>是标题标签，<body></body>是正文标签

6.可以修改代码，将标题改为【我的第一个html】，

在正文中输入：Hello World，然后点【预览】：

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>我的第一个Html</title> 

</head>

<body>

Hello World!!

</body>

</html>

常见问题

dreamweaver怎么设置背景图片

打开Dreamweaver CS6应用软件后，点击欢迎屏幕上的新建HTML，如下图所示。

新建HTML页面后，点击文件--->保存，把新建的HTML保存下，不然后面做页面背景图片不行。如下图所示。

保存好后，点击导航上的修改，如下图所示。

然后直接点击弹出菜单里的页面属性，如下图所示。

打开页面属性后，选择外观分类，然后点击背景图像后面的浏览，选择背景图片，如下图所示。

在选择图像源文件对话框里，选择要设定的背景图片，然后点击确定，如下图所示。

设置后背景图片后返回到页面属性对话框，此时可以看到背景图像那有值了，然后点击确定，如下图所示。

OK，背景图片添加成功，如下图所示。

dreamweaver怎么链接到网页

首先打开Dreamweaver软件，没有安装这个软件的小伙伴可以在百度是一个哦，如果你此前还没有做过一个网页，就点击界面上的新建——HTML，Dreamweaver会自动帮你新建一个网页文件。

如果你已经有一个网页文件了，那么，就点击文件——打开，打开你的html网页文件。

新建或者打开你的网页文件之后，在设计窗口下，写上一行提示文字，这里举一个例子，比如我想打开超链接打开百度经验的首页，那么我就写上“点击打开百度经验”作为提示文字，提示文字是为了方便网页能够理解链接的意义，并且会有意思的主动去点击它，这样就达到你做超链接的目的了。

然后选中提示文字“点击打开百度经验”，在界面的最下方的属性栏，有个链接，它的旁边是一个空行，我们把百度经验首页的地址粘贴到这个空行里面，超链接就添加完成啦，很简单吧。

也可以再选中文字之后点击，界面上方的插入—— 超级链接按钮，也可以添加超链接哦，这时会跳出一个添加超链接的选框，文本就是我们写的提示文字了，链接就填写你要添加的超链接网址。

如果你需要点击打开超链接之后，再新的页面打开，就在目标一项选择_blank，然后点击确定按钮即可。

这时，当加了超链接的文字变成了蓝色带下划线的文字之后，就表示含有超链接。

点击在浏览器中预览的按钮，选择一种你电脑上安装过的浏览器，这里我选择搜狗浏览器，选中之后，点击它。

提示是否保存你的网页文件，点击是。

然后这是跳出的是浏览器上打开你的网页文件，我们用鼠标点击加了超链接的文字。

我们点击之后，它就会跳转到百度经验的首页了，因为我加上了百度经验的网站作为超链接。你也可以添加一个文件下载地址，点击可以下载文件了，或者换成邮件地址，点击可以给对方发送电子邮件等等，这就是超链接的作用。添加超链接，很简单吧，小伙伴们动手试一下吧。

dreamweaver怎么把表格边框去掉

首先，当然是打开我们的Dreamweaver，之后来到“设计“页面，如图，小编已经准备好材料了。

第二步，选择好要隐藏边框的表格，如图所示，这里小编就随意的插入了一个表格，大家对照一下就好，我们可以看到，表格边框是实线的。

第三步，用鼠标点击一下表格里面，如图，就是将光标定位在表格里。

做完上面的一步之后，我们可以点击下面的<table>,如图所示。

点击,<table>之后，下面就会切换到这样一个页面，如图，修改表格的间距和边框。

如图所示，我们把表格的间距和边框设置为0，这样表格的边框就会被隐藏了。

如图所示，我们可以看见表格的边框已经从实线变成了虚线，边框就被隐藏了。

图片的效果就是在浏览器中预览的结果，我们可以看到表格的边框已经被隐藏起来了，是不是很简单呢？