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
对于网页菜单栏的制作,可能很多人在各大网站都有看到过,漂亮的网页菜单栏能给人赏心悦目的感觉,喜欢热爱网页的朋友们可以尝试下;
上一篇:revit绘制轴网和墙体
下一篇:网站文章收录不稳定的原因