dreamweaver cs6教学

1. 新建站点并设置本地文件夹
   打开 Dreamweaver CS6 后，先不要急着新建网页，而是先定义站点。点击菜单栏「站点」→「新建站点」，在弹出窗口中输入站点名称，比如「我的网站」，然后点击「本地站点文件夹」旁边的文件夹图标，选择一个电脑上的空文件夹作为存放网页文件的位置。这一步非常关键，因为 Dreamweaver 的链接检查、模板更新和 FTP 上传都依赖站点定义。如果以后要上传到服务器，还可以在「服务器」分类里添加远程服务器信息，但本地学习阶段可以跳过。定义好站点后，右侧「文件」面板会显示该文件夹的内容，后续所有网页文件都放在这里，方便统一管理。
2. 新建 HTML 页面并认识工作区
   站点建好后，点击「文件」→「新建」，在「新建文档」对话框中选择「空白页」→「HTML」，文档类型保持「XHTML 1.0 Transitional」或「HTML5」都可以，然后点击「创建」。此时 Dreamweaver 会打开一个带有代码、拆分和设计三种视图的编辑窗口。建议初学者先使用「拆分」视图，上半部分显示代码，下半部分显示设计视图，这样能直观看到代码对应的页面效果。在「设计」视图中，你可以直接输入文字、插入图片，就像在 Word 中一样，同时代码视图会自动生成对应的 HTML 标签。熟悉这个界面布局是后续所有操作的基础。
3. 插入文本、图片和链接
   在 Dreamweaver CS6 中插入内容非常直观。要插入文本，直接在「设计」视图中点击页面空白处输入即可，选中文字后可以在「属性」面板中设置字体、大小、颜色和加粗等样式。要插入图片，将光标放在需要插入的位置，点击「插入」→「图像」，选择本地图片文件，Dreamweaver 会提示你是否将图片复制到站点文件夹，建议选择「是」，这样网页上传后图片不会丢失。插入链接时，选中文字或图片，在「属性」面板的「链接」输入框中填写目标 URL，或者点击旁边的文件夹图标选择站内文件。对于站内链接，最好使用相对路径，例如「page2.html」，这样移动整个站点文件夹时链接不会失效。
4. 使用 CSS 样式控制页面外观
   Dreamweaver CS6 的 CSS 功能非常强大，可以通过「CSS 样式」面板来创建和管理样式。点击「窗口」→「CSS 样式」打开面板，在面板右下角点击「新建 CSS 规则」图标，选择选择器类型为「类（可应用于任何 HTML 元素）」，名称比如「.text-style」，然后定义字体、颜色、行高等属性。创建好的样式会出现在面板中，选中页面中的文字，在「属性」面板的「类」下拉菜单中选择该样式即可应用。更高效的方式是使用「外部样式表」，将样式保存为独立的 .css 文件，然后在多个页面中链接同一个 CSS 文件，这样修改一处样式，整个网站都会同步更新。建议学习时先练习内联样式和内部样式，再过渡到外部样式表。
5. 使用模板和库提高效率
   当网站有多个页面需要保持相同头部、导航和底部时，使用 Dreamweaver 的「模板」功能可以避免重复劳动。点击「文件」→「新建」，在「新建文档」对话框中选择「模板中的页」→「空白模板」→「HTML」，然后设计好公共区域，在需要可编辑的地方点击「插入」→「模板对象」→「可编辑区域」，并给区域命名。保存模板后，新建页面时选择「模板中的页」，选择该模板，Dreamweaver 会锁定不可编辑区域，你只能在可编辑区域中修改内容。这样当需要更改导航栏时，只需修改模板文件，所有基于该模板的页面都会自动更新。另外，「库」功能可以将常用的版权信息、广告位等保存为库项目，方便重复插入。
6. 预览、测试和发布站点
   完成页面制作后，需要实时预览效果。按 F12 键可以在默认浏览器中预览当前页面，但要注意，如果页面使用了外部 CSS 或图片，预览前必须先保存文件，并且确保这些资源都在站点文件夹内。在浏览器中检查页面布局是否错乱、链接是否有效、图片是否显示。如果发现问题，回到 Dreamweaver 中修改代码或样式。当所有页面都完成后，点击「站点」→「管理站点」，选择你的站点，点击「编辑」，在「服务器」分类中添加远程服务器信息（如 FTP 地址、用户名、密码），然后点击「文件」面板中的「向上箭头」按钮上传文件到服务器。上传后，在浏览器中访问你的域名，确认网站正常运行。对于学习阶段，也可以不上传，直接在本地文件夹中打开 HTML 文件查看效果。

软件页面：Dreamweaver。