dreamweaver如何设计网页（怎样制作精美网页背景dreamweaver教程）

大家好，苏苏来为大家解答以上问题。dreamweaver如何设计网页，怎样制作精美网页背景【dreamweaver教程】很多人还不知道，现在让我们一起来看看吧！

1、我从网上下载了一张简单的背景图片。此图像太小，不能用作网页的背景。我们需要在此基础上重新设计。

2、用photoshop打开这个图，然后右键点击图层，选择复制图层。我们会反复使用这个文件，所以我们会创建一个新的文件来操作。

3、选择图像——的图像尺寸。检查这张图片的大小。注意宽度和高度分别是232和310像素。

4、然后我们按快捷键ctrl+n来创建一个新文件。命名为纵轴，宽度和高度分别为232和310。

5、然后我们回到第一个图片文件，拖动刚刚复制的图层，拖动到刚刚创建的图片“纵轴”。

6、调整层的位置，使其与画布重合。然后点击图片——画布大小。

7、在弹出的对话框中，我们选择宽度为5，高度为310，然后定位选择如图所示的位置。单击确定。那我们就完成这张照片了。

8、按快捷键ctrl s，以纵轴名称和jpg格式保存此图片。

9、以与上述相同的方式重复步骤4-8。这个文件的大小和格式分别是232宽和5高。位置如图所示。

10、将此文件另存为jpg格式的横轴。

11、重复步骤4-8，我们将构建一个5x5的图，它位于右上角，命名为一个盒子。

12、我们打开dreamweaver，创建一个新页面，然后单击布局，选择布局表格，绘制一个表格，然后将高度设置为900x900。这个表的名称是Table 1，它是页面的主要部分。

13、在表1的左下角，我们绘制了另一个大小为232x310的表。下图中的参数是错误的。应该是310高。可以自己设置。这个表单的名称是form。

14、然后在表格2的右边画一个表格3，表格3的尺寸是668x。

15、在表2的顶部画出表4，表4的大小为232x。

16、在表单4的右侧绘制表单5，大小为668x。

17、选择标准按钮，然后将光标放在表2中，然后单击背景右侧的Browse。

18、选择我们一开始下载的图片。

19、同样，用我们刚刚创建的图片的“垂直轴”填充表格。

20、用图片“横轴”填写表格

21、用新创建的图表“框”填充表格

22、最后，按快捷键F12在浏览器中预览背景图像。下图显示了缩放30%后的背景。你学会了吗？

本文到此结束，希望对大家有所帮助。

标签：

版权声明：本文由用户上传，如有侵权请联系删除！