多语言展示
当前在线:460今日阅读:23今日分享:25

DW之神奇的页面背景选择器

DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收后,Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始,使用了Opera的排版引擎 'Presto' 作为网页预览。使用Dreamweaver来制作网页,非常的简单快捷,能够很好的提高网页制作的效率,对网页感兴趣的朋友可以试试哦。注意前提是你首先已经安装了Dreamweaver制作网页的工具;
方法/步骤
1

要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,那是必备的哦,可以去官网里面去下载即可。第一步是打开Dreamweaver工具,然后在Dreamweaver选项的中,选择新建一个Html文件,这个是制作网页的前提哦;

2

在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的问题;

3

下一步中添加网页的标题选项,在title的标签中输入汉字,这个主要为网页的标题哦;

4

制作背景的选择器,我们先插入表格,下一步在插入中选择表格;

5

下一步我们插入一个两行六列的表格,提供十六种颜色的背景可以提供更换的;

6

点击确定后,看下一步代码会自动生成,注意在table的选择中添加上cellpadding=0 cellspacing=0这个元素,这个cellspacing设置为“0”,显示的结果就是第一个表格的每个单元格之间的距离为0,cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小;

7

下一步主要设置每行每列中背景选择器的颜色,那么下一步我们将在每列中添加相关的代码,首先设置每一列中的可选颜色的长与宽,然后设置其风格的颜色,onClick主要是设置当你鼠标点击后将其自动转换为你点后的背景颜色;

8

第二行第二列的也同上的哦,不过要注意将其风格的颜色可以更换掉的哦;

9

下一步注意Ctrl+S保存下网页,同时注意下给网页命个名字哦;

10

最后一步预览下效果吧,是不是觉得非常简单呢?自己可以不妨试试的哦;

注意事项
1

本经验是由本人亲自试验编写,图片文字全部为原创,亲自操作;

2

对于网页菜单栏的制作,可能很多人在各大网站都有看到过,漂亮的网页菜单栏能给人赏心悦目的感觉,喜欢热爱网页的朋友们可以尝试下;

推荐信息