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

 时间:2024-10-16 09:10:17

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DW之神奇的页面背景选择器
DW之神奇的页面背景选择器
  • DW软件实时预览中如何设置主次浏览器
  • DW如何关闭启用代码提示
  • An如何进行行为的添加
  • Dw CC 2018使用速记怎么设置过渡效果
  • Animate如何制作蝴蝶飞到点击处的效果(AS3)
  • 热门搜索
    关于法制的手抄报 中秋节手抄报简单漂亮 劳动手抄报内容 法律手抄报 端午节手抄报资料 森林草原防灭火的手抄报 关于足球的手抄报 科技手抄报内容资料 科普知识手抄报 重阳节手抄报简单又漂亮