DW在制作网页时怎么插入到html中一张图片?

DW是网页设计中不可少的软件,很多初学者都会学习DW,那在html网页设计中,如何给网页中添加一张图片呢?我们可以添加网络图片

在网页中插入本地图片

  • 01

    先打开DW软件,创建一个html网页。

  • 02

    在顶部菜单中依次点击【插入】-【图像】。(快捷键Ctrl+Alt+I)

  • 03

    在弹出的选择图片窗口中,找到自己电脑中的图片,选择后点击【确定】按钮。

  • 04

    点击确定后,出现一个弹窗,我们直接点击【确定】就可以了。

  • 05

    可以看到在body中已经插入了一个图片。我们也可以记住这段代码,下次插入图片可以直接输入代码也是可以的哦。

  • 06

    插入图片后,保存下网页,点击【F12】会用浏览器打开我们设计的网页,可以预览插入的图片的效果。

插入网络图片

  • 01

    如果是插入网络中的图片,我们先在网上找到想用的图片,复制图片链接。

  • 02

    打开DW后,在顶部依然选择【插入】-【图片】,在窗口底部有个【URL】,把复制的图片地址粘贴到这里,点击确定就成功啦。

  • 03

    可以看到不管是插入本地图片还是网络图片,插入图片的代码是一样的哦。只不过地址不一样。<img src="图片地址" width="宽" height="高" />我们只需要记住这段代码套用就可以啦。

(0)

相关推荐

  • HTMl制作网页时的背景图如何控制全屏

    html网页背景图片如何设置为全屏?简单几行代码,教你容器全屏不占位 操作方法 01 首先我们先做一个基本的网页页面 02 接着,我们初始化样式,将代码添加在<style></sty ...

  • 手机WPS制作PPT时怎么插入视频与备注 WPS制作PPT时插入视频与备注详细教程

    在手机WPS软件中除了可以制作文档和表格之外还可以制作PPT哟!在这个软件中制作PPT的时候,虽然没有电脑上那么方便操作,但是里面的功能还是挺齐全的,其中有的用户想在手机WPS制作PPT时插入备注或是 ...

  • 用dreamweaver制作网页时,如何让其居中

    当你制作一个网页时,想让他摆放在正确的位子,要达到美观而又方便的效果就显得尤为的重要了,这里快速的告诉你方法 操作方法 01 前面的内容就不一一介绍了,首先不管是一张图片还是一个网页,他都需要规定它的 ...

  • 如何使用ps和DW制作网页?使用ps和DW制作网页的方法

    想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧! ...

  • 用word制作网页教程(word文档怎么做页面)

    信息化急速发展的现代社会也是网页流量迅速发展的时代,那么你们知道如何制作网页吗?其实用Word文档就可以制作,下面一起来看看如何用Word文档制作网页吧!我们在视图中把Word文档改为Web版式,具体 ...

  • 在制作ppt时,怎样让文字总是浮在图片的上面?

    在制作ppt时,同一张ppt中,有时文字会被图片覆盖.怎样让文字总是浮在图片的上方呢?如果先添加图片,再插入文字,文字就会自然呈现在图片上方.可是,如果文字在前,图片在后,需要利用图片的叠放次序,且将 ...

  • 怎样制作网页 计划?

    操作方法 01 一.确定网站主题网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题.特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象.你没有这个能力,也没这个 ...

  • Dw制作网页基础(设置网页属性和编辑头部信息)

    Dw制作网页基础(设置网页属性和编辑头部信息) 操作方法 01 这里我们主要说的呢是在Dreamweaver中制作网页基础( 包括设置网页属性和编辑头部信息)首先我们像往常一样这里我们需要先建立一个新 ...

  • DW制作网页的基本步骤

    操作方法 01 这篇文章主要是针对初学者的,告诉大家如何Dreamweaver制作一个网页?本文具体详细讲解了网页制作方法的基本步骤以及注意的问题,并且拿一个具体的实例来给大家做了一下详细讲解! 网页 ...