使用 Dreamweaver 建立站点连接的步骤如下：
1. 创建一个新的网页。在 DW 中选择“页面”>“新建页面”。
2. 在页面中添加一个新的HTML文件。在页面布局工具栏中选择“插入文件”>“浏览”>选择刚刚创建的HTML文件。
3. 在 HTML 文件中，使用 DW 的CSS布局工具创建样式表。选择“布局”>“样式表”>“新建样式表”，并输入样式表文件的名称和路径。
4. 将样式表文件应用到HTML文件中。选择“布局”>“样式表”>“应用样式表”，然后选择刚刚创建的样式表文件。
5. 在 CSS中，为页面中的元素设置样式。使用 DW 的CSS布局工具，选择页面中的元素，并添加相应的CSS样式。
6. 在 DW 中保存所有文件。完成上述步骤后，所有网页和样式表文件都将保存在 DW 中。
2. DW 中的 CSS布局工具有哪些功能？
Dreamweaver 中的 CSS布局工具包括以下几种功能：
1. 布局：通过选择布局选项，将页面布局为所需的形状和尺寸。
2. 样式：通过选择样式选项，为页面中的元素设置样式，包括颜色、字体、大小等。
3. 媒体：通过选择媒体选项，为页面中的元素添加动画效果，如移动、旋转、缩放等。
4. 表格：通过选择表格选项，创建表格并设置其样式和布局。
5. 表单：通过选择表单选项，创建表单并设置其样式和布局。
7. 图片：通过选择图片选项，将图片应用到页面中并设置其样式和布局。
这些工具可以帮助您创建具有吸引力和易于理解的网页。
3. 如何优化 DW 中的 CSS布局？
在优化 DW 中的 CSS布局时，以下是一些关键技巧：
1. 确保页面布局和元素大小是合适的，没有过度拉伸或压缩。
2. 使用表格和表单元素时，请确保它们具有正确的行高和列宽。
3. 避免使用复杂的CSS布局选项，因为它们可能会导致页面渲染问题。
4. 将CSS样式应用于HTML元素时，确保元素具有正确的父元素。
5. 使用 DW 的CSS布局工具时，请确保选择正确的布局选项，以便最大程度地发挥其功能。
6. 定期查看和调整您的网页布局，以确保它是最优的。