《网页设计与制作课程教学整体设计》0

《网页设计与制作》课程整体教学设计设计教师：设计单位：计算机系设计时间：2014年8月25日目录一、管理信息............................................................................................1二、基本信息............................................................................................1三、教学对象分析....................................................................................1四、课程设计指导思想............................................................................2五、课程设计............................................................................................21．课程目标设计...................................................................................21.1能力目标........................................................................................22．教学内容设计...................................................................................33、能力训练项目设计...........................................................................44、教学进度表.......................................................................................63、能力训练项目设计表.......................................错误!未定义书签。4、教学进度表.......................................................错误!未定义书签。5、第一次课设计梗概...........................................错误!未定义书签。1《网页设计与制作》课程整体教学设计一、管理信息课程名称：网页设计与制作课程代码:制定者：制定时间：2014年8月25日所在部门：计算机系软件教研室批准人:二、基本信息学分：学时：56教学对象：高等职业技术学院计算机软件、计信管专业及电子商务专业课程类型：专业核心课先修课程：计算机信息技术、图形图像制作后续课程：动态网页设计、管理信息系统开发三、教学对象分析《网页设计与制作》是高职高专院校计算机专业和其他相关专业学生应该掌握的重要技能之一。由于高职类学生学业基础差，学习自觉性低，厌学情绪大。所以针对这些情况，我们以“就业能力培养为导向”“、以学生为中心”、“以职业能力培养为课程核心”为教学指导思想，重视职业技能的训练，重视实践环节锻炼，改变“满堂灌”的状况，贯穿“精讲多练”的原则，充分调动学生学习积极性，提高学生的动手能力和创新意识。这样符合我院计算机课程建设的培养对社会需要的现代信息技术人才，培养跨学科、综合型的“通才”目标。在整个教学实施过程中，教师是教练，学生才是真正的主角；教师示范，学生练习，示练结合，以练为主。教师与学生的观念都应转变，教师应注重培养学生的学习能力而不是系统的知识，通过提高学生的学习兴趣、学习主动性，使学生变被动学习为主动学习，使学生的内在素质转为系统的职业能力。2四、课程设计指导思想《网页制作》一门知识性、技能性、应用性相结合的课程。构建以教师为主导，以学生为主体的教学模式。以完成网页制作任务为主线，在教学过程中，实行任务驱动、案例教学、理论实践一体化的教学方法，将课堂教学与学生个别化自主学习相结合，突出应用实用的特点，最终达到活学活用的目的，体现了做中学，做中会的理念。根据学生的认知特点，采用递进与并列相结合的结构来展现教学内容，通过情景模拟、案例分析、协作开发等活动项目来组织教学，倡导学生在项目活动中掌握岗位技能和知识。并同时培养学生的实际能力与才干，团队协作精神，职业道德综合素质和能力。五、课程设计1．课程目标设计1.1能力目标通过本课程的学习，要求学生具备如下具体能力目标：1、网站整体设计规划能力；2、网页页面创意、设计、制作能力；3、应用相应软件实现网页页面能力；4、简单脚本编程能力；5、简单数据库开发能力；6、熟练开发常规静态网站；1.2知识目标本课程以真实的工作流程的编制为载体，以项目带动内容，使学生针对具体工作流程任务全面掌握：1、使学生从习惯思维中解脱出来，引导启发学生的创造性思维能力；2、着重训练学生对项目的分析、观察、理解能力和认知能力；3、网站的规划、制作、发布、管理；34、网页编程基础html相关知识；5、网页布局、颜色搭配；6、在网页中插入文字、图像、Flash动画、背景音乐等元素并按要求设置属性的方法；7、规划网站的内容结构、目录结构、链接结构的方法；8、CSS样式；9、表单网页制作方法1.3素质目标培养德、智、体、美、勤等全面发展的，有较好人文素质、诚实品质、富有责任心和创新能力的高级应用性专门人才。素质目标可具体概括为：1、培养团队合作精神2、培养学生收集、处理信息，准备、加工素材的能力3、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等4、灌输诚实敬业理念5、提升沟通协调能力6、鼓励开拓创新精神7、培养自我学习能力8、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质2．教学内容设计序号模块（或项目）名称学时1项目一、网页赏析42项目二、创建和管理公司站点43项目三、规划首页页面布局44项目四、创建首页网页链接45项目五、创建的多媒体效果网页46项目六、创建表单网页87项目七、创建框架网页848项目八、在网页中应用CSS样式应用49项目九、在网页中应用层和行为创建动态效果810项目十、网站的测试与发布411综合测试4合计563、能力训练项目设计本课程采用了项目教学法组织教学，在整个教学活动中，学生通过对完成项目所需知识点的学习、掌握，通过课堂活动、小组讨论、分析等完成项目驱动的各项任务，最终以任务的完成情况作为期末考核的主要依据。编号能力训练项目名称拟实现的能力目标相关支撑知识训练方式手段及步骤项目成果1初识不同类型网页⑴认识网页与网站⑵认识网页的基本元素⑶认识网页的基本布局结构⑷网站的需求分析网站基本概念；网页布局结构；网页术语通过上网查看不同类型网站认识浏览器窗口，网页基本元素对网页制作的常用软件有初步的了解每人提交一份对网站、网页的基本认识经过优选，各小组推荐一份较为合理的,全班共同交流2创建和管理站点⑴熟悉DR的工作界面会设置本地站点⑵会搜索素材并分类整理⑶会规划整体网站结构⑷会创建与管理站点DRCS5的工作界面；创建站点；存储素材文件夹命名规则；网站目录规范；引入项目任务，用互动方式让学生思考如何进行指定主题网站的创建。最后对能力目标进行分解训练，达到巩固所学内容的教学目的；根据资料，各小组提交一份最佳网页3规划首页页面布局(1)会使用dreamweaver软件建立表格、调整表格(2)会插入图片及进行属性设置(3)会录入文字及排版(4)会进行图文混排文本编辑；文本格式化；特殊字符、水平线;日期的插入;表格设置的知识;图文混排知识;引入项目任务，用互动方式让学生思考站点的创建，设置网页中文本格式，图像属性、图像格式,深化项目，以实践训练提高技术应用能力。形成指定形式的网页2-3张4创建首页网页链接⑴会应用表格布局网站中的网页，使网站更规范⑵会在网页中实表格布局网页；Flash动画的插入；文字滚动效果；文件夹的建立；引入项目任务，用互动方式让学生思考站点的创建，设置网页中文本格式，图像属性、图像格式,完善网站中功能5现滚动文字效果⑶会设置网页的头文件，会帮助网页实现特殊功能超链接的简单使用；深化项目，以实践训练提高技术应用能力。5创建多媒体效果网页(1)会在网页指定位置插入Flash动画，flas电子文档等(2)会在网页中插入音乐制作在线音乐网站果(3)会在网页指定位置插入视频了解Flash文件类型;了解音频文件格式;在网页中插入Shockwave影片方法;引入项目任务，用互动方式让学生思考站点的创建，设置网页中实现多媒体效果，深化项目，以实践训练提高技术应用能力。每人制作出自定的网站，实现多媒体效果6创建表单网页会创建功能齐全的表单网页表单域；表单控件；Spry验证；引用javascript脚本实现表单的特殊功能情景导入，与学生互动，要求学生仔细观察，共同特点，引出问题，提出问题，思考解决办法，推出任务作用，实施解决办法，探讨最终效果使用框架实现网络教学平台页面间的浏览7创建框架网页(1)会使用dreamweaver创建框架集及保存(2)会选择合适的框架(3)会修改框架集代码了解框架及框架集;框架结构的组成;框架结构的优点;引入项目任务，用互动方式让学生分析表单网页的制作思想，然后对能力目标进行分解训练；最后通过课堂活动达到表单网页制作的效果。根据教师所给资料，每人给自己的网站制作表单网页8在“课外活动”网页中应用CSS样式应用(1)会使用div+css；(2)会对网页文档进行基本的CSS样式设置能加代码片段；(3)会添加页面区块；div+css布局网页；掌握CSS语法规则;了解CSS特性;了解CSS类型;掌握CSS创建方法;以案例导入任务，用互动方式让学生分析CSS样式的制作思想，然后对能力目标进行分解训练；最后通过课堂活动达到表单网页制作的效果。在网站中添加由CSS布局的网页，建立一个外部样式文件，并在网页中应用此文件。9在“动感首页”中应用层和行为创建动态效果(1)会利用层与行为创建网页效(2)会创建交换图像效果(3)会创建弹出提示信息效果(4)会创建打开浏览窗口网页效果动态导航栏；滚动图片；状态栏滚动文字首先，以案例导入任务，然后引导训练学生创建自己网站的主页。达到巩固所学内容的教学目的每人给自己的网站添加一个动态效果网页109“作品展示平台”网站的测试与发布(1)会整合网站中的网页(2)会测试网站(3)会发布网站优化网页；整合网页；测试站点；申请网页空间；发布网站首先，以案例导入然后引导训练学生对自己的网站进行维护创建一个完整的网站64、教学进度表序号学时教学目标和主要内容单元标题能力目标训练项目编号知识目标其他内容考核12赏析不同类网页对网站、网页有一定的认识，激发学生学习网页制作的兴趣；了解相关术语；认识网站主题与色彩11、网站规划；2、栏目设计；3、网页版面设计；暂无上机实训22创建进入网站页面1、认识drcs42、会创建html网页；3、会保存网页4、会软件的基本操作5、会Html基础21、DRCS4的工作界面；2、新建文件；3、保存文件；4、浮动面板组；5、html基本标记暂无上机实训34创建管理站点(1)熟悉DR的工作界面会设置本地站点⑸会搜索素材并分类整理⑹会规划整体网站结构⑺会创建与管理站点31、站点的创建；2、网站目录规范；存储素材文件夹命名规则；3、网站目录规范；4、页面属性暂无上机实训44banner图、导航条的制作1、会制作图文混排页面；2、会用表