收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网站建设 >> Dreamweaver >> 正文
[组图]怎样制作精美网页背景【dreamweaver教程】         ★★★
怎样制作精美网页背景【dreamweaver教程】
作者:佚名 文章来源:本站原创 点击数:1540 更新时间:2012-6-13 17:56:46

你是不是已经厌烦了单调的网页背景,现在我们就来自己亲手设计一个网页背景。效果如如下,这个图是缩小30%后的效果。这个背景不是直接填充的图片,因此网站的速度不会受到影响。

怎样制作精美网页背景

工具/原料

photoshop

dreamweaver

步骤/方法

怎样制作精美网页背景

我么从网上下载一个简单的背景图,这个图片很小无法做网页背景,我们需要在这个基础之上再设计。

怎样制作精美网页背景

怎样制作精美网页背景

用photoshop打开这个图,然后在图层上右键单击,选择复制图层。这个文件我们会反复用到,所以我们新建一个别的文件来进行操作。

怎样制作精美网页背景

怎样制作精美网页背景

选择图像——图像大小。查看这张图的大小。记下宽度和高度分别为232和310像素。

怎样制作精美网页背景

怎样制作精美网页背景

怎样制作精美网页背景

接着我们按快捷键ctrl+n新建一个文件。命名为纵轴,宽度和高度分别为232和310。

怎样制作精美网页背景

怎样制作精美网页背景

接着我们回到第一个图片文件,拖住刚刚复制的图层,拖到刚刚建立的图片“纵轴”。

怎样制作精美网页背景

怎样制作精美网页背景

调整一下图层的位置使得图层和画布重合。然后点击图像——画布大小。

怎样制作精美网页背景

怎样制作精美网页背景

在弹出的对话框中我们选择宽度为5,高度为310,然后定位选择如图的位置。点击确定即可。然后我们这个图片就算做完了。

怎样制作精美网页背景

怎样制作精美网页背景

按快捷键ctrl+s储存这个图片,名称为纵轴,格式为jpg。

怎样制作精美网页背景

怎样制作精美网页背景

以上面同样的方法,重复步骤4-8,这个文件的大小和格式分别为宽232,高5,定位如图。

怎样制作精美网页背景

怎样制作精美网页背景

储存这个文件为横轴,格式jpg。

怎样制作精美网页背景

怎样制作精美网页背景

重复步骤4-8,我们再建立一个5x5的图,这个图定位为右上角,另存名称为方框。

怎样制作精美网页背景

怎样制作精美网页背景

怎样制作精美网页背景

我们打开dreamweaver,新建一个页面,然后点击布局,选择布局表格,画一个表格,然后设置高度为900x900。这个表格的名字为表格1,这是页面的主体部分。

怎样制作精美网页背景

怎样制作精美网页背景

在表格1内部的左下角我们再画一个表格,表格尺寸为232x310。下图中参数有误,应当是高310,你自己设置即可。这个表格名字是表格2.

怎样制作精美网页背景

怎样制作精美网页背景

接着在表格2的右边画一个表格3,表格3的尺寸为668x310.

怎样制作精美网页背景

怎样制作精美网页背景

在表格2的上方画表格4,表格4的尺寸为232x590.

怎样制作精美网页背景

怎样制作精美网页背景

在表格4的右边画表格5,尺寸为668x690.

怎样制作精美网页背景

怎样制作精美网页背景

选择标准按钮,接着光标放到表格2,然后点击背景右边的浏览。

怎样制作精美网页背景

怎样制作精美网页背景

怎样制作精美网页背景

选择我们一开始下载的那个图。

怎样制作精美网页背景

怎样制作精美网页背景

同样的方法,用我们刚才新建的图片“纵轴”填充一下表格3.

怎样制作精美网页背景

怎样制作精美网页背景

用图片“横轴”填充一下表格4.

怎样制作精美网页背景

怎样制作精美网页背景

用新建的图“方框”填充表格5.

怎样制作精美网页背景

怎样制作精美网页背景

最后按快捷键F12我们在浏览器中预览背景图。下图为缩放30%以后的背景。你学会了吗。

怎样制作精美网页背景

注意事项

不要用一张大图直接填充背景,这样会大大降低网站速度。以上面的方法建立的背景所占空间非常小。

经验内容仅供参考,如果您需要解决具体问题(尤其在法律、医学等领域),建议您接下来详细咨询相关领域专业人士。

文章录入:清水洗尘    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长