网站首页 | 图形处理 | 网页设计 | 编程学习 | 操作系统学习 | 办公软件学习 | 常用软件学习 | 视频教程 | 设计作品欣赏| IT认证 | 设计素材下载 | 常用软件下载


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




  • 上一篇教程:
  • 下一篇教程:

  •  
    推荐

    最新
    · 入门:充分利用Dreamwea…
    · 使用Dreamweaver8对网站…
    · Dreamweaver网页制作教程…
    · 使用Dreamweaver来详细了…
    · 使用Dreamweaver8在网页…
    · 用Dreamweaver合理为为网…
    · 入门:Dreamweaver8设计…
    · 如何使用Dreamweaver方便…
    · Dreamweaver8创建自定义…
    · 在DreamweaverCS3中用Sp…

     

    没有任何图片教程



    本站提供大量Photoshop照片处理,语言编程,网页设计制作,windows系统等软件在线实例教程,欢迎你投稿你的设计作品.lhy514251@163.com

    粤ICP备06081596