主页页面布局--div+css

《主页页面布局--div+css》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、班级高二（6）班执教者黄先科课时安排1课题Div+CSS布局实例上课地点3号机房教学目的1.通过学习使学生能够运用Div+CSS进行主页页布局。2.培养学生对网页设计技术的兴趣，增强学生的审美意识和创新意识。3.教育学生理解与网页制作技术相关的文化、伦理和社会等问题，正确地使用网页制作技术。教学重点Div+CSS样式设计教学难点CSS样式设计中基本参数的应用教具电子教室课程类型上机操作教学方法演示、讨论、任务分层教学过程主要教学内容教学方法运用一、引入1、导语：随着网页技术的发展，人们的学习、生活和工作方式，正在发生改变。作为一名网页设计者，怎么样才能使自己设计的网

2、页，让人在浏览时有愉悦的体验呢？那么合理的网页页面布局起了先决作用。2、展示几张页面布局较有代表性的网页。回顾前面学习的两种网页布局技术：表格布局和Div+CSS布局。二、任务提出1．“网店主页页面布局”任务1）展示网店“阿伏萝得”主页并分析页面布局。2）提出任务：如何用Div+CSS实现网店主页页面布局？3）页面分析：整个页面是由Div层和CSS样式表构建而成。页面组成部分：网页顶部top、网页主体main和网页底部bottom。4）技术处理：先完成Div层的插入和命名，再设计CSS样式表。Div层结构：

3、v>