1.本课主要内容如图所示。

2.根据案例讲解，了解【手机导航的详解】，如图所示。

3.根据案例讲解，了解【标签式导航】，如图所示。

4.根据案例讲解，了解【选项卡导航】分为【固定式选项卡】、【滑动式选项卡】和【分段式选项卡】，如图所示。

5.根据案例讲解，了解【固定式选项卡】，如图所示。

6.根据案例讲解，了解【滑动式选项卡】，如图所示。

7.根据案例讲解，了解【分段式选项卡】，如图所示。

8.根据案例讲解，了解【页面式导航】，分为【列表式】、【宫格式】、【图片式】、【幻灯片式】，如图所示。

9.根据案例讲解，了解【列表式导航】，如图所示。

10.根据案例讲解，了解【宫格式导航】，如图所示。

11.根据案例讲解，了解【图片式导航】，如图所示。

12.根据案例讲解，了解【抽屉式导航】，分为【同层级抽屉导航】、【航悬浮式抽屉导航】、【嵌入式抽屉导航】，如图所示。

13.根据案例讲解，了解【同层级抽屉导航】，如图所示。

14.根据案例讲解，了解【航悬浮式抽屉导航】，如图所示。

15.根据案例讲解，了解【嵌入式抽屉导航】，如图所示。

16.根据案例讲解，了解【异形式导航】，如图所示。

17.了解本课内容小结，如图所示。