dreamweaver怎么使用教程

1. 第一步在站点菜单定义本地站点
   打开 Dreamweaver 后，先别急着写代码。在上方菜单栏点「站点」，选择「新建站点」，在弹出的对话框里给站点起一个名字，再把「本地站点文件夹」指向电脑上已经建好的空文件夹。确定后左侧「文件」面板会显示这个文件夹，之后新建的网页、图片都会归到这里，预览和链接才不会错乱。如果找不到「新建站点」，可以到「站点」菜单里核对当前有哪些子项，不同版本文字略有差别。
2. 第二步在文件面板新建网页并保存
   在左侧「文件」面板的站点根目录上点右键，选择「新建文件」，把文件名改成 index.html 并回车。接着在菜单栏点「文件」再点「保存」，确认保存位置就是刚才定义的本地站点文件夹。想改页面标题，在「属性」面板或代码顶部的 title 标签里填写，标题会显示在浏览器标签上。这一步做完，才有了一个可编辑、可预览的页面。
3. 第三步用插入面板搭页面结构
   把光标放到设计视图里，找到顶部或右侧的「插入」面板。面板里按类别排列着常用元素，先在「常用」或「结构」分类里点「Div」或「Header」这类容器，把页面分成几块；再在容器里点「段落」「标题」「图像」「链接」逐项插入内容。插入图像时在弹出的对话框里选择站点内的图片文件，不要选站点文件夹之外的文件，否则发布后图片会丢失。文字和图片放好后，到「属性」面板里调整对齐、大小和链接地址。
4. 第四步用属性面板和 CSS 设计器调样式
   选中页面里的元素，「属性」面板会显示它可改的属性，比如文字的字号、颜色、对齐方式，图片的宽高和替代文字。想统一管理外观，打开「CSS 设计器」面板，点「+」新建选择器，输入类名后设置字体、边距、背景等规则，规则会写进样式表并即时作用到当前页面。初学者可以先用属性面板做局部调整，等页面变多再用 CSS 设计器集中改，避免样式互相覆盖。
5. 第五步用实时视图和在浏览器中预览检查
   编辑过程中随时点顶部工具栏的「实时视图」，页面会按浏览器的方式渲染，方便看排版和交互。要更真实地检查，点「文件」菜单里的「在浏览器中预览」，选一个已安装的浏览器，Dreamweaver 会临时打开该页面。链接、图片、按钮位置都建议在预览里逐个点一遍。想查看或修改快捷键，打开菜单里的「编辑」再找「键盘快捷键」，在对话框里搜索命令并查看当前绑定，不要凭记忆乱按组合键。

软件页面：Dreamweaver。