文本内容:
课程教案79第7章基于DIV+CSS的网页课题名称第1-2节理解表现和结构分离、认识DIV授课班级软件技术等大一上学期授课班级授课学时2授课地点多媒体教室授课形式讲授、演示参考教材《前端HTML+CSS修炼之道》教学资源电子课件、教案、文字材料知识目标了解Web制作中内容、结构、表现的概念；了解DIV+CSS的优势认识DIV教学目标技能目标使用DIV布局素质目标培养学生认真、一丝不苟的学习态度，培养学生理论联系实际的能力教学理解“表现和结构分离”、认识DIV重点教学重点与难点教学DIV的使用，块级元素和行内元素难点本次所讲内容选自教材第7章第1-2节通过本节课的学习使学生了解什么内容和表学情分析现分离；以及什么是DIV,DIV的使用课前预习+课程导入Web标准是用于Web表现的一系列技术标准的集合，以便于通过不同浏览器或终端设备向用户展示信息随着Web标准化设计理念的普及，使用DIV+CSS进行网页设计和布局已经是必然趋势Web标准的好处之一是“表现和结构相分离”，那这到底是什么意思呢？课中教学过程
1、内容、结构和表现的概念
2、DIV与CSS结合的优势
3、改善现有网站的方法
4、认识DIV1DIV的概念DIV div,不区分大小写的解释是“层叠样式表单元的位置和层次划分”通俗地说，就是“块”的意思，可以把一个网页理解为由n个块区域组成的,不同的块显示不同的内容，如导航栏、banner、内容区等2使用DIVbodyr Hdivcla33=al divl/divw,rdiv id=a2div2/div/body通过案例演示讲解DIV的使用
5、理解DIV通过案例讲解在CSS布局中经常使用的块级元素div在标准文档流中的几个特性
6、并列与嵌套DIV结构案例讲解
7、使用适合的对象来布局网页课后利用DIV+CSS对页面进行简单布局采用启发式教学，通过多媒体课件现场演示更加生动，与学生互动效果更好；在上机课上学生学会了如何创建站点和简单的网页页面；课后布置了有关站点的作业，并且利用上机时间完成和指导工教学反思作。
个人认证
优秀文档
获得点赞 0
