2016网页制作（主编高律-科学出版社）使用导航栏.docVIP

第四节 使用导航栏 【计划课时】：3课时 【授课班级】：计算机应用一班 【教学目的与要求】 【教学方法与手段】 多媒体教学：借助多媒体手段，进行课堂理论教学； 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；? 【教学重点与难点】： 基础知识：。 重点知识： 【教学组织过程】 1．上讲回顾 2．教授新知 【授课内容】 一、定义导航结构 在网页内添加导航栏之前，先建立该站点的导航结构 “视图”—“导航”按钮 二、认识导航栏属性 “插入”—“导航栏”按钮 “父层”：创建指向当前网页上一级网页的超链接，并将上一级网页的标题名称显示在导航栏内。 三、创建导航栏（要在浏览器中才可看到实际导航栏效果） 四、创建共享边框 用创建导航栏的方法只能在一个网页中创建导航栏，若需要导航栏出现在站点内多个网页的相同位置，则可将导航栏插入网页的共享边框内。 右击编辑窗口，单击“共享边框”命令 练习二、利用框架设计一个企业网站的布局 要求有如下内容：关于我们、商品展示、在线订购、网上留言、联系我们、产品目录、友情链接等。 【课程小结】 【作业】 1．5 课后练习 书本课后练习作业 第五节 网页布局功能的应用 【计划课时】：3课时 【授课班级】：计算机应用一班 【教学目的与要求】 【教学方法与手段】 多媒体教学：借助多媒体手段，进行课堂理论教学； 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；? 【教学重点与难点】： 基础知识： 重点知识： 【教学组织过程】 1．上讲回顾 2．教授新知 【授课内容】 一、创建布局表格 1、创建布局表格 打开一个空白网页，并切换到“设计”视图下，单击“表格”菜单中的“布局表格和单元格”命令，随后在右侧弹出一个任务窗口，在该任务窗口下面程序提供了多种表格布局模板，在此单击其中需要的模板即可将该模板添加到网页中。 2.绘制布局表格 　如果你对模板中提供的布局表格不太满意，还可以用手工绘制的方法创建一个布局表格。创建时首先在“新建表格和单元格”项中单击“绘制布局表格”，随后将指针移到操作窗口最左端，然后拖动鼠标即可绘制表格。 3、设置表格属性 插入表格后，还需对表格属性进行设置。在“表格属性”项中设置该表格所需的属性。 　　提示：在设置表格时，如果要想覆盖网页的默认边距，并让布局表格跨到文档窗口的边缘，可以将表格中的各个边距的属性都设置为0。 在设计框架时经常需要调整某一行或列的属性，这时可以通过表格中列宽和行高的标签来完成。在操作窗口中单击布局表格需要调整的边框，每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头，如更改行高度时，单击此下拉箭头弹出一个下拉菜单，选择“更改行高”命令，在弹出的“行属性”对话框中重新输入该行高度值即可。 练习三、使用布局功能设计学校网站　　 要求包括有以下内容：学校简介、校园新闻、教育教学、学生天地、校园论坛、教师之家等 【课程小结】 【作业】 1．5 课后练习 书本课后练习作业 第六节 网页布局设计 【计划课时】：3课时 【授课班级】：计算机应用一班 【教学目的与要求】 【教学方法与手段】 多媒体教学：借助多媒体手段，进行课堂理论教学； 启发式教学：教学活动关注的重点从结果转向过程。激发思维，师生互动，增强学生学习的主动性、积极性和创造性；? 【教学重点与难点】： 基础知识：。 重点知识： 【教学组织过程】 1．上讲回顾 2．教授新知 【授课内容】 一、文本的美化（“格式”—“字体”） 1、输入文本 2、美化文本（设置文本字体、字号） 注：字符的大小共有6级，其中默认级别是3。 3、设置文本效果 4、改变文本颜色 5、设置字符间距 二、 运用边框与阴影（“格式”—“边框与阴影”） 1、设置边框 2、设置阴影 三、 使用列表（“格式”—“项目符号和编号方式”） 1、添加项目列表 。 项目列表也称为无序列表，它将在项目前添加标志符号。可以将图片作为新的项目标志。经常使用的项目符号有3种：实心黑点、空心圆圈和实心方块。 2、添加编号列表 在网页中的内容存在顺序关系时，可应用编号列表。 3、添加定义列表 定义列表就是在网页内定义词汇、术语的列表，具体的定义内容将以首行缩进的方式出现在列表的下一行。（格式工具栏的“样式”—“定义的术语”，输入要词汇、术语，按回车键） 4、设置嵌套列表 要建立组合列表，可以先生成第1级列表，然后再生成第2级列表，依此类推。 建立组合列表的具体操作步骤如下： （1）先生成第1级列表 （2）将光标移动到拥有第2级列表的第1级列表项目的末尾，然后按回车键。将出现一个空的列表行。 （3）单击“格式工具栏”中的“增加缩进”图标。该行