广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    如何在网页中插入图像

    来源:网络收集  点击:  时间:2024-02-24
    【导读】:
    如果网页中的内容都是密密麻麻的文字,很容易产生厌烦感,往往不能吸引浏览者的眼球。那该怎么办?最好的是在网页中适当地插入图像和添加文字结合在一起可以使网页增色不少,更重要是可以借此直观地浏览者表达信息。今天我就教大家如何网页中插入图像。工具/原料more电脑DW软件方法/步骤1/12分步阅读

    打开Adobe Dreamweaver CC 2015。

    2/12

    执行文件新建命令打开新建文档对话框,选择其文档类型为HTML,填写标题名称为例:4-5,单击创建按钮,即创建一个空白文档,如下图所示。

    3/12

    右击文档空白区域,在弹出的快捷菜单中选择页面属性命令,打开页面属性对话框,如下图所示。

    4/12

    默认打开的是外观选项分类对话框,单击背景图像文本框右侧的浏览按钮,打开选择图像源文件对话框,选择名为美景的图片,单击确定按钮,返回页面属性对话框,如下图所示。

    5/12

    在重复下拉列表中选择no-repeat(背景图片不重复)选项,单击确定按钮,插入背景图片,如下图所示。

    6/12

    执行插入表格(Table)命令或按住Ctrl+Alt+T键打开表格(Table)对话框,设置如下图所示,单击确定按钮。

    7/12

    右击1行3列的表格,在弹出的快捷菜单中选择属性命令,打开属性面板,在对齐(Align)下拉列表中选择居中对齐,如下图所示。

    8/12

    将光标移至表格的1行1列单元格中,执行插入图像(Image)命令或按住Ctrl+Alt+I键打开选择图像源文件对话框,选择名为1的图片,单击确定按钮,如下图所示。

    9/12

    同步骤8的操作方法,如图下图所示。

    10/12

    执行文件另存为命令或按住Ctrl+Shift+S键打开另存为对话框,选择名为例:4-5的文件夹,且更改文件名为例:4-5,单击保存按钮,如下图所示。

    11/12

    在弹出的复制相关文件对话框中单击复制按钮,如下图所示。

    12/12

    按住F12键可以在浏览器中预览效果,如下图所示。

    注意事项

    图片只供参考。

    网页教程
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_137323.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-05 20:01:34  耗时:0.023
    0.0233s