网页设计与制作课程说课PPT
《网页设计与制作》课程说课稿
《网页设计与制作》课程说课稿 一、课程定位 《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切，仅仅就这一门课程的学习，学生毕业后就可以从事相关网页设计与制作的工作，考取相关的网页设计与制作员的资格证书，如果将此作为技能基础，继续学好后续基于网络编程的动态网页设计技术，学生还可以从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设，正好满足我校关于“高素质、技能型人才”培养目标的需求，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。 二、课程教学设计的过程与思路 在教学过程中，结合职业岗位对人才的需求（一线工作岗位上从事网页设计、制作、编辑，网站规划、维护和管理的人员）、我校对人才培养的目标（培养高素质、技能型、应用型人才）及本课程对人才培养的目标（能够独立完成一个网站的建设，毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才），我们将培养学生熟练的网页设计与制作操作技能作为培养重点，在具体课程教学设计中，应用“工学结合”的教育思路、实施“建构主义”的教学方法，采取“小组协作学习”的学习方式完成整个课程的教学与学习。 在“工学结合”的教育思路下，主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。 具体给大家阐述如下： 老师教学之前的教学设计：根据知识点——设计任务——组合项目——达成一项工作 老师教学中的教学设计：给学生布置一项工作（工作导向）——将工作转化为项目（项目导向）——将项目细化为每一个任务（任务驱动）——通过任务引出知识点（知识学习）
网页设计说课稿
《动态网页制作实例教程—Dreamweaver ASP与SQL》说课稿 单位： 姓名：
各位专家评委、老师好！我今天说课的课题是动态网页制作实例教程，下面我将从说人才培养方案及专业培养目标、说教学大纲、说教材、说教法和学法、说学情及学生学习方法指导、说教学过程、说板书设计七个方面来对本课程进行说明。 一、说人才培养方案及专业培养目标 潍坊工商职业学院的办学目标：以就业为导向，培养适应生产、建设、管理、服务第一线需要的高素质技能型人才，为地方区域经济发展服务。突出职业教育办学的实践性、职业性的特色。 本专业的培养目标：具有计算机硬件、软件的基础理论知识和计算机系统的实际应用与维护能力，理解计算机的基本原理，熟练掌握微机和计算机网络的基本操作、信息管理系统软件开发和维护能力、网页网站开发等技能的面向工作一线的高素质技能型人才。 二、说教学大纲 1、课程定位 《动态网页制作实例教程-Dreamwearver ASP与SQL》是一门研究动态网页及网站设计与构建的基本原理和基本方法的课程；是计算机类专业必修的一门专业课；是具有系统的网络技术、数据库技术、软件编程技术和网站构建方法与技术，实践性很强的课程。本课程是学生学习后续课程和完成课程设计与毕业设计不可缺少的重要基础，是日后从事技术工作的重要工具。 本课程的主要内容包括：网络技术、网页技术、数据库技术与Internet技术的基本知识；动态网站设计与构建的基本原理；面向对象分析、设计与实现的基本思想和方法等。根据培养对象的层次特点，本课程在开发学生综合应用能力、和创新能力的培养有着重要的地位；为培养面向工程的应用型人才以及学生就业奠定了基础。 课程的考核方式为平时表现占10%，作业占10%，理论考试占50%。 2、课程目标 通过本门课程的学习，使学生具有初步设计能力、软件编程能力、综合应用能力，具备构建动态网站的实际技能。对于本门课程有如下三个教学目标：（1）知识目标：掌握网站开发的一般流程和步骤，对动态网页制作有系统全面地认识和了解。 （2）能力目标：对所要建设网站的初步分析能力；独立制定所要完成功能的分析、设计及制定实施方案；完成学生信息管理系统的开发；对所开发的网站进行简单的功能测试；提高口头与书面表达能力、人际沟通能力。 （3）素质目标： 提高团队精神和协作精神、艰苦奋斗意识、心理素质和克服困难的能力。 希望通过本课教学，使学生在知识的理解和掌握，能力的锻炼与提高、情感
全国计算机类说课大赛一等奖：CSS样式表的使用教学设计
一课时 本次课设计课时为2课时。 二教材分析 （一）知识内容分析 本课内容选自高等教育出版社的《网页设计与制作（HTML+CSS+JavaScript）》，第四章《CSS 的应用》，设计课时为2个课时。本章在整个课程体系里起到承上启下的作用，它既是对前面的基础章节的综合深化，又开启了后续DIV+CSS知识对接。在本课之前，学生基本掌握网页制作的主要知识点，有一定的代码基础。而本课内容CSS样式表的使用是学生进行网页设计的基础和提高。学生通过理解CSS样式、选择器的概念，掌握应用外部CSS样式表、修改CSS选择器属性的方法来设计和美化网页，并能对所设计的作品进行评价，培养学生的设计、审美能力及职业素养和创新精神。本次教学活动对学生的网页制作与设计起着基础、提高作用。 （二）我对教材的处理方法 1、把教材所涉及的知识点进行分层，使学生由简入深理解和掌握CSS样式表的使用。 2、对教材内容进行二次处理，制作原创案例，使内容更加适合我班学生学习。 3、由CSS样式表的使用引导学生对网页界面设计的分析。 三学生分析 教学对象为我校计算机应用专业中职二年级的学生。学生学习网页制作已有一个学期，对这节课之前的学生情况分析如下： （一）学生知识能力分析 1、学生能熟练使用Dreamweaver软件 2、对于静态页面的设计有一定的基础 3、学生有简单的代码基础 4、在以往的学习过程中有简单接触过嵌入式的CSS样式 5、学生缺乏动手能力 6、对作品的评价缺乏系统的认识和理解 7、学生技能水平出现分化现象 （二）学生自学能力分析 我在课堂教学过程中，注重在学生认知水平能够承受的前提下安排一些适合自学的内容让学生自己掌握，从中培养学生的自学能力。开始自学的内容简单，等学生认为自学不是一件很难的事情
全国“创新杯”计算机类说课大赛一等奖作品：《DIV+CSS布局网页》教学设计方案
网页设计与制作—— 使用DIV+CSS布局网页
《网页设计与制作——网页布局》 教学设计 【课题】网页布局——使用DIV+CSS布局网页 【教材】《网页设计与制作》 【授课班级】中等职业学校网络专业二年级 【教时】 4课时 【教材分析及学情分析】 本次课采用的教材是国家十二五规划教材《网页设计与制作》，其中DIV+CSS布局网页是重要的教学单元。本教材内容通俗易懂、图文并茂，并且包含有丰富的信息化实训案例。 本次课的教学对象为中职学校二年级学生，他们未来主要从事网页前端设计师的工作，要求具备网页前端设计的能力。在本次课之前，我们的学生已经掌握了Dreamweaver网页设计的相关知识，具备了网页美工的基础，学生学习热情较高，喜欢团队合作的探究学习方式，但学生自主创新能力不足，学习代码编写有一定困难，因此本课重点讲解如何使用DIV+CSS布局网页的知识内容。 【教学目标】 依据本教材的内容，结合学生的学情分析，本着提高学生的知识水平及分析处理能力为宗旨，我制定了知识目标、技能目标、情感目标相结合的三维教学目标：知识目标： （1）学会DIV+CSS网页布局方式 （2）掌握DIV+CSS布局的定位方法 技能目标： （1）能熟练使用CSS对网页中对象的位置精确排版； （2）灵活应用DIV+CSS进行网页布局； 情感目标： （1）培养学生团队合作意识；
（2）提高学生责任感和职业素养； 【教学重点与难点】 ●教学重点：DIV+CSS网页布局方式、方法。 ●教学难点：灵活使用DIV+CSS布局定位。 【教学设计】 课前利用该课程的学习网站和微课资源库让学生自主预习。课中采用信息化的混合式教学法、项目驱动法等多种方法相结合的形式来激发学生的学习兴趣，并且利用微课资源库来突破教学难点；在教学效果上采用多元评价检测方法，让学生体验成功的乐趣；最后老师进行归纳总结，进行知识拓展，延伸学生的知识面。使学生在不知不觉中实现知识的传递、迁移和融合。 【学法分析】 学生是学习的主体，教师是组织者和引导者，引导学生学会学习的方法，才能构建有效的课堂。在教学过程中我注重学生自主学习能力、体验探究能力和总结反思能力的培养，转变学生的学习方式，由之前的‘我学会’变成现在的‘我会学’。 【教学过程---课前预习】 随着互联网的普及和信息化技术在教育领域的应用日益广泛，为了更好的突出学
广东省创新杯说课大赛计算机类一等奖作品：《CSS样式表的使用》说课稿
《网页换装秀》——CSS样式表的使用 讲解稿 尊敬各位专家、各位评委： 大家好！今天我给大家带来的信息化教学设计是《网页换装秀》——CSS样式表的使用。下面我将从五个方面阐述我的教学设计。 一、教材分析 教材出处与地位：本课程选用教材为高等教育出版社的《网页设计与制作(HTML+CSS+JavaScript)，本课内容为第4单元《CSS的应用》任务一CSS的引用、任务二页面样式设置。本章对前面的基础章节的做了综合深化，又开启了后续DIV+CSS知识对接，起到承上启下的作用。 教学目标：根据专业培养目标，我将达到以下三方面的教学目标。 教学重难点：经过分析，本课的教学重点为理解CSS样式表的概念、外部样式表的应用； 难点为CSS选择器属性值的修改。 二、学情分析 我所教授的对象为计算机应用中职二年级的学生，学生能熟练使用DW软件独立制作简单的网页，有一定的代码基础。但是在美化页面这方面的知识较为欠缺，学习代码缺乏耐心。 三、教法学法 经过以上教材与学情的分析，本课采用以下教法与学法。 四、教学流程 教学流程分为三大模块：课前准备课堂教学课后拓展 课前准备：课前，我准备了微课视频，三维动画，交互课件，任务手册，利用蓝墨云班课移动学习平台为载体，学生自主地在平台上预习、观看微课、讨论问题。 一切准备就绪，开始进入我们的《网页换装秀》。 课堂教学：我将信息化手段融入于导入、新授、提升、小结、交流五个环节，从而达到教学目标。 导入：首先，我向学生展示了一个没有美化的网页界面，接着仅用了一个操作，便把刚才的界面摇身一变，变成了同学们再熟悉不过的淘宝网首页。接着我提出问题，如果是你们，会用什么方法来修改这个页面呢？同学们纷纷提出自己的想法。带着疑问，我领着学生走进我们的新课讲授环节。 新课讲授分为三个任务，层层递进 任务一：观看《美美的换装秀》，认识CSS样式表的概念 理论知识讲解在中职课堂上往往是学生较为排斥的，加上该知识点以代码为基础，学生的学习积极性更是大打折扣。在这里，我制作了《美美的换装秀》三维动画帮助学生理解CSS样式表的概念。
使用DIV+CSS布局网页说课稿
《使用Div + CSS结构布局“诗歌”页面》说课稿 各位老师： 你们好，我说课的题目是《使用Div+CSS结构布局“诗歌”页面》，下面我从教材、学情、教学目标、教学方法、教学过程、教学亮点与教学反思六个方面对我的教学设计进行说明。 一、教材分析 地位： 《使用Div+CSS结构布局“诗歌”页面》取材于教学参考书《Dreamweaver CS4从入门到精通》第12章内容。它与我们使用教材《Dreamweaver 网页设计与制作案例教程》第7章相对应。 作用： Div + CSS是一种最新、最科学的网页布局方式，符合Web2.0的技术标准，目前也比较流行的网页布局方式。使用Div + CSS布局可将结构与表现分离，减少了HTML文档内大量代码，只留下了页面结构的代码，方便对其进行阅读，还可以提高网页的下载速度。所以这部分内容是我们学习网页设计非常重要的一部分，学生要重点掌握。 二、学情分析 学生特点： 我授课的对象为高职三年级学生，我们都知道职业学校学生的学习习惯不太好，学习自觉性相对低一些。 知识准备与兴趣： 针对我们本节课内容，学生在前面已经学习了Div标签的插入方法以及CSS 样式表创建方法，了解了其功能，对其有了一定的感性认识，我们重要的是加强学生的实践操作能力的训练。 三、教学目标分析 根据上述教材与学情分析，我设定如下教学目标与重难点： 1．知识与技能目标： 在知识与技能方面要求做到以下几点 1）学会分析页面的结构的方法。 2）能使用div标签定义合理的页面结构。 3）巩固用代码与视图两种方法插入div标签以及向标签内部添加内容。 4）学会利用CSS规则布局美化页面。 2．情感目标： 1）培养学生的审美能力。 2）培养学生的合作精神与协作能力。 3.教学重、难点：