1、打开Adobe Dreamweaver CC 2015。
2、执行"文件>新建"命令打开"新建文档"对话框,选择其文档类型为HTML,填写标题名称为"例:4-5",单击"创建"按钮,即创建一个空白文档,如下图所示。
3、右击文档空白区域,在弹出的快捷菜单中选择"页面属性"命令,打开"页面属性"对话框,如下图所示。
4、默认打开的是"外观"选项分类对话框,单击"背景图像"文本框右侧的"浏览"按钮,打开"选择图像源文件"对话框,选择名为"美景"的图片,单击"确定"按钮,返回"页面属性"对话框,如下图所示。
5、在"重复"下拉列表中选择no-repeat(背景图片不重复)选项,单击"确定"按钮,插入背景图片,如下图所示。
6、执行"插入>表格(Table)"命令或按住Ctrl+Alt+T键打开"表格(Table)"对话框,设置如下图所示,单击"确定"按钮。
7、右击1行3列的表格,在弹出的快捷菜单中选择"属性"命令,打开属性面板,在"对齐(Align)下拉列表中选择居中对齐,如下图所示。
8、将光标移至表格的1行1列单元格中,执行"插入>图像(Image)命令或按住Ctrl+Alt+I键打开"选择图像源文件"对话框,选择名为"1"的图片,单击"确定"按钮,如下图所示。
9、同步骤8的操作方法,如图下图所示。
10、执行"文件>另存为"命令或按住Ctrl+Shift+S键打开"另存为"对话框,选择名为"例:4-5"的文件夹,且更改文件名为"例:4-5",单击"保存"按钮,如下图所示。
11、在弹出的"复制相关文件"对话框中单击"复制"按钮,如下图所示。
12、按住F12键可以在浏览器中预览效果,如下图所示。