跳到主要内容

了解所见即所得（WYSIWYG）HTML 编辑器 - Dreamweaver CS6

Dreamweaver CS6 有三种不同的视图可用于创建您的网站：代码视图、拆分视图模式和设计视图。

设计视图​

设计视图是 Dreamweaver 的所见即所得部分。您在此视图中所做的任何更改都会立即应用到代码视图，因此您的网站代码会自动生成。

代码视图​

代码视图允许您通过手动输入 HTML 来自定义编写网站代码。您的代码可以在设计视图中渲染，以便您了解其显示效果；但请注意，设计视图并不能 100% 准确反映所有浏览器中的显示效果。为了更好地了解视觉效果，您可以启用 实时视图模式。

注意 ：启用实时视图模式时，您将无法对网站代码进行编辑。如果需要进行编辑，建议您先关闭实时视图模式，然后在代码视图或设计视图中进行相应更改。

拆分视图模式​

拆分视图模式允许您同时直接查看设计视图和代码视图。由于任一视图中的编辑都会立即反映，您可以在设计视图中编辑时即时看到代码的变化；或者选中一段代码，查看其在设计视图中的对应部分。

Dreamweaver CS6 入门​

  • 什么是 Dreamweaver CS6？
  • 了解所见即所得编辑器
  • 欢迎界面
  • 工作区概述
  • 优化图像
  • 使用网页字体设计

Dreamweaver 是 Adobe 推出的一款流行的网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等，并兼容 HostGator 网络托管。

您可以访问 Adobe 官网或视频学习平台 Adobe TV，了解更多关于 Dreamweaver 的信息。本文中的视频由 Adobe TV 提供。