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%后的背景。你学会了吗?
本文到此结束,希望对大家有所帮助。
更多知识
-
狗狗生病了如何喂药?口服方法?分享简单实用的方法!
原标题:狗狗生病了如何喂药?口服方法?分享简单实用的方法! 狗...朕略傻 222 阅读
-
楼市大消息!房主买家各收1.5%,这个省会城市出手了!
原标题:楼市大消息!房主买家各收1.5%,这个省会城市出手了! 继...Rose情调※ 295 阅读
-
6月,带你“种草”乐山非遗!
原标题:6月,带你“种草”乐山非遗! 关于“非遗”,你了解多少...我真窝囊 265 阅读
-
伊朗要与多国组建新海军联盟 美国慌了:违背情理
原标题:伊朗要与多国组建新海军联盟 美国慌了:违背情理 伊朗军...臫欺欺亼 279 阅读
-
【环时深度】神十五乘组凯旋,哪些“神器”护航?
原标题:【环时深度】神十五乘组凯旋,哪些“神器”护航? 【环球...俄只是俄ゅ 309 阅读
-
果然紧跟!美印太司令部发声炒作中国导弹驱逐舰逼退美舰“不安全”
原标题:果然紧跟!美印太司令部发声炒作中国导弹驱逐舰逼退美舰“不安全” ...年少纵马且长歌 278 阅读
-
西甲大结局:巴萨夺冠压皇马 莱万金靴格刀助攻王
原标题:西甲大结局:巴萨夺冠压皇马 莱万金靴格刀助攻王 北...贤↘内助 300 阅读
-
被羁押22年后身患癌症,河北廊坊灭门案被告原伟东申请现场出庭被拒
原标题:被羁押22年后身患癌症,河北廊坊灭门案被告原伟东申请现场出庭被拒 ...回忆湿了眼 242 阅读
撰写回复