《网页设计与制作》课程说课 课件

专业：软件技术及相关专业课程性质：专业基础课程对象：三年制高职课时：48课程说明：静态网页设计制作HTML+CSS+JavaScript课程简介网页设计与制作课程设计说课主要内容课程设计教学内容与设施教学方法与手段课程保障课程定位课程特色一课程定位课程定位Ｃ语言程序设计数据结构数据库管理与应用网页设计与制作系统基础课程软件测试Java程序设计JavaWeb程序设计JavaEE企业级项目开发C#程序设计ASP.NET程序设计.NET企业级项目开发软件工程与项目实践Web开发工程师培养目标课程的教学目标掌握HTML+CSS+JavaScript相关技术，使学生能够独立进行客户端页面的开发。通过本课程的学习，使学生逐步建立和掌握Web客户端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够使用HTML语言、CSS样式、JavaScript脚本编写Web客户端静态页面解决实际问题，具备吃苦耐劳、团结协作的良好品质。

通过感性、直观的实践操作，激发学生开发软件项目的热情，带动学生学习其他专业核心课程的学习积极性。二课程设计课程设计理念以培养网站开发相关岗位的职业能力为核心

第四、基于能力本为的技能训练“以学生为主体、以教师为主导”，培养自信、自主、自学职业能力培养第三、基于真实项目载体的教学内容第二、基于工作过程系统化的课程开发第一、基于工学结合的人才培养模式

设计的特点：针对性强适用性强可拓展性强2职业能力分析3学习者分析4以培养职业能力

为核心的教学目标5工作任务导向确定学习单元6多种模式\工学结合培养学生7持续关注学生在企业的发展，定期回访学生8以企业标准更新学习单元1企业岗位需求调研课程设计思路整个课程设计的思路凸显实践性、开放性、职业性岗位需求的Web客户端技术内容的选取标准与原则坚持理论以必须、够用为度的教学内容选择标准。选取原则：1）根据企业发展需要、职业岗位实际工作任务所需要的知识、能力、素质要求来确定教学内容；2）反复强化在实践过程中常用的知识和技能。资源搜索内容草图形成静态页面CSS与JS动态网站技术角度的课程设计超级链接的使用下拉菜单的设计HTML+CSS+JavaScript综合项目开发JavaScript的表单验证配置Web站点发布Web站点Web站点发布HTML应用CSS引用CSS应用JS应用综合应用课外项目拓展文字段落与图片的设定页面布局多媒体页面设计表单设计窗口框架的使用页面样式设计区块与层表格美化的设计三教学内容与设施内容的选取与组织网站编辑页面设计静态网页的开发网站的页面的规范规范布局页面客户端验证客户端特效Web站点发布网页版面设计HTML高级应用CSS的应用JavaScript脚本编程软件专业调研岗位能力分析本课程岗位能力分析岗位需求学习模块项目设计HTML标签应用CSS规范网页内容CSS页面布局JS表单验证JS项目编程内容的选取与组织课程内容序化、重构遵循职业成长规律（课时安排）编号知识模块安排1站点发布2HTML语言基础3HTML表格布局4HTML框架布局5HTML表单设计6多媒体页面设计7层叠样式表CSS8DIV+CSS网页布局9CSS特效10JavaScript基本语法11JavaScript表单验证12JavaScript事件处理与应用项目1：web站点发布（4）1项目2：页面版面设置（8）2项目3：HTML高级应用（6）3项目4：CSS的应用（10）4项目5：JavaScript脚本编程（20）5网页设计师职业成长规律初学者高级初学者有能力者熟练者专家入门和概念性知识：在不太明确的工作情境中利用复杂规律关联性知识：在工作中注意和分析多种因素和规律间的关系详细和功能性知识：能面对无固定答案的问题、并获得知识系统化知识：能感受对对经验的和专业知识要求较高的复杂任务课程的组织与实施教学组织与实施计划（宏观）教学理念教学设计课堂教学工学结合工作流程模块化模块内容案例化项目考核过程化理论实践一体化课程教学重视“学习的内容是工作，通过工作实现学习”的工学结合的思想，采用了：工作流程模块化，模块内容案例化，课程考核过程化，理论实践一体化的教学模式，充分实现了教学做一体化的教学体系。

课程的组织与实施教学组织与实施过程(微观)内容的选取与组织单元四：CSS的应用

单元名称主要内容目标与要求单元四CSS的应用（1）CSS简介（2）选择符的分类与定义（3）CSS的加载方法（4）CSS背景设置（5）文本样式（6）CSS列表（7）盒模型（8）CSS定位（9）DIV+CSS页面布局（1）掌握CSS简介、特点与使用规则；（2）掌握选择符的分类与应用；（3）掌握CSS的各种加载方法；（4）掌握CSS背景控制与应用；（5）掌握CSS对文本样式的控制；（6）掌握CSS对于列表元素的应用；（7）掌握盒模型的原理与应用；（8）掌握CSS的定位方式；（9）掌握DIV+CSS页面布局的方法。技能目标：第一、能进行CSS设计与引用；第二、能使用DIV+CSS进行区块布局与应用。课程的教学重点类别知识点解决办法重点HTML页面布局HTML表单与框架设计HMTL多媒体页面设计经典网页赏析（企业500强），形成深刻印象多搜集相关教学资料，归类存放、吸收精华通过拓展项目多实践，精益求精网页的布局（DIV+CSS）通过经典案例分析CSS，先进行操作，然后分析代码分析使用模板的网站的优点，并演示解决模板技术的捷径针对问题使用实践教学案例库使用CSS样式美化网页使用模板JavaScript设计先分析具体实例，形成感性认识，然后总结一般规律，运用一般规律指导网页设计。下载优秀的代码进行分析、吸取精华课程的教学难点类别知识点解决办法难点HTML表单与框架设计根据学习规律，重复强化，使其知识内化。提供课程案例库，学生可以根据兴趣自主学习。网页中特效制作通过分析并掌握目前网站中常用的特效。通过观察常见特效的效果及制作方法，了解JavaScript技术的应用，激发学生该技术的兴趣。HTML+CSS规范布局以实例分析网站的规划与组织方法。让学生自己动手进行真实网站的规划与组织。JavaScript代码的编写以实践教学案例库为引导以社会需求与真实项目为导向、压力，引导学习编写程序本课程考核采用形成性考核方式，总评成绩由形成性考核的各项成绩组成，全面考核学生的动手能力、基础理论和平时学习状况课程考核综合素质考核过程性考核

终结性考核

平时表现通用能力任务实践考核项目实训考核期终考核++20%40%40%单元测试四教学方法与手段教学方法与手段多种教学方法的运用123演示法：针对具体的知识点的学习，示范演示案例教学法：针对知识模块的学习，案例库的应用项目教学法：针对拓展项目学习，项目开发4反馈教学法：针对学生作品总结提高点线面循环教法学法教学方法在项目教学中教、学方法的使用教师教法学生学法师生互动教学做一体讲解座谈引导指导资讯计划实施展示构建“多模式”的职业技能训练模式多模式职业技能训练体系5247模仿操作训练阶段测试训练136优秀作品赏析

拓展训练项目实战训练现场开发训练项目外包开发教学手段五教学保障主编教材高等教育出版多媒体视频教程课程简介学习指南课程标准整体设计说课PPT说课录像单元设计教程授课录像课程PPT实训报名册习题与习题库课程案例整体考核标准参考资源丰富的数字化教学资源资源库平台教学保障1.开辟学生网站实践基地2.建设网站项目开发基地学生项目企业教师以项目为中心的实践体系六课程特色课程特色特色一

课程教学内容来源于项目，而教学过程中又让学生学习并参与开发项目。

项目教学内容学生教师教师教师教师课程特色特色二