【摘要】为了丰富同学们的学习生活，威廉希尔app 小学频道的小编搜集整理了插入导航栏教案，供大家参考，希望大家喜欢。

作文乐园 插入导航栏

(一)本课教学目标：

1、熟练掌握在新建的专用文件夹中建立新的网页，并更改"网站标题"。

2、能够在"导航"视图中创建栏目的导航结构。

3、能够在网页中添加导航栏，并通过导航栏建立网页间的超链接关系。

4、能够利用导航栏链接浏览网站。

(二)教学设计与教学建议：

1。课堂引入分析：

在第2单元，学生已经掌握了利用悬停按钮和图片制作超级链接的操作，由于网页之间的超链接需要一个一个独立设置，经常会出现漏掉的现象，导致个别网页不能访问，为了能够更方便快捷地在多个网页之间建立超链接，本课将学习一种更便捷的建立超链接方式:在"导航"视图中创建栏目的导航结构，并利用导航栏制作超链接。

在课堂的引入部分，教师可以这样设计:

首先给出一定的时间，让学生按要求完成以下任务。(因为通过前两个单元的学习，学生具备的知识完成这些任务并不困难，为了节省课堂时间，教师也可以将做好的半成品通过局域网传给学生，让学生在此基础上完成后面的任务。教师可以根据学生情况自行安排。)

(1)创建栏目文件夹zwly。

(2)在文件夹"zwly"下新建7个网页文件，文件名和网页标题对应关系如下:

zw ——作文乐园

zw1——人物写真

zw2——成长足迹

zw3——读后有感

zw4——多彩生活

zw5——鸿雁声声

zw6——游踪览胜

(3)在"导航"视图中建立导航结构(给出结构图)。

其次，学生要在有限时间内让这7个网页可以相互访问，还可以与主页相互访问，可以用悬停按钮，图片或文字进行超链接(不限制)。

规定的时间结束，检验学生完成情况，结果没有一个学生按时完成任务。此时教师引出本节课的学习任务，介绍一种更方便快捷的超链接方法——导航栏。

接下来，让学生参考教材或教师准备的学习资料通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程(提倡)，也可以是教师演示操作过程。

最后总结利用导航栏建立超链接的方法与其他方法相比有什么优势。

2、重点内容分析：

本节课的重点可以归纳为两点：

(1)在"导航"视图中创建栏目的导航结构：

在"导航"视图中，创建站点的导航结构，主要是为了确定网页之间的关系。打开"导航"视图，通过"文件夹列表"将网页文件直接拖动到"导航"视图中合适的位置，待虚线相接，释放鼠标即可。在导航结构中只显示网页的中文标题，这样有利于网站结构更加清晰。创建导航结构，既可以先制作好网页再组织导航结构，也可以先建好导航结构，再编辑

网页。如"卡通世界"栏目就是先建好了网页，后组织导航结构;"作文乐园"栏目就是先建好导航结构，再编辑网页。

(2)在网页中插入导航栏：

只有在"导航"视图的导航结构中包含的网页，才能插入导航栏。利用导航栏，能够方便快捷地批量完成超链接设置，而无须一个个网页独立设置。在"导航栏属性"对话框中，要选择恰当的超链接目标，如下图中的导航结构中，在"作文乐园"中插入导航栏，在"导航栏属性"对话框中，选择要链接的网页为"主页"和"子层"，"子层"包括"人物写真"，"成长足迹"，"读后有感"，"多彩生活"，"鸿雁声声"，"游踪览胜"6个网页。在预览"作文乐园"网页时，通过导航栏链接，能访问主页和它下面的所有子层网页。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点：

(1)利用"文件夹列表"为站点创建专业文件夹，并利用"文件夹列表"为专业文件夹添加新的网页，网页标题用与网页内容相关的中文表示。

(2)在"导航"视图中创建栏目的导航结构。打开"导航"视图，通过"文件夹列表"将网页文件直接拖动到"导航"视图中合适的位置，待虚线相接，释放鼠标即可。在导航结构中只显示网页的中文标题，这样有利于网站结构更加清晰。

(3)在网页中插入导航栏。只有在"导航"视图的导航结构中包含的网页，才能插入导航栏。利用导航栏，能够方便快捷地批量完成超链接设置，而无须一个个网页独立设置。

(4)在"导航栏属性"对话框中，要选择恰当的超链接目标，如根据"作文乐园"栏目的导航结构，在"作文乐园"网页中插入导航栏，在"导航栏属性"对话框中，选择要链接的网页为"主页"和"子层"，在预览"作文乐园"网页时，通过导航栏链接，能访问主页和它下面的所有子层网页。

(三)教学补充：

1、在"子层"网页中插入导航栏 ：

在设置"导航栏属性"时要注意分析超链接目标。例如在"人物写真"网页中插入导航栏，"人物写真"要访问的目标有与它同一层的网页"成长足迹"，"读后有感"，"多彩生活"，"鸿雁声声"，"游踪览胜";有它的父层网页"作文乐园";有"主页"。因此在选择超链接目标时，要选择"同一层"，"主页"，"父页"，如下图所示。

选择"同一层"是与它同一级别的网页建立链接关系

选择"父页"是与它上一级别的网页建立链接关系

选择"主页"是与主页建立链接关系

2、当单元格中需要输入大量的文字时，指向单元格右击，打开"单元格属性"对话框，将"布局"选项区域中的"垂直对齐方式"由"默认"选项改为"顶边对齐"选项，如下图所示，这样光标就会在单元格上方显示。通过"单元格属性"对话框还可以设置单元格的背景，边框，宽度，高度。

将"垂直对齐方式"由"默认"选项改为"顶边对齐"选项

【总结】插入导航栏教案就为大家整理到这儿了，希望对大家有帮助，更多精彩内容尽在威廉希尔app 。

小编推荐：

五年级信息技术：修饰首页教案

五年级信息技术：创建个人网站教案