如何在网页中插入图像

2025-04-22 17:45:07

1、打开Adobe Dreamweaver CC 2015。

2、执行"文件>新建"命令打开"新建文档"对话框,选择其文档类型为HTML,填写标题名称为&qu泠贾高框ot;例: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键可以在浏览器中预览效果,如下图所示。

如何在网页中插入图像
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢