主题：[转帖]在线网页设计制作实例：圣诞节网页

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

　　一、网页背景制作

Background Image Maker 地址：lab.rails2u.com/bgmaker/

图1，效果预览

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

图1

1.设计背景图案

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

图3

　　2.设置图案间距

　　这里我们选择“Slash”斜线效果， 然后在“Margin”边线距离选项中给斜线间距设置为“2”PX（图4）。

图4

　　3.设计图案颜色

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

图5

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

　　4.发布图案

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

图7