如何在DW中制作左右折叠的网页
1、你要会使用asp 语言 不用特别难的 简单的就行， 左边的 折叠 ×（树形 ） 是添加行为 实现的 ，这个在 设计面板里 是可以 实现的 ， 而 想在右边的表格里 显示 左边 菜单里的详细内容 ， 要建立数据库 。
2、Dreamweaver cs3以上的版本制作这个么，还是比较简单的，可以使用spry的折叠菜单、折叠面板功能，可以比较方便地建立这样的效果。使用“层”（也就是AP元素）+“行为--显示和隐藏”也可以制作这样的效果。网上也有不少折叠菜单的js代码，可以下载之后，修改一下使用。
3、\新建文件并添加层。新建一个网页文件，在网页中添加一个父层（第一级的层）和一个子层（第二级的层），分别设置两个图层的大小和位置 2\设置表格和文字。在 layer1 层中插入表格，设置好表格的高度和背景，然后在表格内输入文字并设置好文字的格式 3\设置 layer2 层。
4、展开全部 用边框为零的表格 追问 不怎么懂唉╯▂╰，我刚接触不久 追答 多练习，并不是很难。有问题随时交流。
5、另一种方式是使用专门制作折叠菜单的软件，这类软件通常提供了多种模板，使得建立菜单变得简单。然而，在制作过程中，包括logo与菜单布局等处理，需要对css有所了解。JavaScript代码可以下载使用，但网页的CSS样式设计则需要自行完成。制作此类旅行主题网站，基础的html、CSS、javascript知识必不可少。
6、在附带的js文件中，找到如下句子（就在开头处）：this.defaultPanel = 0；把后面的0改为你想要的数值即可。可在面板处发送参数过来，如单击第n个面板，则传过来n，把n替换了上面的0，即可实现。
怎样用DW制作这样的网页
1、启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文档后就可以看到网页默认的代码了，编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。
2、在线下载DW软件并打开。创建新文件并选择HTML文档类型。填写代码并保存，然后预览网页效果。使用DW制作框架网页的步骤：进入DW的HTML编辑界面。切换到“经典”工作区并在右上角选择框架。选择合适的框架布局并确定。编辑框架并保存框架结构及每个子页面的文件。
3、dw制作一个完整的网页的步骤？在标题空格那里输入网页的名称，点击—页面属性，打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像，超级链接颜色，其他都保持默认值就可以了。
4、用DreamWeaver制作框架网页的步骤如下：理解框架概念：框架网页由一个主文件和几个分文件组成。这些分文件被主文件调用，并在同一界面的不同位置显示。创建框架集：在dreamweaver中，选择“插入”菜单，然后选择“HTML”下的“框架集”。根据需要选择框架的类型，如上下结构、左右结构或更多复杂的布局。
5、在制作网页时，首先需要在HTML文件中设置一个id。比如，如果你想让一个段落具有特定的样式，你可以这样写：这是一个段落 接着，你需要在CSS文件中定义这个id的样式。
html点击左边代码右边显示相应的内容
首先在电脑中打开Dreamweaver，然后在网页设计中点击编辑按钮，就可以下拉。然后点击这个二级菜单代码折叠。接下来在这里就可以使用各种折叠的命令了，同样还能使用他的快捷键按钮。或者在代码这里还可以直接点击。这时候就可以看到代码后面这样省略的显示，代码就被折叠起来了。
整个网页是框架，左右分栏，名字分别为leftframe、rightframe，左侧的超链接为a href= target=rightframe/a就可以了。
首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容。此时对应效果如图。接下来准备相关的导航按钮图片（可以事先利用PS制作好）。然后将以下CSS代码加入到head/head之间。网页此时的效果如图，就完成了。
不可忽视!新手设计者必须了解的5种导航栏设计类型!
1、首先，水平导航栏，常见于企业、产品网站，如即时设计资源广场的20种风格模板，适合内容不多的页面，用户只需鼠标滑动即可轻松选择。接着，下拉导航栏用于内容丰富网站，如政府和购物网站，如悬停或点击一级按钮，二级选项会以弹出式菜单呈现，使导航更清晰。
2、滑出式导航，引领潮流的便捷体验 滑出式导航以其简洁的呈现方式和现代感赢得了大量用户的青睐。当用户专注于内容时，隐藏的菜单会在需要时悄然出现，提供了一种沉浸式的浏览体验。全屏的滑动设计，如响应式布局，更能在视觉上带来极致的冲击，使导航与内容融为一体，提升整体美感。
3、滑出导航 滑出式导航是现在很流行的一种，当用户打开页面时，第一眼看到的是主要的内容而非菜单，给用户更好的第一印象。响应式全屏滑出导航也可以给人愉悦的体验。全屏导航 全屏导航设计对内容有强调作用，用户可以更加便捷地切换到不同的页面，让内容成为更加触手可及的东西。
4、抽屉式导航栏：节省空间，但可能需要学习成本，且可能对视觉造成干扰，设计需考虑兼容性。标签式导航栏：清晰明确，便于快速切换，但可能受屏幕尺寸限制，不适合大型复杂应用。浮动式导航栏：节省空间，适合内容丰富的应用，但可能降低发现性，操作复杂度增加。
5、导航二级菜单显示隐藏 很多网页中的二级菜单栏不直接显示，需要鼠标移动到一级菜单或者点击一级菜单才会展开显示二级菜单。input表单 input表单可以获取用户的信息，做出对应的动作，教程中直观的展示input表单的应用方法。
Axure70怎么制作折叠和展开的菜单效果
从左侧部件库中拖拉2个矩形，按照个人设定的样式，直接用鼠标拖拉调整好；然后复制矩形——选中要复制的内容，按住ctrl键，将光标移至矩形处变成一个双十字箭头（可移动标志）后，按住鼠标往旁边拉动，即复制成功。这里以复制两个后的三个为例。
配置每个模板的属性，在“部件属性和样式”中勾选“调整大小以适应内容”，此选项很重要，不然会造成重叠的效果 每个动态模板添加两个状态“state1”和“state2”，其中“state1”状态为隐藏状态，“state2”状态为显示状态。以tem1模板为例进行说明。
打开axure软件 添加单行文本，输入数字60，命名为time。可以相应调一下字体大小 添加动态面板，命名为round，双击动态面板，点击+号，添加状态，命名为状态1，状态2 设置动态面板状态1背景色为绿色，状态2背景色为红色。注：可以不设置任何颜色，此处是为了区分。
