2024年4月11日发(作者：)

Div + CSS 布局简单实例

一、准备工作目录及素材

1、在 D：盘上创建名为 myweb 的新文件夹。

2、准备所需素材。拷贝 F:网页素材网站重构源文件第2章 中的 images 文件夹到 D:

myweb 文件夹中。

3、在 D:myweb 文件夹中新建子文件夹 style 。

二、定义站点

1、启动 Dreamweaver cs4，选择“站点 ”>“管理站点”。

2、在弹出的“管理站点”对话框中单击“新建”按钮，然后选择“站点”。

3、在弹出的“站点定义”对话框中，如果显示向导（“基本”选项卡），则单击“高级”选项卡，

然后从“分类”列表中选择“本地信息”（它应当是默认选项）。

4、在“站点名称”文本框中，输入 Cafe 香浓 作为站点名称。

5、在“本地根文件夹”文本框中，指定 D:myweb 文件夹。你可以单击文件夹图标来浏览并

选择该文件夹，或者在“本地根文件夹”文本框中输入路径。

6、在“默认图像文件夹”文本框中，指定 D:myweb 文件夹中已有的 images 文件夹。你可

以单击文件夹图标来浏览并选择该文件夹，或者在“默认图像文件夹”文本框中输入路径。

7、从“分类”列表中选择“远程信息”，“访问”选：“FTP” 并填写好相关信息。

8、从“分类”列表中选择“测试服务器”，“访问”选：“FTP” 并填写好相关信息，“URL前缀”须

根据实际情况做相应修改。

9、从“分类”列表中选择“本地信息”，“HTTP 地址”须根据实际情况做相应修改。

10、单击“确定”。随即出现“管理站点”对话框，显示您的新站点。

11、单击“完成”关闭“管理站点”对话框。此时“文件”面板显示当前站点的新本地根文件夹。“文

件”面板中的文件列表将充当文件管理器，允许你复制、粘贴、删除、移动和打开文件，就

象在计算机桌面上一样。

三、了解你的任务

下图是一张为 Cafe 香浓 站点设计的完整的和符合要求的设计草样。作为 Web 设计人

员，你需要对草样进行转换，使之最终形成可以使用的 Web 页面。

四、创建并保存新页面

建立站点并检查设计草样后，你就可以开始创建 Web 页面了。首先你将创建一个新页面，

并将它保存到你的 Web 站点的本地根文件夹 D:myweb 中。该页面最终将成为 Cafe

香浓 站点 的主页。

1、在 Dreamweaver cs4 中，选择“文件”>“新建”。