韩国风格网站之渐变背景教程

选中矩形,然后在菜单中选择“编辑”—“克隆”(也可以使用快捷键Ctrl+Shift+D)。选中上面的矩形,将纹理设为“网格线 7”,纹理总量为50%。

修改填充属性,将位于基础色的不透明度节点设为0。

将缩放比率放大可以发现,每相隔六个像素图像就会重复循环。为了优化网页并使循环无限进行,我们截取一个宽度为6像素的样本。从菜单中选择“修改”—“画布”—“画布大小”,将宽度调为6,如下图:

按Ctrl+Shift+X运行图像预览,用PNG24格式输出图像。至此,图像处理部分结束。
网页设计部分
打开你的Dreamweaver,新建一个HTML页面,并将网页保存在导出图片所在的目录。
选择菜单中的“修改”—“页面属性”。将“背景颜色”设置为上文设置的基本色(#0099FF)。“背景图像”设为你到处的图片地址。将“重复”设为“横向重复”。

现在,你已经将网页的背景设置好了,再新建一个表格,将表格背景设置成某种颜色,然后填上你所要写的网页内容就可以了。演示可以看本教程的页面。
注:本教程可任意转载,但请注明其来源于玛雅中国,作者为Aicoy(火德)。
如果你有问题,欢迎到玛雅论坛提问,也欢迎你到我的博客留言。
本教程所用软件为Fireworks 8,Dreamweaver 8。

