122 Spry构件 教案

122 Spry构件 教案 南阳工业学校教案授课班级授课时间教材网页制作基础教程（Dreamweaver CS3）葛艳玲电子工业出版社教学项目12.2Spry构件教学目标通过教学，使学生掌握Spry折叠构件、菜单栏构件、验证文本域构件、验证复选框构件与重复区域构件等多种构件的使用方法。 教学形式一体化课，在一体化教室内教学方法教学做一体化教学、演示教学法教学准备1.课件2.一体化教室Spry折叠构件、菜单栏构件、验证文本域构件、验证复选框构件与重复区域构件等多种构件的使用方法。 教学重点教学难点Spry折叠构件、菜单栏构件构件的使用方法。 教学过程设计设计流程考勤（2）教学形式实例演示，激发兴趣教学内容设计意图学生到课情况通过样例产生的效果图让学情境引入（5）1.教师展示样例，显示效果，让学生感魅力。 2.提出问题效果图如何产生？学生思考。 3.教师介绍相关的概念。 生在视觉、上得到真实感受，启发学生思考，提高学习兴趣。 12.2.1Spry菜单栏1插入Spry菜单栏“插入”栏|“Spry”类型|“Spry菜单栏”按钮或菜单栏“插入”|“布局对象”|“Spry菜单栏”或“插入”|“Spry”|“Spry菜单栏”命令。 在弹出的“Spry菜单栏”对话框中选择“水平”或“垂新课教学（58）直”，然后单击“确定”按钮。 2Spry菜单栏属性“菜单项”单击列表框中的具体菜单项，在“文本”文本框中输入文本即重新定义该列表项的内容。 “添加菜单项”按钮表示为该菜单项添加了“子菜单”。 “删除菜单项”按钮将该菜单项与“子菜单”同时删除。 “上移项”或“下移项”按钮进行菜单项的显示排序。 “链接”输入链接的目标页面地址，或者单击“浏览”按钮以浏览到相应的文件。 “目标”指定要在何处打开所链接的页面。 3设置Spry菜单栏样式设置方法先选中要设置的菜单（单击选中）。 然后在“属性”面板中选择“样式”就可以进行设置4保存含有“Spry菜单栏”的页面12.2.2Spry选项卡式面板1插入选项卡式面板“插入”栏|“Spry”类型|“Spry选项卡面板”按钮或菜单栏“插入”|“布局对象”|“Spry选项卡面板”或“插入”|“Spry”|“Spry选项卡面板”命令。 对于插入到网页中的“Spry选项卡式面板”，单击左上角的蓝色区域即表示选择了该“Spry选项卡式面板”，进行操作。 2添加与删除选择卡面板在“文档”窗口中单击选项卡左上角的蓝色区域选择该“Spry选项卡式面板”。 在“属性”面板中，单击“添加面板”按钮或“删除面板”按钮。 3设置默认的打开面板在“文档”窗口中单击选项卡左上角的蓝色区域选择该“Spry选项卡式面板”。 在“属性”4面板将鼠标定位在选项卡标题所在区域即可对该标题进行操作。 对于插入到页面中各“Spry选项卡式面板”所对应的内容，鼠标移动到相应的“Spry选项卡”标题时，会显示“单击以显示面板内容”按钮，单击该按钮即可显示面板内容。 5调整选项卡面板的顺序在“属性”面板中，通过“在列表中向上移动面板”按钮和“在列表中向下移动面板”按钮对页面中的“Spry选择卡”进行左右排序。 5调整选项卡面板的顺序在“属性”面板中，通过“在列表中向上移动面板”按钮和“在列表中向下移动面板”按钮对页面中的“Spry选择卡”进行左右排序在“文档”窗口中选择一个可折叠面板构件。 在“属性”面板中，勾选或撤选“启用动画”复选框即可。 课堂小结Spry折叠构件、菜单栏构件、验证文本域构件、验证复选框构件与（10）重复区域构件等