顶部导航栏(鼠标移入显示子栏目,移出隐藏)
1、通过以上步骤，就可以实现顶部导航栏中鼠标移入显示子栏目、移出隐藏子栏目的交互效果。
2、鼠标移入/移出：选中主菜单和子菜单，设置交互事件：鼠标移入时切换为「选中」状态。
3、效果说明：启用后，顶部菜单栏默认隐藏，仅当鼠标指针移动至屏幕顶部时才会临时显示。
4、隐藏导航栏 点击窗口上方的“组织”按钮。在弹出的菜单中，将鼠标移动至“布局”选项。在“布局”的子菜单中，点击“导航窗格”，此时导航栏将被隐藏。隐藏导航栏后的效果：隐藏预览栏 同样点击窗口上方的“组织”按钮。在弹出的菜单中，将鼠标移动至“布局”选项。
5、这样word的菜单栏就又重新恢复了；我们还可以将菜单栏的功能键添加到快速选项区，方便操作，鼠标右键选中要添加的功能 单击“添加到快速工具访问栏”；如果要取消，则右键单击选择“从快速访问工具栏中删除 操作方法 01 打开文档，检查在导航窗格显示的内容是否设置为正确的标题。
【Axure9案例】如何制作网站顶部导航栏
1、设置交互样式打开交互样式设置：全选所有导航菜单项，右键点击并选择“交互样式”选项。
2、将矩形形状拖入到Axure9的面板中。调整矩形的宽度和高度，以适应导航栏的样式需求。
3、Axure动态面板绘制动态导航菜单的操作步骤是：第一步：添加动态面板并重命名【动态导航菜单】。第二步：双击进入编辑状态，添加动态面板【模块一】，调节大小并重命名。第三步：在【模块一】中添加与面板大小相等的矩形，重命名为【一级菜单】。
4、（注：此图片为示意，实际预览效果应在Axure RP9中查看）至此，一个动态导航菜单的制作就完成了。
5、制作页面 为了体现效果，我们需要做一个比较长（高）的页面，在Axure工作区中拖入4个矩形，分别为顶部标题、菜单、页面内容、底部。设置矩形宽度和高度，让其看起来像是一个页面布局。
如何用Photoshop制作网站的“导航栏”
创建基础背景 打开PS软件，新建画布，尺寸根据实际需求设定（如宽度1200px、高度80px）。
使用PS设计网页导航栏的步骤如下：准备工具与原料确保已安装Photoshop软件，并准备一台可运行的电脑。
准备工作 确保已安装photoshop cs6软件。新建文档 打开photoshop cs6。
用photoshop画出导航栏的效果用切片工具把每个导航标签切出来。并保存切片。如下图：再用html写出导航栏的代码，把这几个图片链接到网页中，就可以了总结：photoshop是无法直接做出导航栏，它只是辅助设计出效果，实际功能的，还是要用html代码的。
photoshop网页美工期末总结与体会文章 篇一 在这一年美工总结自己接触和学习设计的一点经验心得。 网站的配色 网站的布局 做美工设计的不单要对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。整体配色、字体、各模块的间距、插图、增减内容等各个方面的敲着。
