欢迎您访问我爱IT技术网,今天小编为你分享的电脑教程是通过网络精心收集筛选的最优节选:“怎样制作精美网页背景【dreamweaver教程】”,请注意:文中所谈及的内容不代表本站的真正观点,也请不要相信各种联系方式。下面是关于网络上怎样制作精美网页背景【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%以后的背景。你学会了吗。

用户类似问题:
问题1:用dreamweaver制作网页时如何设置背景图片
针对adobe 和 macromedia(dreamweaver 8)和(dreamweaver cs4)时代的: 1.在属性面板当中选择页面属性,选择左面的 ”外观css(adobe)或者外观( macromedia)“ 2.选择图片 3.在style里面选择boby,在选择左面的背景,可以进行更多的调试 >>详细
问题2:dreamweaver网页制作怎么把背景图片平铺填满屏幕,...
background-size:100% 100%; 解释: 背景图片充满整个屏幕,宽高百分百。 background-repeat:no-repeat; 解释:禁止重复。 >>详细
问题3:使用dreamweaver做网页时背景图片太小,如何显示在...
这个大致可以分为两种情况 第一,如果你的图片是有规律的背景图片,如渐变或者图案,你可以做背景图片平铺至整个页面;如 body{background:url(../images/icon.gif) 0 0 repeat;} /* X轴 Y轴都平铺 */ body{background:url(../images/icon.gif) ... >>详细
问题4:Dreamweaver制作网页中设置页面的大小及页面背景色
1、直接打开Dreamweaver软件。 2、点击下面属性面板中的页面属性。 3、弹出对话框后可以自定义背景色,也可以添加背景图片,根据需要制作的宽度来定义其他表单即可。 >>详细
问题5:用dreamweaver自己制作网站如何设置背景图片,急啊...
dreamweaver 可以直接设置网页属性的 下边 >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
