多语言展示
当前在线:176今日阅读:176今日分享:34

巧用Dreamweaver制作简单的变色菜单栏

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

首先打开你桌面上已经安装好的Dreamweaver制作网页的工具,点击新建一个HTML文件;

2

新建好一个html文件后,然后选择拆分的选项,方便看代码与效果图,将鼠标放置在中间方便编写程序代码,一般情况下,都是放置于body的中间啦;

3

一般在制作菜单栏的时候,需要一个div标签,下一步我们就插入div的标签栏,选择插入--布局对象--div标签;

4

下一步中在div的标签里面插入ul  li标签 是一对无序清单列表,一般在新闻列表中有见过吧,一般放在div中是为了做成一个容器用的。然后选择格式--项目列表,导出ul标签,然后再添加上li标签列表;

6

标签的列表制作好后,可以添加相应的超链接选项了,点击插入超链接就可以了;

7

点超链接的设置后,会出现一个对话框,是对链接进行设置的;

8

下一步整体的样式出来了,下一步进行css样式表的设计了,设计样式表是对整个div奏效的,所以注意在div中定义样式,添加相关的id,将其设置

9

设置成功后,点击Ctrl+S保存制作好的网页文件,命名为'菜单栏'就可以了;

10

最后一步我们预览一下简单的变色菜单栏的效果吧;

注意事项
1

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

2

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