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

dreamweaver|dreamweaver8|设计|网页|网页背景

  本教程由网页教学网原创。网页教学网-专业的网页教学站点,为您提供最新、最快、最实用的技术。

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

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

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

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

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

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

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

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

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

入门:Dreamweaver8设计网页背景实例讲解的相关文章

Dreamweaver8设计网页背景实例讲解

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

Dreamweaver8设计网页背景讲解

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

iOS网络编程入门:蓝牙对等网络通信实例讲解

基于蓝牙对等网络通信就是使用Game Kit中的GKSession.GKSessionDelegate. GKPeerPickerController和GKPeerPickerControllerDelegate来实现.开发过程分为3个步骤:连接.发 送数据和接收数据. 下面我们通过一个实例介绍一下基于蓝牙对等网络通信过程.用户点击"连接"按钮,建立连接过程中会出现连接对话框,根据具体情况也会弹出其它的对话 框.这些都是针对蓝牙对等网络标准对话框,而Wifi对等网络没有标准对话框可以使

Fireworks设计网页平面稿入门

设计|网页 总有人在那里炫耀自己的ps(photoshop)技术,好象是平面就要用ps做,结果很多做网页的设计师也用ps做平面图然后切割导图,再做网站,今天我就来说说用fireworks一样可以做出好的网页设计,只要你有心! 先看最终效果图: 下面开始讲解: 1.布局 先来说一下 我们制作网页一般的大小 高度:没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值. 宽度:1.在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21

入门:HTML设计网页中的字体的问题

设计|网页|问题 你可能正建立自己在网上的家-WEB页,又或者它已经被你安置在网络某一角里.无论出于什么目的,你都希望有更多的指导,告诉你该如何更好的布置家. 在目前许多的指导中,他们都在诉说,应该加一点声音或者一个说话的场地.的确我们都需要它,但我希望关心更多WEB家里底层的东西,比如如何把字体弄的漂亮些,或者让页面颜色变的活泼些,让访问者增加"看欲",还有更多你曾经都没有关注的细微之处.今天,我们首先来探讨页面的字体. 一.HTML中定义字体 字体的确是很好打交道的,一开始制作页面

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

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

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

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

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

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