应用滑动门技术制作网页导航背景(教学设计方案).docVIP

应用滑动门技术制作网页导航背景 教学设计方案 课程名称：《DIV+CSS网页布局 》 课程类型： 专业基础课 所属专业： 计算机类（590100 ） 授课对象：高职高专计算机应用技术、计算机网络技术、软件技术等 专业一年级学生 一、教学内容 教学内容源自高职计算机类专业《DIV+CSS网页布局》课程，“滑动门技术”是该课程“网页导航制作”项目的教学难点。本次微课的教学内容主要包括： 滑动门技术在网页导航中的应用； 滑动门技术的原理； 滑动门技术的实现方法与过程； 滑动门导航的HTML结构； 滑动门导航的CSS样式设计方法； 二、教学目标 本次微课的教学目标，是使学生掌握利用滑动门技术实现网页导航背景图片宽度自适应的方法，即通过导航背景图片的交错、重叠，使导航背景图片的宽度能够根据导航文字的增加或减少而实时变化。通过案例分析、动画模拟、操作演示等教学手段，使学生理解滑动门技术的原理、实现方法与过程，掌握滑动门导航HTML结构的搭建，以及CSS样式的设计方法。 三、教学重点、难点 重点：利用Dreamweaver软件对滑动门导航的CSS样式进行设计； 难点：滑动门技术的原理与实现方法。 四、配套教材 《网页设计与布局项目化教程（HTML+CSS+DIV）》，人民邮电出版社，2013年9月第1版，温谦、周建国、练源等主编。