Dreamweaver制作网页怎么添加背景图片 怎么把图片放到网页上显示
视频介绍
Dreamweaver制作网页怎么添加背景图片
想用Dreamweaver给网页加个背景图，真不是难事儿！首先，新建一个HTML文件，这是最基础的第一步。然后，在body标签里面加入一个style属性，写成这样：style="background:url(images/done.jpg) no-repeat;" —— 这段代码的意思就是给网页加个不重复显示的背景图片，图片路径是自己设置的。接着，咱打开IE或者其他浏览器，刷新看看页面效果，嘿，背景图片就出现啦！是不是很简单呢？
怎么把图片放到网页上显示 怎么把图片放到imgs文件夹里 怎么才能把图片放在网页上显示呢 DW在制作网页时怎么插入到html中一张图片 在网页制作中如何在网页中嵌入小图片进行修饰 用记事本在计算机上制作网页时怎么在网页中插入图片插入图片 html网页制作如何添加背景图片
-
想把图片放到网页上，第一步就是把图片放进你的项目文件夹里，建议专门新建个叫“imgs”的文件夹，所有图片都往里扔，整理起来超方便。
-
在Dreamweaver里新建或打开网页文件后，你可以用两个大招插图片：
- 用HTML的img标签，比如：
，这玩意儿会直接在网页里显示图片。
- 用CSS的background属性，给某个div或者body加背景图，比如：style="background-image:url('imgs/bg.jpg');"，这张图不会占地方，文字还能叠在上面，非常灵活。 -
用Dreamweaver时，如果你拖图片到设计视图里，别急，切换到代码视图，你就能看到自动帮你加入的<img标签代码啦，方便你随时修改路径或属性。
-
操作步骤也简单，像下面这样玩：
- 在C盘新建文件夹比如“myweb2”，Dreamweaver里新建同名站点。
- 把图片先下载到myweb2文件夹里。
- 在HTML里写
，或者用css背景图写法，预览一下，哇，图片就闪亮登场了。 -
另外，如果你想让网页更好看点，可以用CSS调整图片的大小、位置，甚至是背景平铺，页面感瞬间就提升啦！
相关问题解答
-
用Dreamweaver怎么快速给网页设置背景图片?
标签里加个style="background:url('图片路径') no-repeat;"，保存，刷新浏览器，噔噔！背景图片立马就出来啦！真的，不用啥复杂操作，3步就搞定，非常适合新手噢~
哎，老铁，这超级简单！新建HTML文件后，直接在 -
为什么图片放了在项目文件夹但网页还是显示不出来?
哎呦，这问题很普遍，通常是图片路径写错啦，比如忘记加文件夹名或者大小写搞混了。记得一定要弄明白图片和HTML文件的相对路径，路径写对了，你的图片才不会不见！还有，文件名别带空格或者中文，最好全用英文和数字，省得被坑！ -
用HTML插入图片和用CSS设置背景图片有什么区别?
嘿，这俩可不是一个东西哦！HTML的标签直接在页面占位置，图片会像内容一样被加载，适合展示图像。CSS的background图片是给元素做背景，不占位置，还可以铺满、重复或者固定，适合装饰用。总之，看你想要啥效果，挑合适的方法就行。
-
Dreamweaver拖图片跟手写代码插入图片有啥不一样?
哎呀，拖图片当然更方便，设计视图直接搞定，省时省力！不过后台其实是帮你写了代码，切到代码视图，还能自己改路径、大小啥的。有时候手写代码更精细，改起来也快，尤其是图片路径很讲究的时候。总之，两招合用，网页做好轻轻松松的！
评论