您的位置首页  产经信息  IT

在线网页设计制作实例:圣诞节网页

  • 来源:互联网
  • |
  • 2022-11-26
  • |
  • 0 条评论
  • |
  • |
  • T小字 T大字

在线网页设计制作实例:圣诞节网页

  今年圣诞节打算做点什么作品送给朋友们呢?天极设计在线为大家介绍了那么多的在线制作工具,有你需要的吗?这次我们一起来学习在线制作圣诞节网页如何?

  现在的网页设计师们都喜欢使用斜线效果的网页背景图,初学网页设计的朋友可能不知如何制作此类效果,其实这种效果使用在线背景制作工具就能轻松搞定了。打开这个网址,可看到醒目的“Background Image Maker”标题,页面下左边是设计背景图像的所有工具(图2)。

  圣诞节来临,互联网上到处都是充满了节日景象,这里我们使用“Background Image Maker”的工具来设计一个喜庆气氛的背景图。首先在网页左边工具菜单面板“Type”的选项中为背景图片挑选一个图案,“Slash”是斜线效果、“Strip”是横线效果、“Dot”的点状效果、“Gradation”是竖行颜色渐变效果(图3)。

  这里我们选择“Slash”斜线效果, 然后在“Margin”边线距离选项中给斜线.设计图案颜色

  接下来设计背景图像的颜色了,在“Line Color”中我们可以直接输入颜色代码,或拉动红、蓝、绿三种颜色的滑珠手动调解颜色。使用手动调节方式,可以在拉动滑珠的同时预览到颜色的变换(图5),这样我们很快的调节出红色效果。

  在“BackgroundColor”中我们还可以为这给背景图像设计它的背景颜色,不过应用于网页背景,直接使用透明“Transparent”效果较好。在背景图像尺寸“Size”选项处,使用“Auto”自动选项可不用限制它的尺寸。如果要增加背景图像的透明度,可在“Alpha”透明度选项中输入数值设定它的透明度,其中“0”为不启用透明效果,“127”完全透明(图6)。

  最后点击“Make”按钮就得到制作完成的背景图像了,如果为背景图像设计一个背景颜色,制作出来的效果也很漂亮(图7)。希望能立刻使用该背景效果图,从“URL”选项中复制图像的连接地址就ok了。我们可以利用这个链接,在使用Dreamwaver或工具制作网页时,让网页背景直接调用这个背景图像。图7

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。联系QQ:1640731186
  • 标签:科技网页设计
  • 编辑:崔雪莉
  • 相关文章
TAGS标签更多>>