入门:Dreamweaver8设计网页背景实例讲解

2016-02-19 22:06 20 1 收藏

下面图老师小编跟大家分享一个简单易学的入门:Dreamweaver8设计网页背景实例讲解教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

  我们在网页制作过程中,尤其是初学的人们读喜欢给自己的网页制作一个背景,今天我给大家讲解一下在Dreamweaver8中设置网页背景的方法。

  首先启动Dreamweaver软件,新建立一个HTMl文档。

  然后我们执行“修改”=“页面属性”(快捷键Ctrl+J)菜单命令,弹出“页面属性”对话框,在“外观”分类中会发现背景图像的下方多了一个“重复”选项,可以选择不重复(no-repeat)、重复(repeat)、横向重复(repeat-x)、纵向重复(repeat-y),如图所示。

  单击“背景图像”后的浏览按钮,找到一幅图片作为网页的背景,然后来看看四种不同选项所带来的不同背景图像。首先选择“不重复”选项,它的含义是背景图片不重复显示,只显示图像的原始大小,而且只显示一次,如图所示。在以前版本中,只要设置了网页背景图像,它就会平铺显示在网页中,现在我们对背景图像的可控性更强了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  如果选中“重复”选项,则会在x和y方向重复显示背景图像,就和以前的老版本中一样,如图所示。

  如果选中“横向重复”选项,则会在x轴方向重复显示背景图像,如图所示。

  如果选中“纵向重复”选项,则会在y轴方向重复显示背景图像,如图所示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  当你制作网页的时候来试试该方法吧!呵呵

来源:http://www.tulaoshi.com/n/20160219/1627699.html

延伸阅读
5.复合背景 如果你在练习上面的“照片背景”时“不小心”也设置了<body标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能...
标签: Web开发
在符合标准的网页设计中如何用CSS控制网页的背景呢?包括背景的颜色,背景的图片等一些问题,在本教程中一次给你讲清楚。 ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent(透明色)。 例:body{background-co...
标签: Web开发
在 Dreamweaver 的“文档”窗口中打开 index.html 页面,插入一个三列的表格,在由三列组成的表格的中间一列中放置的图形之上单击一次。   选择“插入”“媒体”“Flash 视频”。 在“插入 Flash 视频”对话框中,从“视频类型”弹出式菜单中选择“渐进式下载视频”。 关于… 关于 Flash 视频 使用 Dreamweaver ...
标签: Web开发
下面是我从网上搜索下来的关于网页的背景色从上下到由蓝色到白色的渐变的代码,但其中的一些参数我不懂,我琢磨不透如果要由下至上的渐变效果到底是修改哪个参数,我试过修改gradientType的值,但没能实现从下到上的渐变效果,只有从左至右的。 希望各位能指点一下,先谢过大家!! body leftmargin="0" topmargin="0" mar...
标签: Web开发
掌握CSS网页布局技术,网页边框效果的定义是基础内容,其中也涉及到CSS盒模型知识以及CSS属性简写知识。 相关文章阅读:CSS设计网页时的一些常用规范 实例一: CSS: p {padding: 15px; border: 1px solid black; }  h5{padding: 0px; border: 1px solid red;} XHTML: pThis is a paragraph that has a padding of 15 pixels on e...

经验教程

391

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部