初中信息技术《博客布局与美化——div+css》教学设计.docVIP

布局与美化博客页面 ——Div+CSS 教材分析 本着与时俱进的信息技术教学研究理念，初中阶段第一次尝试用dreamweaver软件替代frontpage进行网页教学。“Div +CSS”这部分内容在原苏教版的教材中没有涉及。对比原来教材中的“用表格布局网页”，用“Div+CSS”布局美化网页具有很多优势，应用将更加广泛。在“表格布局”和“框架布局”之后，让学生了解“Div+CSS” ， 更符合新时代的要求。 学情分析 学生之前学习过用DreamweaverCS4 新建站点创建网页、表格布局网页，对CSS样式表有所了解，但要达到灵活运用还需不断巩固练习,强化学习。Div+CSS内容涉及代码,内容比较抽象，学生不易接受，适宜用多节课时让学生巩固、提高学习。本节课时间相对较少，不能求全、细，否则容易让学生觉得枯燥，注意力不集中。所以整节课定位在让学生体验div+css的优势和特点，尽量精简、精炼，可视化操作和代码理解相结合。 教学目标 知识与技能: 理解Div+CSS。学会创建Div,并用Div+CSS的方式布局整个网页。灵活运用CSS样式，修改美化网页。 过程与方法: 学生通过布局博客网页，体会Div+CSS布局的优势，了解Div+CSS整体布局的方法 。 情感态度与价值观:通过网页的布局与美化，提高学生的审美情趣。 行为与创新:通