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
对于网页菜单栏的制作,可能很多人在各大网站都有看到过,漂亮的网页菜单栏能给人赏心悦目的感觉,喜欢热爱网页的朋友们可以尝试下;
推荐信息
- 1
巧用Dreamweaver制作简单的变色菜单栏
- 2
新员工入职培训内容
- 3
如何学好奥数差倍问题
- 4
手机移动办公之制作企业专属培训视频
- 5
小学生几年级学奥数最好
- 6
OA办公系统实施要注意哪三个方面?
- 7
学好小升初奥数掌握必要窍门
- 8
爱办公:如何帮助公司提升办公效率?
- 9
解决奥数难题的六种武器----大帝学校
- 10
EXCE系列-办公自动化-VBA(1)-批量合并工作薄
- 11
当今的OA办公系统是否要向云计算方向发展
- 12
怎么辨别办公软件培训机构的好与坏?
- 13
三年级奥数应该怎样学
- 14
办公自动化概述
- 15
如何进行咖啡店推广
- 16
郑州不同季节有哪些拍婚纱照风格?
- 17
OA系统发展的三个阶段分别是什么?
- 18
怎么学好奥数?
