大发彩票网首页

        dreamweaver怎么制作各种类型的菜单栏?

        文章TAG:Dreamweaver 菜单栏
        时间:2018-04-24来源:大发彩票网 www.lhltmj.com 作者:源码库 文章热度:

        大发彩票网 www.lhltmj.com 网页中想要添加菜单栏,如spry菜单栏,spry选项卡式面板,spry折叠式,spry可折叠面板,该怎么添加呢?下面我们就来看看详细的教程。

         

        软件名称:
        Adobe Dreamweaver CS6 官方中文正式原版(附激活补丁)
        软件大?。?/dt>
        278.08MB
        更新时间:
        2014-05-14

         

        1、打开dreamweaver,新建html,在右下方管理站点,然后新建站点,选择一个你想放网站文件的位置。最后点完成。站点建立结束。

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        一、spry菜单栏:

        选择上方的“插入”,找到”布局对象“,选择”spry菜单栏“,布局可根据需要选择,这里我选择了水平,菜单栏创建完成,点击项目1上方的蓝色区域,即”Spry 菜单栏:MenuBar1“,可以设置菜单栏的属性。

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        在属性中输入文本,先输入项目1的文本,再输入项目1.1,1.2,1.3等的文本,根据你的需要继续添加项目2,项目3等。调试后如图。

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        二、spry选项卡式面板:

        新建一个html,插入布局对象中的spry选项卡式面板,同样的,点击标签1上方的蓝色区域可以设置属性。不同的是,这个可以直接在菜单栏修改文本,即标签1,内容1说可以直接删掉并修改的?;恍锌梢蕴砑痈嘌∠?,再对选项设置超链接就行了。

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        三、spry折叠式:

        插入布局对象中的spry折叠式,可直接修改文本,内容中以换行区分,和选项卡式面板类似,

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        四、spry可折叠面板:

        插入布局对象中的spry可折叠面板,和前三者不同的是,每添加一个选项都要插入一个spry可折叠面板,但是选项的内容还是以换行区分,

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        另外,可折叠式面板的属性中可以设置打开的默认状态,我将第二个可折叠式面板的默认状态设置成了关闭,那么打开网页的时候就不会显示第二个面板的内容。

        dreamweaver,菜单栏

        dreamweaver,菜单栏

        以上就是dreamweaver制作菜单栏的教程,希望大家喜欢,请继续关注ASPKU源码库。


        注:相关教程知识阅读请移步到Dreamweaver教程频道。
        相关Dreamweaver教程
        热门标签

        Dreamweaver教程Rss订阅Dreamweaver教程搜索

        大发彩票网官网 | 大发彩票网平台 |
      • 【网易彩票】浮世绘的演进:从汉代中国到现代日本 2018-11-01
      • 【走势图】【广之旅】台湾个人旅游自由行入台证(全国受理) 2018-11-01
      • 【北京福彩网】新浪体育评现役50大第50-41:火箭超6携小曼巴 2018-11-01
      • 【常见问题】日常系列 科普某知名七大兽人氏族杂谈 2018-11-01
      • 【中奖新闻】暗黑时光手游下载v1.0.2 暗黑时光手游官方下载 2018-11-01
      • 【体彩P3】红色警戒2实用攻略秘籍 2018-11-01
      • 【开奖对应】ccleaner中文版|CCleaner(系统垃圾清理工具cc清理器下载)V5.46.0.6652绿色中文版下载 2018-11-01
      • 【彩票开奖直播信息】【新年小黑块】新年小黑块小游戏 2018-11-01
      • 【赔率中心】笔记本系统重装教程,笔记本电脑u盘启动盘装系统教程 2018-11-01
      • 【彩票工具】铁观音为什么要冷藏 因为这个原因 2018-11-01
      • 【上海体彩网】体验这款记录仪后 我发现了路趣T8的秘密【图】 2018-11-01
      • 【北京福彩网】设备维保技术服务工程师SE 2018-11-01
      • 【彩票工具】粉丝探访大熊猫食品专供基地 亲手采摘新鲜竹笋 2018-11-01
      • 【百度彩票】35年梦想成真,秘鲁闯进世界杯 2018-10-30
      • 【中奖信息】如何选佛山吉祥号码,手机号,座机号,终身受用。 2018-10-30