在线网页设计制作实例:圣诞节网页
今年圣诞节打算做点什么作品送给朋友们呢?天极设计在线为大家介绍了那么多的在线制作工具,有你需要的吗?这次我们一起来学习在线制作圣诞节网页如何?
现在的网页设计师们都喜欢使用斜线效果的网页背景图,初学网页设计的朋友可能不知如何制作此类效果,其实这种效果使用在线背景制作工具就能轻松搞定了。打开这个网址,可看到醒目的“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
- 标签:科技网页设计
- 编辑:崔雪莉
- 相关文章
-
在线网页设计制作实例:圣诞节网页
今年圣诞节打算做点什么作品送给朋友们呢?天极设计在线为大家介绍了那么多的在线制作工具,有你需要的吗?这次我们一起来学习在线…
-
黑科技在线网站每一个都是经典!
实用的在线网站不仅仅能够对我们工作带来帮助,也能丰富我们的生活
- 你不可不知的搜狗浏览器“黑科技”
- 杭州诠网科技分析创意型网站建设
- 中国科技创新“井喷式”爆发
- 科学普及与科技创新协同发力为世界科技强国建设提供强劲支撑——科技部党组、部长王志
- 第十三届计算机科技文化节之网页设计大赛完美落幕