Dreamweaver8设计网页背景讲解

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

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

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

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

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

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

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

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

时间: 2024-10-26 18:34:10

Dreamweaver8设计网页背景讲解的相关文章

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

dreamweaver|dreamweaver8|设计|网页|网页背景 本教程由网页教学网原创.网页教学网-专业的网页教学站点,为您提供最新.最快.最实用的技术. 我们在网页制作过程中,尤其是初学的人们读喜欢给自己的网页制作一个背景,今天我给大家讲解一下在Dreamweaver8中设置网页背景的方法. 首先启动Dreamweaver软件,新建立一个HTMl文档. 然后我们执行"修改"=>"页面属性"(快捷键Ctrl+J)菜单命令,弹出"页面属性&qu

Dreamweaver8设计网页背景实例讲解

我们在网页制作过程中,尤其是初学的人们读喜欢给自己的网页制作一个背景,今天我给大家讲解一下在Dreamweaver8中设置网页背景的方法. 首先启动Dreamweaver软件,新建立一个HTMl文档. 然后我们执行"修改"=>"页面属性"(快捷键Ctrl+J)菜单命令,弹出"页面属性"对话框,在"外观"分类中会发现背景图像的下方多了一个"重复"选项,可以选择不重复(no-repeat).重复(repe

网页设计技巧:网页背景要结合网页内容

文章描述:一个好的背景风格,可以为你的网站定下基调.我们将探讨关于网页背景设计以及趋势的一些优秀的例子,包括采用大图片,鲜艳的色彩和大胆的图案. 一个好的背景风格,可以为你的网站定下基调.我们将探讨关于网页背景设计以及趋势的一些优秀的例子,包括采用大图片,鲜艳的色彩和大胆的图案. 有时候你的网页设计某一部分引入注目,但大多数情况下是背景起到了决定性作用.背景设计往往可以用图片.图案.颜色色块组合而成,但如何才能设计出一个优秀的背景设计呢?今天我们来看看使用不同的背景设计的效果和一些技巧方法. 怎

网页设计技巧:设计优秀的网页背景和设计方法

文章描述:背景真的可以为你的网站定调,在你做决定之前,你可以从图片.颜色.图案方面进行多方面的选择,不要局限你的设计风格,其实你可以做得更好的.选择一个背景主题的时候要结合你的内容,记住最重要的规则:确保你的设计是具有可读性的. 一个好的背景风格,可以为你的网站定下基调.我们将探讨关于网页背景设计以及趋势的一些优秀的例子,包括采用大图片,鲜艳的色彩和大胆的图案. 有时候你的网页设计某一部分引入注目,但大多数情况下是背景起到了决定性作用.背景设计往往可以用图片.图案.颜色色块组合而成,但如何才能设

网页设计技巧:创建网页背景材质的方法

文章描述:网页设计技巧:创建网页背景材质的方法. 在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节.虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受.所以这篇文章中,我会就网页背景材质创建过程中常用到的方法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考. 一.使用现成的图案来创建网页背景材质. 1.下载现成的图案样式,或者自己动手创建图案,关于如何自己创建图案,之前我写的一篇文章<在Photo

网页设计:用网页技术CSS实现网页背景渐变

css|渐变|设计|网页|网页背景|网页设计 用网页技术CSS实现网页背景渐变的四种代码设置. 一.从上往下渐变 body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);} 二.从左上至右下渐变 body{FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50

网页设计中如何让CSS控制网页背景?

css|控制|设计|网页|网页背景|网页设计 在符合标准的网页设计中如何用CSS控制网页的背景呢?包括背景的颜色,背景的图片等一些问题,在本教程中一次给你讲清楚. ·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的.这个的默认值是transparent(透明色). 例:body{background-color:yellow}H1{background-color:#000000} ·背景图片 backgr

分享47个很棒的 Photoshop 网页背景设计教程

漂亮的背景可以让网页增色不少,今天这篇文章要与大家分享的是50个非常有用的 Photoshop 网页背景设计教程,感谢那些优秀的设计师分享这么好的教程,赶紧为你的网页设计一个漂亮的背景吧. Abstract Kaleidoscope Poster – Photoshop CS5 Abstract Starfield Background – Photoshop CS5 Create Abstract Valentine's Day Card Create Awesome Abstract Neb

网页背景设计经典四技法

  在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节.虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受.所以这篇文章中,网页背景设计经典四技法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考. 一.使用现成的图案来创建网页背景材质. 1.下载现成的图案样式,或者自己动手创建图案,关于如何自己创建图案,之前我写的一篇文章<在Photoshop中创建多种样式的网格背景图案>以及<在Photo