网页设计与制作 高职多媒体 杨桂 刘亚妮 课件Part1N3 网站导航设计与制作.ppt

《网页设计与制作 高职多媒体 杨桂 刘亚妮 课件Part1N3 网站导航设计与制作.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学习情境三网站导航设计与制作任务一制作网页导航模块任务及内容体系教学目标制作网页导航能力目标：渐变工具文字工具知识目标：制作网页导航色彩感悟能力结构布局能力素质目标：建立Banner背景输入导航文字绘制Banner矢量图背景输入网址适当调整完成本学习情景任务一管理图层建立Banner背景知识点新建图层组绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多余图片内容管理图层建立Banner背景知识点设置选框固定大小绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多余图片内容管理图层建立Banner背景知识点选区的平

2、滑绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多余图片内容管理图层建立Banner背景知识点渐变编辑器绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多余图片内容管理图层建立Banner背景知识点选区边界修改绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多余图片内容管理图层建立Banner背景知识点渐变工具绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多余图片内容管理图层建立Banner背景知识点图层的合并绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多

3、余图片内容管理图层建立Banner背景知识点选框工具的使用绘制矩形选区平滑选区填充渐变修改选区边界渐变填充选区合并图层清除多余图片内容学生实践关键步骤：1、使用圆角矩形工具绘制圆角矩形2、设置描边（灰色、居外）、渐变3、选区修改操作4、叠加一层半透明的白色（#ffffff）渐变增加立体感5、输入文字关键步骤：1、绘制背景2、输入文字3、绘制圆角矩形　4、绘制小三角能力拓展展开式导航竖式导航TAB式导航关键步骤：1、使用圆角矩形工具绘制一级导航按钮2、为一级导航按钮添加描边、渐变3、复制多个按钮，并调整好位置4、使用矩形选框工具在一级导航按钮上

4、方绘制展开的二级导航背景5、更改TAB当前选中的一级导航按钮颜色与二级导航背景一样6、叠加一层半透明的白色（#ffffff）渐变为蓝色按钮增加立体感7、输入文字项目经验小结导航是网页界面设计中的重要元素。一个良好的网页导航系统能不止是要把它设计的够漂亮，同时更重要的是要能够带领你的用户逗留在你的网站之中，设计导航时要具有前后连续顺序，注意超链接颜色的强调呈现，让访客轻松找到他们想要观看的内容。网页界面设计学习情境三结束！