大发彩票网首页

        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-07-15
      • 今年“两会”筹备启动早亮点频出 2018-07-15
      • 省住建厅厅长吴浩到鹤调研百城建设提质工程郭浩参加 2018-07-15
      • 山东脱贫攻坚简报第17期 2018-07-15
      • 市住建局:召开上半年党建述职评议大会 2018-07-15
      • 李兆前任全国工商联党组成员(图/简历) 2018-07-15
      • 新知新觉:认识把握意识形态工作发展态势 2018-07-15
      • 湖北学霸获六校研究生推免 最终选择去北邮 2018-07-15
      • 民航局回应“国航航班紧急下降”:初步调查为副驾驶吸电子烟所致 2018-07-15
      • 图集|盛况!广昌千人舞太极 共创莲乡宜居梦(1) 2018-07-15
      • 上诉人南宁市朝众商贸有限公司与被上诉人李耀祺、原审第三人桂林市南城百货有限公司侵权责任纠纷一案 2018-07-14
      • 潮州果苗批发基地在哪里(广西区 柳州市 城中区) 2018-07-14
      • 想入“世界华人联合会”?中国15000人都被骗了 2018-07-14
      • 国家电网有限公司STATE GRID Corporation of China 2018-07-14
      • ?????????ι?????????????????桱 2018-07-14