网页设计课程教案首页第17次课.docVIP

九江职业技术学院教案首页 任课教师 罗胜荣 备课日期 2017/05/06 课程名称 网页设计 学期授课计划的顺序号 第17次课 授课日期 2017/05/05 2017/05/06 授课班级 网络1602 本次授课的课题：设置项目列表样式及导航菜单 本次授课的课型：实验 授课场地：专业机房 本次授课教学目标： 1、学会使用CSS设置网页中列表样式 2、熟练掌握基于列表和超链接导航菜单的制作 本次授课教学设计： 1.教学过程设计 （1）设置项目符号（15分钟） （2）图片符号（15分钟） （3）设置竖直排列的导航菜单（30分钟） （4）设置横排排列的导航菜单（30分钟） 2.教 学 重 点 ◆掌握项目列表在网页中的应用 3.教 学 难 点 ◆掌握利用列表完成导航菜单的设置 本次授课教学资源： 【网页设计与实现】 电子教案 辅助课件 本次授课课后作业： 完成课本案例中列表导航菜单的应用 本次授课的小结： 本次课让学生掌握利用列表项制作导航菜单 （教案续页） 教 学 过 程 设 计 辅助内容和时间 分 配 本次课需完成的授课任务 任务一、设置项目列表样式 任务二、设置基于列表和超链接的导航菜单 任务一 设置项目列表样式 一、项目符号设置与实践 ul、ol、li 二、图片符号的设置与实践 list-style-image属性的设置 任务二 设置基于列表和超链接的导航菜单 一、竖直排列导航菜单的设置与实践 （1）ul、li （2）block、margin、padding、background 二、横排排列导航菜单的设置与实践 （1）ul、li （2）block、margin、padding、background、float 机房：演示和时间项目列表样式 机房：演示和时间项目列表样式（30分钟） 机房：演示和时间项目列表样式在导航菜单的使用 机房：演示和时间项目列表样式在导航菜单的使用（60分钟）