校级精品课程-网页设计与制作(说课)

理论知识教学 实践能力训练 设计思想锻炼 创新能力开发
项目一 网站首页设计与切片 项目二 网页文档编辑 项目三 网页动画制作 项目四 网页样式的处理 项目五 网页脚本的使用 动态网页的设计 项目六 动态网页的设计 网站测试 测试、 项目七 网站测试、发布与管理 项目八 网页综合实训 标示符号
教学训练目标
根据教学重点难点， 根据教学重点难点，指导学生掌握 本课程基本知识和基本技能。 本课程基本知识和基本技能。
Page 33
LOGO
考核方式及标准
5
10
学生考试系统
15
50 20
“学生考试系统”考核。 学生考试系统”考核。 该考试系统设有多种题型， 该考试系统设有多种题型， 并有自动改卷、 并有自动改卷、成绩统计分 析功能。实现了网上答疑、 析功能。实现了网上答疑、 网上作业批改等教学方法。 网上作业批改等教学方法。
Page 13
LOGO 湖北三峡职业技术学院电子信息学院
——怎么教 怎么教？ ——怎么教？
LOGO
教学过程总体结构设计 教学目标
网站发布和管理 课程完成
综合实训设计
动画制作和样式处理 网页脚本运用
课程拓展
网页文档静态制作 网站设计思想
课程起始
Page 15
LOGO
教学活动的有机结合
理解知识重点和要点
设 计 制 作 步 骤
网站整体色彩设计 和布局需求分析 网 的设计制作 购置服务器设备， 购置服务器设备， 注册域名
网站构图设计 文档布局编辑 多媒体的处理 布局和框架 脚本使用 动态网站技术
的
的
布局
网站的
架与
术 术
的
Байду номын сангаас网站
和
布
测试和发布 管理
服务器 网站的
置 和
布
网站
和
Page 6
LOGO
教学总体结构设计（项目任务式教学） 教学总体结构设计（项目任务式教学）
6
工学研结合、 工学研结合、校企 合作、 合作、职业技能培 训和鉴定， 训和鉴定，为学生 就业提供方便
Page 37
LOGO
密切的工学研结合 ，加强校企合作
Page 38
LOGO 积极开展职业技能培训和鉴定，为学生就业提供方便 积极开展职业技能培训和鉴定，
根据网站建设与维护岗位需求，每年进行“网页制作”和“三 维动画设计师”的职业资格培训和职业技能鉴定工作，学生“职业资格 证书”获取率达到90%以上，为学生就业开辟了通道。
教学模式的设计与创新
多种教学模式的运用
课堂演示教学 教师指导实验 实习实训实践 专业设计比赛 校外企业实训 技能操作评比
理论实践 教学
实践实训 单击添加 教学
社会实践 教学
Page 18
LOGO
理论课教学采用多媒体课件、电化教 学或等先进教学手段进行。
充分利用实验室，进行各种操作技能 训练，加深对理论知识的理解和记忆。
网络技术运用 利用计算机网络技 术，实现了网上答 疑、网上作业批改 等教学方法。
Page 24
LOGO
单元测试
Page 25
LOGO
上 机 考 试
Page 26
LOGO
期末网上考试
Page 27
LOGO
建有专门的课程网站， 建有专门的课程网站，以充分利用课外时间来补充课 内教学时间的不足。 内教学时间的不足。
Page 5
LOGO
课程设置: 任务驱动教学方法” 课程设置: “任务驱动教学方法”
课程情景：张先生的企业要设计与制作一个网站来宣传展示企业形象和宣传 课程情景：张先生的企业要设计与制作一个网站来宣传展示企业形象和宣传 产品，任务需要一网站设计师来完成。 产品，任务需要一网站设计师来完成。
网站网 本 的
Page 28
LOGO
教学设备的实践性 学院建有18个学生用机房，拥有学生实验用计算机 1500余台。能充分满足学生实践教学的需要。
Page 29
LOGO
校外实习基地的建设与利用 中企动力科技有限公司宜昌分公司作为我院网页设计课程 的校外实习基地。 的校外实习基地。
Page 30
LOGO 湖北三峡职业技术学院电子信息学院
FLASH基本操作介绍 FLASH基本操作介绍 行动领域
软件工具 使用
软件工具的应用实例 行动领域
FLASH工具的使用实例 FLASH工具的使用实例 行动领域
基本动画 制作
行动领域 banner动态效果制作 动态效果制作
动态效果的制作方法 行动领域
完成项目 完成动画 任务 制作
Page 17
LOGO
充分利用校园网及课程网站Internet 平台，拓展学生知识面。
走工学结合的路子，利用社会IT企业 和校外实训基地，获取知识和技能。
Page 19
LOGO
Page 20
LOGO
教学方法的多样性
演示讲授
实践训练
任务应用
Page 21
LOGO
教学活动的多边性
教学活动
互动 教学 课件 交互 作品 赏析
以“学生为中心”，融合教程和教材 学生为中心”
能力掌握
操作掌握
利用多样的教学活动， 利用多样的教学活动，培养 独立设计制作，自我创新， 独立设计制作，自我创新， 发展开拓性设计思想。 发展开拓性设计思想。
知识掌握
根据实践操作训练， 根据实践操作训练，引导 学生掌握基本技能， 学生掌握基本技能，运用 理论知识联系实际能力提 高实践技术。 高实践技术。
网页动画处理
• • Flash动画制作 SWF动画运用
两周综合实训
• • 培养综合实践能力 方案设计和实践操作能力
动态网页制作设计
• • • 网络动态模式设计 网络脚本使用 JAVA语言设计运用
Page 12
LOGO
教材建设
2007年 开始选用清华大学出版社、北京交通大学出版社出版、 2007年，开始选用清华大学出版社、北京交通大学出版社出版、 本课题组负责人周苏峡主编的适合高职高专院校学生学习的“21世纪 本课题组负责人周苏峡主编的适合高职高专院校学生学习的“21世纪 应用型人才培养系列教材” 网页设计实用教程》 978应用型人才培养系列教材”《网页设计实用教程》(ISBN 978-781123-107-6)。本精品课网站的大多数教学资源是围绕该教材建立的。 81123-107-6)。本精品课网站的大多数教学资源是围绕该教材建立的。
LOGO 湖北三峡职业技术学院电子信息学院
LOGO
网页设计与制作 本课程是计算机应用、网 本课程是计算机应用、 络技术、 络技术、电子商务等专业的专 业课程， IT行业应用非常广 业课程，在IT行业应用非常广 泛。它既为一门具体的应用技 术，也是作为其他网络应用的 重要基础工具，因而在整个教 重要基础工具， 学体系中占据非常重要的地位。 学体系中占据非常重要的地位。
——怎么学 怎么学？ ——怎么学？
LOGO
学习方法的循序渐进
学生根据教学方法采取由浅至深、循序渐进的学习
掌握基本 知识理论 运用基本 制作软件
理解合理 设计思想
理论联系实际 训练实践操作 开拓思维研发
三结合
结合综合 实践过程
熟悉掌握 整体制作 流程
实践创 新自学 研发
Page 32
LOGO
学习方法的中心和融合
能力培养重点
实践教学目的
Page 7
LOGO
课程目标
了解基本的网页设计配色布局方案 掌握网站建设的基本途径、方法和技术要求 具有网页制作的基本设计理念 能根据网站功能需求设计网页制作的基本方案 熟练掌握网页设计和制作的软件（网页三剑客）运用能力 根据功能需求设计网站的布局、框架和配色方案等综合能力 运用所学知识解决网页设计中所遇到的实际问题能力 收集、处理信息、准备、加工素材的实践能力 沟通能力和协作精神 勤于思考、认真踏实的工作作风 运用科学技术和创新创业的理念 自主学习、不断进取、理论联系实际的综合素养
6 4 2 0 副教授 讲师
Page 46
14.30% 50%
35.70%
40岁以上6人
40-30岁8人
30岁以下2人
网络工程师 网页设计师 软件工程师 企业工程师
LOGO
成果展示
Page 47
成果展示
理解课程运用知识
课件运用
媒介场景
教学过程
实例结合
有机互动
开拓创新设计思维 灵活掌握技能操作
Page 16
LOGO
例如： 例如：项目三 网页动画制作
提出任务 需求
典型工作任务 网站首页需要banner动画 网站首页需要banner动画 banner
网站动画的素材选取 行动领域
选用基本 软件
行动领域 制作软件的选取和介绍
3
根据学生认知特点 自编教学大纲、 。自编教学大纲、 综合实训大纲、 综合实训大纲、教 材及实习指导书
Page 36
LOGO
本课程有以下创新与特点： 本课程有以下创新与特点： 4
实践教学突出“ 实践教学突出“ 知、会、能”三 原则与方法
5
实践环节引入质 量控制体系， 量控制体系，确 保高质量地完成
思想政治与道德素养
文化艺术与身心发展
社会实践与志愿服务
素质目标
社团活动与社会工作
科学技术与创新创业
技能培养
Page 11
LOGO
教学内容的组织与安排
设计网页效果图
• • Fireworks、 Photoshop 美工基础 导航和接片、热区 • •
网页制作方法
Dreamweaver运用 使用HTML语言设计
专业 知识 讲座
小组 单位 竞赛
能力 水平 指导 校外 实习 培训 相互 教学 听课
教师 指导 教学
Page 22
LOGO 小组实践教学
Page 23
教学手段的先进性
充分利用现代化的教学手段
LOGO
多媒体课件 利用现代计算机技 术提供的声、图、 像、动画等手段。
网络考试系统 该考试系统设有多 种题型，题量充沛， 每个题都有知识点 和难度。
单元测试 期末网上考试
实训作品 作业及考勤
上机考试
LOGO 湖北三峡职业技术学院电子信息学院
——成效 成效？ ——成效？
LOGO
本课程有以下创新与特点： 本课程有以下创新与特点： 1 1
采用工作任务驱 采用工作任务驱 动及情景融入等 动及情景融入等 教学方法 教学方法
2
利用精品课程网 站为学生提供全 方位的、 方位的、优质的 、人性化的服务
Page 2
LOGO 湖北三峡职业技术学院电子信息学院
目
录
课程设置及内容
教学过程及方法
学习方法及考核
课程特色及成果
Page 3
LOGO 湖北三峡职业技术学院电子信息学院
——教什么 教什么？ ——教什么？
LOGO
课程设置的前沿思路
使用基于工作过程培养模式， 使用基于工作过程培养模式，强调知识的实用性 突破传统学科教材的“三段式” 突破传统学科教材的“三段式”课程设置模式和 知识传授过程。 知识传授过程。 积极开发项目课程资源 把传统学科教材中以系统讲授知识为重点， 把传统学科教材中以系统讲授知识为重点，改为 以企业生产过程需要为背景传授知识和技能为重 点。
Page 39
LOGO
学院举办网页设计大赛
Page 40
LOGO
教学效果评价 学生评教
Page 41
LOGO
教学效果评价 领 导 评 教
Page 42
LOGO
教学效果评价 学 校 督 导 团 评 教
Page 43
LOGO
教学效果评价
校 外 专 家 评 价
Page 44
知识目标
能力目标
素质目标
Page 8
LOGO 知识目标
网页设计配 色布局方案
网站开发、 网站开发、网 页设计布局
网站方案设计 和需求分析
了解
掌握
应 用
Page 9
LOGO 能力目标
1.熟练掌握网页设计和制 1.熟练掌握网页设计和制 作的软件（网页三剑客） 作的软件（网页三剑客） 运用能力 2.根据功能需求设计网站 2.根据功能需求设计网站 的布局、 的布局、框架和配色方 案等综合能力 3.运用所学知识解决网页 3.运用所学知识解决网页 设计中所遇到的实际问 题能力
1 7 6 5
2 3 4
4.收集、处理信息、 4.收集、处理信息、 收集 准备、 准备、加工素材的 实践能力 5.独立完成静态网站 5.独立完成静态网站 制作能力 6.策划 色彩感悟、 策划、 6.策划、色彩感悟、 结构布局能力 7.设计网站综合实力 7.设计网站综合实力
Page 10
LOGO
LOGO
教学效果评价 合 作 企 业 评 价
Page 45
LOGO
课程教学团队
双师”结构 ——专职教师全部为 双师型教师。 年龄结构 ——４０岁以上6人，占 6 35.7%；３０－４０岁8人，占50%； 8 ３０岁以下２人，占14.3% ２ 职称及职业资格结构 ——副教授8 8 人，占50%；讲师8人（含兼职工程 8 师２人），占50%，其中，网页设 计师２人，网络工程师４人，软件 ２ ４ 工程师２人。 ２