dreamweaver cs6怎么使用

dreamweaver CS6 使用指南:创建和维护动态网站的指南:界面概览:文档窗口、代码/设计视图、面板、可定制工作区创建新文档:文件 > 新建 > 选择模板/手动创建插入内容:文本、图像、链接样式代码:使用 css 编辑器或样式面板布局页面:添加分栏、导航菜单、表单管理网站:使用网站面板添加/编辑文件、设置配置响应式设计:使用响应式布局面板自动优化布局预览和发布网站:预览不同浏览器、使用 FTP 面板发布服务器

dreamweaver cs6怎么使用

Dreamweaver CS6 使用指南

Dreamweaver CS6 是 Adobe 旗下的一款网页设计和开发软件,可帮助用户创建和维护动态网站。以下是 Dreamweaver CS6 的使用方法指南:

1. 界面概览

  • 文档窗口: 显示当前正在编辑的文档。
  • 代码视图和设计视图: 分别显示代码和设计视图。
  • 面板: 包含各种工具和选项,例如 CSS 编辑器和代码提示。
  • 工作区: 可以自定义的工作区布局,以便适应不同的工作流程。

2. 创建新文档

  • 打开 Dreamweaver CS6 并单击“文件”菜单。
  • 选择“新建”。
  • 选择一个模板或手动创建。
  • 输入有关文档的基本信息。

3. 插入内容

  • 文本: 通过选择“插入”>“文本”或直接在文档中键入来插入文本。
  • 图像: 使用“插入”>“图像”或在文档中拖放图像来插入图像。
  • 链接: 通过选择“插入”>“链接”或右键单击文本来插入链接。

4. 样式代码

  • 使用 CSS 编辑器(“窗口”>“CSS 编辑器”)来编写 CSS 代码。
  • 还可以使用“样式”面板(“窗口”>“样式”)来快速应用预定义样式。

5. 布局页面

  • 使用“布局”面板(“窗口”>“布局”)创建和管理页面布局。
  • 添加分栏、导航菜单和表单。

6. 管理网站

  • 使用“网站”面板(“窗口”>“网站”)管理和更新网站。
  • 添加和编辑文件,以及设置站点配置。

7. 响应式设计

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

8. 预览和发布网站

  • 使用“预览”模式(“文件”>“预览”)在不同浏览器中预览网站。
  • 使用“FTP”面板(“窗口”>“FTP”)发布网站到服务器。

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享