如何在网页中插入图像

 时间:2024-10-15 14:52:21

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键可以在浏览器中预览效果,如下图所示。

如何在网页中插入图像
  • 怎么在Word下画云形标注?
  • 用Excel制作动态信息查询表
  • Windows 10资源管理器通过类型和大小筛选文件
  • Word2019如何打开“沉浸式”学习工具和“翻页”
  • word2016中如何插入一个文本框(Active X控件)
  • 热门搜索
    清明节手抄报图片大全 科学幻想手抄报 少代会手抄报 文学手抄报 小学生清明节手抄报 国庆节手抄报简单好看 38妇女节手抄报 遵纪守法手抄报 春节手抄报字少又漂亮 禁毒手抄报内容资料