今天我们来讲解网页导航栏的绘制。网页导航栏通常是我们浏览页面关注到的第一项内容，起到引导用户与分流的作用。通过本任务的学习，要求同学们了解PC端页面常见导航栏类型，熟悉其常见的功能布局形式。了解常见网页导航栏参数指标，能够根据网页类型灵活设计出满足项目需要的导航栏。

【 任务引入 】

【 项目思维导图 】

学习任务

重点、难点

突破方法

1.文字工具的使用；

2.文字选择及排版技巧；

3.网页尺寸规范；

4.导航栏的分类；

5.导航栏的绘制。

重点：1. 文字选择及排版技巧；

          2.导航栏的分类；

          3.导航栏的绘制；

难点：1.文字选择及排版技巧；

          2.导航栏的绘制。

采用翻转课堂、项目导入的教学模式，采用分组讨论、案例教学、演示动画等教学方法，运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握文字工具使用；

2.掌握文字选择及排版技巧；

3.掌握网页导航栏的类型及导航栏的绘制。

1.能够熟练应用文字工具并进行合适的文字排版；

2.能进行各种类型导航栏的绘制。

1. 传统文化教育；

2. 养成勤于动手的习惯；

3. 培养团队合作能力。

课程思政——传统文化

效果图

【 视频讲解】

知识储备

    1、文字选项栏的设置

    2、字符对话框设置

    3、文字选择及排版技巧

    4、宣传单页排版

任务实现

    1、导航栏任务分析

    2、导航栏的分类

    3、导航栏logo区绘制

    4、导航区绘制

拓展任务实现

    1、网页店招实现

【 资料下载 】

活页教材

          网页导航栏绘制

课程教案

          网页导航栏绘制

演示文稿

       2、拟物化图标的绘制.pdf

任务工单

          网页导航栏绘制

素材下载

        天下logo.png

        广告图.jpg

        网易Logo.jpg

        天下背景图.jpg

        项目校徽.png

课后同步项目

          学院官网导航栏设计

练习题

       1、练习

疑难问题解答

     1、常见导航栏的类型有哪些？

       2、网页常用的尺寸标准有哪些？

       3、网页设计的原则有哪些？

       4、网页页面构成元素有哪些？