张家界div css布局网页制作步骤指导.docxVIP

步骤1： 新建一个文件夹“张家界-div+css布局”，把图片素材（image文件夹）拷贝到该文件夹“张家界-div+css布局”中。 打开dreamweaver，创建一个站点，点击“站点”菜单，选择“新建站点”命令，打开对话框，设置如下图，注意本地站点文件夹选择“张家界-div+css布局”。 在 文件 面板中新建一个首页文件index 双击打开首页index.html开始网页制作。 新建body样式，样式保存到mycss文件中。 打开css样式面板，创建css样式。 “选择器类型”为“标签”，选择body样式，设置参数如图所示。 接下来具体设置body样式的参数。（字体、大小、颜色、边界） 设置完参数，单击确定，保存样式。 创建box标签及设置其css样式 执行“插入记录”—“布局对象”—“Div标签”命令，弹出对话框，创建box标签。 页面效果如下。 接下来设置box标签的样式，打开css样式面板，创建一个新的样式。 单击确定，保存样式，页面效果如下 将box标签中的内容删除。 创建top标签及设置其css样式 选择“插入”—“布局对象”—“Div标签”命令，弹出对话框，在box标签中创建一个新的Div标签top。 选中top标签，在css样式面板中为top标签创建新的样式。 将top标签中的内容删除，插入图片head.jpg，效果如下图。 创建menu标签及设置其css样