分享实用软件

dreamweaver的用法

2026-10-10 1 次查看

dreamweaver的用法,核心是先在「站点」菜单里建好本地站点,再新建 HTML 文档,用代码视图和设计视图配合写页面,最后通过「文件」里的保存与预览命令查看效果。整个流程按下面几步走,基本就能上手。

  1. 先建站点再动页面
    打开软件后,从菜单栏找到「站点」下的「新建站点」,按向导填写站点名称和本地站点文件夹路径。这一步是 Dreamweaver 管理文件的基础,站点没建好,后面保存和链接都容易乱。若你的界面里是中文菜单,对应位置核对「站点」→「新建站点」即可。
  2. 新建 HTML 文档
    站点建好后,从「文件」菜单选择「新建」,在弹出的对话框里选「HTML」页面类型,点「创建」。也可以直接按 Ctrl+N(Mac 上可能是 Cmd+N),以实际弹出的对话框为准。新建后建议先按 Ctrl+S 保存,文件名用英文或拼音,保存到站点文件夹内。
  3. 在代码视图和设计视图间切换
    Dreamweaver 顶部通常有「代码」「拆分」「设计」三个视图按钮,点「拆分」能一边看代码一边看效果。写结构时切到「代码」,用标签和属性编辑;调布局时切到「设计」,直接点选元素改属性。具体按钮名称以你当前版本界面为准。
  4. 用插入面板和属性面板加元素
    从「插入」面板里选择常用对象,例如表格、图像、超链接、表单等,点一下就插入到光标位置。选中页面里的元素后,下方的「属性」面板可以改文字大小、颜色、链接地址等。拿不准面板位置时,到「窗口」菜单里核对「插入」和「属性」是否已勾选显示。
  5. 保存并用实时视图或浏览器预览
    按 Ctrl+S 保存后,点文档工具栏上的「实时视图」可以直接在软件内看渲染效果;也可以从「文件」菜单找「在浏览器中预览」,或按 F12 打开系统浏览器查看。预览前先确认文件已保存到站点目录,链接和图片路径才不会断。

软件页面:Dreamweaver。