dreamweaver入门基础
dreamweaver入门基础要先搭好站点，再建第一个页面：在顶部菜单找到「站点」，点「新建站点」并指定本地站点文件夹，然后「文件」→「新建」选 HTML 文档，保存到该文件夹下，接着切到「设计」或「拆分」视图写内容，最后按 F12 在浏览器里预览。
- 第一步先定义本地站点
打开 Dreamweaver，在顶部菜单栏点「站点」，选择「新建站点」或「管理站点」。在弹出的向导里给站点起个名字，再把「本地站点文件夹」指向你电脑上准备放网页的空文件夹，例如 D:mysite。这一步是整个入门的基础，因为 Dreamweaver 要靠站点来管理链接、图片和保存路径，没定义站点就直接建页面，后面图片和 CSS 很容易出现路径问题。文件夹建议用英文或拼音命名，中间不要留空格。定义完成后，左侧「文件」面板会显示该站点的目录结构，之后所有网页、图片、样式都放在这个文件夹里。 - 第二步新建并保存第一个 HTML 页面
点顶部菜单「文件」，选「新建」，在弹窗的「文档类型」里选 HTML，右侧「文档类型」下拉一般保持 HTML5，点「创建」。页面出现后先别急着排版，立刻按 Ctrl+S 保存，文件名写 index.html 或你自定义的英文名，保存位置选刚才定义的站点文件夹，编码核对为 UTF-8，避免中文出现乱码。保存后标题栏会显示文件名，这就说明页面已经真正落到本地站点里，而不是只存在于内存中。如果忘了保存，后面预览时浏览器打开的可能还是空白页。 - 第三步熟悉设计、代码、拆分三种视图
在编辑区上方找到「设计」「代码」「拆分」三个按钮并依次点一遍，对照观察区别。设计视图用可视化方式改内容，适合刚入门时拖动和输入文字；代码视图展示 HTML 源码，适合检查标签是否闭合；拆分视图上下或左右同时显示两者，改动一边另一边会同步。新手建议长期使用拆分视图，这样每输入一段文字就能看到对应标签，慢慢理解段落、标题、列表分别用哪些标签表示。顶部「文档」工具栏里还有「实时视图」按钮，点一下可以在软件内模拟浏览器效果，但正式检查仍要用真实浏览器。 - 第四步写标题、段落和插入图片
回到设计或拆分视图，把光标放到页面主体区域，先输入一个主标题，再到「属性」面板把格式改为「标题 1」或类似选项，不要只靠加粗来假装标题。接着按回车另起一段写正文，正文保持「段落」格式。要插入图片，把光标放到目标位置，点「插入」面板或菜单里的「图像」，选择站点文件夹内的图片文件，弹出替代文本对话框时填写简短说明再确定。插入后可以在「属性」面板核对宽高和链接，但不要随意拉伸图片，以免失真。每加几个元素就保存一次，养成随手保存的习惯。 - 第五步预览并建立页面之间的链接
全部内容写完后按 F12，或点「文件」→「在浏览器中预览」，选择已安装的浏览器查看效果，核对文字、图片和整体布局是否符合预期。再新建第二个 HTML 页面，回到第一个页面选中要作为入口的文字或图片，在「属性」面板的「链接」框里点文件夹图标，指向第二个页面文件并确定，就做好了一个站内超链接。保存两个文件后再次预览，点击链接测试跳转是否正常。想继续深入学习，可以在软件里按 F1 打开官方帮助，或参考本站软件页 https://www.hh3h.com/?p=431 的说明，逐步练习表格、CSS 和表单，不要一上来就做复杂布局。