Dreamweaver CS6免费版

Dreamweaver CS6是一款功能强大的网页代码编辑器，它将网页设计与开发功能集于一身。支持代码、拆分、设计、实时视图等多种功能模式，极大地方便了编程人员创作、编写和修改网页。无论是设计师还是开发者，都能借助它高效制作响应式网页，确保网页在多种设备上都能良好浏览。同时，Dreamweaver CS6还提供了丰富的资源与社区支持，涵盖文档、视频教程、插件以及论坛等。

与之前的版本相比，DW CS6有了显著提升。不仅改善了 FTP 性能，能更高效地传输大型文件，还配备了“实时视图”和“多屏幕预览”面板，可精准呈现 HTML5 代码，方便开发人员检查网站。

Dreamweaver CS6新功能

1. Adobe Business Catalyst 集成

Dreamweaver 中集成了 Business Catalyst 面板，用户可连接并编辑利用 Adobe Business Catalyst（需另行购买）搭建的网站，还能借助托管解决方案创建电子商务网站。

2. 增强型 jQuery 移动支持

借助更新的 jQuery 移动框架支持，为 iOS 和 Android 平台构建本地应用程序，轻松触及移动受众，同时简化移动开发工作流程。

3. 更新的 PhoneGap 支持

更新的 Adobe PhoneGap 支持，让用户能够轻松为 Android 和 iOS 创建并封装本地应用程序。通过改编现有的 HTML 代码即可创建移动应用，还能使用 PhoneGap 模拟器检查设计。

4. CSS3 转换

可将 CSS 属性变化制作成动画转换效果，让网页设计更具活力。在处理网页元素和创建优美效果时，能保持对网页设计的精准控制。

Dreamweaver CS6中制作带有列表下拉菜单的详细操作方法

1. 打开 Dreamweaver CS6软件。若已有做好的网页源文件，点击“文件”—“打开”来打开该文件；若没有，则点击“文件”—“新建”创建一个新的网页源文件。

2. 新建网页时，默认类型即可，若有其他需求，可自行选择页面类型和布局等，然后点击“创建”按钮。

3. 新建好网页后，在设计页面中，点击“插入”—“表单”—“选择(列表/菜单)”，即可插入一个可选择的下拉表单。

或者在菜单栏下方有个表单选项图标，鼠标悬停显示“选择(列表/菜单)”，点击也可插入下拉菜单。

4. 此时会跳出输入标签辅助功能属性的界面，ID 填写英文或数字，标签是下拉菜单对应的数据标题，如地址、性别等，这里填写“性别：”，然后点击“确定”。

5. 接着会跳出是否添加表单标签的提示，选择“是”。

6. 此时下拉菜单已插入到页面中，点击下方的“列表值”，为下拉菜单添加内容。

7. 跳出“列表值”界面，在项目标签上填写下拉菜单选项，例如制作性别选择下拉菜单，就在值和项目标签填写“男”。

8. 点击加号，添加新的项目标签和值，填写“女”，然后点击“确定”按钮。

9. 点击界面上箭头所指的小图标，选择一个浏览器并点击，可在浏览器上看到预览效果。

10. 此时会提示是否保存网页文件的更改，选择“是”进行保存。

11. 保存后，即可在浏览器上看到制作好的下拉菜单，鼠标点击下拉小箭头可进行选择，操作简单，不妨动手试试。

Dreamweaver CS6使用指南

1. 界面概览

- 文档窗口：显示当前正在编辑的文档。

- 代码视图和设计视图：分别展示代码和设计效果。

- 面板：包含各种工具和选项，如 CSS 编辑器和代码提示。

- 工作区：可自定义工作区布局，以适应不同工作流程。

2. 创建新文档

打开 Dreamweaver CS6，单击“文件”菜单，选择“新建”，可选择模板或手动创建，并输入文档基本信息。

3. 插入内容

- 文本：通过“插入”—“文本”或在文档中直接键入来插入。

- 图像：使用“插入”—“图像”或在文档中拖放图像来插入。

- 链接：通过“插入”—“链接”或右键单击文本来插入。

4. 样式代码

使用“窗口”—“CSS 编辑器”中的 CSS 编辑器编写 CSS 代码，也可使用“窗口”—“样式”中的“样式”面板快速应用预定义样式。

5. 布局页面

利用“窗口”—“布局”中的“布局”面板创建和管理页面布局，添加分栏、导航菜单和表单。

6. 管理网站

通过“窗口”—“网站”中的“网站”面板管理和更新网站，添加和编辑文件，设置站点配置。

7. 响应式设计

使用“窗口”—“响应式布局”中的“响应式布局”面板创建响应式网站，Dreamweaver 会自动优化页面布局以适应不同屏幕尺寸。

8. 预览和发布网站

使用“文件”—“预览”中的“预览”模式在不同浏览器中预览网站，使用“窗口”—“FTP”中的“FTP”面板将网站发布到服务器。