《网页制作》(说课)

《网页设计与制作案例教程》

教案

课时分配表

章序 课程内容 课时 备注

1 网页设计与制作基础 4

2 创新与创新素养培养 4

3 创新发明与创新成果保护 4

4 创业机会与创业风险 4

5 创业者与创业团队 4

6 创业资源与融资 4

7 创业计划 4

8 新创企业管理 4

合计 32

第 课 网页设计与制作基础（一） 1

2 课题 网页设计与制作基础(一)

课时 4课时（180 min）

教学目标 知识技能目标：

（1）了解网页，网站和主页的概念

（2）了解网页类型、构成、版式和配色的相关知识

思政育人目标：

（1）养成做事有计划、有条理的工作习惯

（2）有意识地培养自己的审美能力，并运用到工作中

教学重难点 教学重点：网页设计的基础知识

教学难点：能够分析总结网站的特点

教学方法 情景模拟法、问答法、讨论法

教学用具 电脑、投影仪、多媒体课件、教材

教学设计 第1节课：课前任务→ 考勤（2 min）→ 新课预热（8 min）→ 互动导入（12 min）→传授新知（23 min）

第2节课：问题导入（5 min）→ 实践探究（25 min）→ 小组合作（5 min）→ 课堂小结（3 min）→ 作业布置（2 min）

教学过程 主要教学内容及步骤 设计意图

第一节课

课前任务  【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP，查阅资料，了解网页设计相关知识

 【学生】按照教师要求完成课前任务 通过课前的预热，让学生了解所学课程的大概内容，激发学生的学习欲望

考勤

（2 min）  【教师】使用APP进行签到

 【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况

新课预热

（8 min）  【教师】教师自我介绍，并介绍课程定位、内容安排、考核要求等

网页就是我们上网时在浏览器中打开的一个个画面。网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。例如，新浪网就包含新闻、财经、科技、体育、娱乐等多个版块，而每个版块又包含很多网页。

一、说教材

(一)教材地位及作用

♦《网页版式设计》是华中师范大学出版社出版的高中信息技术教材第四册第二章第一节中

的内容。教材让学生参照Word的使用经验，在Frontpage软件中用表格来排列网页中的

各种信息，规划各个文木、图像所在的位置。教材只是说明了隐藏表格线的方法，这为扩展

教学留下了空间。

♦利用网页发布传播信息具有速度快,容fi大等特点。第一册第二节就是通过网络获取信息，

本章是建立网站发布信息到网络上，整个课程结构是一种回归，是一个有机整体。

♦利用表格来排列固定网页元素、布局网页版面是网页制作中关键的一步。不用表格规划好

版而，后而网页内容输入后，很难有整齐的效果。因此本节是本章的熏点，有着承前启后的

作用。

(二）教学目标

♦知识与技能目标：

1、掌握利用“绘制表格”工具按钮绘制表格。

2、学会调整表格的行高和列宽。

3、学会运用表格布局基本的主页。

4、理解通过设置表格边框属性隐藏表格线的方法。

♦过程与方法目标：

1、使学生与已知技能建立联系，培养、提高学生对信息的加丨:处理能力和创新意识。

2、通过评价与模仿，培养学生评价与鉴赏他人作品的能力。

♦情感与态度目标：

1、通过对表格布局主页的学习，提高学生对网页制作的兴趣，增强学生的审美观。

2、激发学生对红军英雄的敬仰之情。

(三）教学重难点

♦教学東点：利用“绘制表格”工具按钮绘制表格。

能够绘制表格是基础。

♦教学难点：根据主页特点，灵活运用表格设计主页版式。

针对特定问题，进行分析、策划，设计出良好的版面是要积极动手动脑的。

二、说教法

♦教学方法：

1、任务驱动：以指导学生完成一个个具体的学习任务而开展课堂教学，任务安排由浅入深,

前后衔接合理^

2、讲解演示法：在调出“表格”工具栏等学生难以直接跨越的知识点上要演示。

3、提问引导法

总体上以尝试发现、综合对比、总结归纳、网络教室直观演示等形式贯穿整个教学过程。

【摘 要】江苏职教于2011年开始全面启动"五课"教研"两课"评比活动，"两课"评比是以课堂教学竞赛为基本点，通过学校、县、市和省层层筛选，经过教案评比、说课、答辩与上课等环节的评比，全面推进职业教育课程改革，提高课堂教学的有效性，促进骨干教师的培养。笔者以参加2012年省计算机专业技能课程"两课"评比活动的亲身体验，对课程项目教学改革实践加以总结，进一步提高了课堂教学研究能力和水平。

【关键词】两课；网页设计；项目教学

ding ling

（xuzhou vocational technology academy of finace & economics，xuzhou jiangsu

221000，china）

0 前言

江苏省“两课”评比活动已经连续开展近三年，笔者有幸参加了专业技能课程的评比并取得了示范课。时至今日，回想整个备赛过程，其中的酸甜苦辣仍记忆犹新。两课评比旨在引导教师提升职业道德、教育素养和教学能力，总结体现课程改革精神的教学模式，树立教学改革与创新的典型。对于基层教师而言是展现教师全面深入的教学设计以及用案例体现微观教学技巧的平台。

从“两课”评比的评分项目看，从目标确立、学情分析、教材处理到资源整合和教学反思等都是为了对一个教学单元进行更全面细致的教学设计做准备。因此，笔者认为教学过程的设计和支撑教学的案例的选择尤为重要。下面，就以《网页设计与制作》课程中网页基本元素的使用这一教学单元为例，讲述项目教学过程的设计和实施。

1 学情分析

笔者面对的教学对象是五年制软件技术专业二年级的学生。他们思维活跃，乐于沟通，喜欢模仿和动手实践，但是他们韧性不足，团队合作能力稍显薄弱。学生经过前期的学习已经学会了创建站点和网页文档，并且能够对页面进行总体的控制。不过多数学生对网页设计的岗位认知还比较模糊。

2 教材分析

根据学生的以上特点，本课程选择的教材是《网页设计与制作案例教程》，该教材是高等职业院校的计算机教育规划教材。教材采用了基于工作导向的任务驱动的教学方法，符合学生的认知规律，但是案例缺少情境的引入，不能有效的激发学生兴趣。因此在教学过程中创设了情境，增加了案例。因为学生首次接触网页制作，所以如何提高他们的学习兴趣和热情尤为重要，因此，我在教学中做了大胆的尝试，将网页设计模块中文本操作、图像操作和超级链接三个教学单元的内容进行整合，用4课时的时间，围绕制作“团队介绍网站”这一项目展开，让学生在兴趣和团队的引导下自主学习网页基本元素的使用。这一部分内容是网页制作的基础阶段，同时也为学生继续学习网页布局设计与样式奠定扎实的基础。

《动态网页制作实例教程—Dreamweaver ASP与SQL》说课稿

单位：信息工程系

姓名：仇环

各位专家评委、老师好！我今天说课的课题是动态网页制作实例教程，下面我将从说人才培养方案及专业培养目标、说教学大纲、说教材、说教法和学法、说学情及学生学习方法指导、说教学过程、说板书设计七个方面来对本课程进行说明。

一、 说人才培养方案及专业培养目标

潍坊工商职业学院的办学目标：以就业为导向，培养适应生产、建设、管理、服务第一线需要的高素质技能型人才，为地方区域经济发展服务。突出职业教育办学的实践性、职业性的特色。

本专业的培养目标：具有计算机硬件、软件的基础理论知识和计算机系统的实际应用与维护能力，理解计算机的基本原理，熟练掌握微机和计算机网络的基本操作、信息管理系统软件开发和维护能力、网页网站开发等技能的面向工作一线的高素质技能型人才。

二、 说教学大纲

1、课程定位

《动态网页制作实例教程-Dreamwearver ASP与SQL》是一门研究动态网页及网站设计与构建的基本原理和基本方法的课程；是计算机类专业必修的一门专业课；是具有系统的网络技术、数据库技术、软件编程技术和网站构建方法与技术，实践性很强的课程。本课程是学生学习后续课程和完成课程设计与毕业设计不可缺少的重要基础，是日后从事技术工作的重要工具。

本课程的主要内容包括：网络技术、网页技术、数据库技术与Internet技术的基本知识；动态网站设计与构建的基本原理；面向对象分析、设计与实现的基本思想和方法等。根据培养对象的层次特点，本课程在开发学生综合应用能力、和创新能力的培养有着重要的地位；为培养面向工程的应用型人才以及学生就业奠定了基础。

课程的考核方式为平时表现占10%，作业占10%，理论考试占50%。

2、课程目标

通过本门课程的学习，使学生具有初步设计能力、软件编程能力、综合应用能力，具备构建动态网站的实际技能。对于本门课程有如下三个教学目标：