网页设计与制作说课 PPT
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
材及实习指导书
Page 31
本课程有以下创新与特点：
4
实践教学突出“ 知、会、能”三
原则与方法
5
实践环节引入质 量控制体系，确 保高质量地完成
6
工学研结合、校企 合作、职业技能培 训和鉴定，为学生
就业提供方便
Page 32
谢谢
最高分和最低分，求其他分数的平均值。 公示分数。
Page 29
——成效？
本课程有以下创新与特点：
11
2
采采用用工工作作任任务务驱驱 动动及及情情景景融融入入等等 教学教方学法方法
建立精品课程网 站为学生提供全 方位的、优质的 、人性化的服务
3
根据学生认知特点 。自编教学大纲、 综合实训大纲、教
《网页设计基础》
为什么要上《网页设计基础》这门课？
网页设计基础
本课程是计算机多媒体技 术、印刷图文信息处理、网络 技术等专业的专业基础课程， 在IT行业应用非常广泛。它既 为一门具体的应用技术，也是 作为其他网络应用的重要基础 工具，因而在整个教学体系中 占据非常重要的地位。
Page 2
计算机多媒体技术专业方向简图
Page 17
例如：项目三 网页动画制作
提出任务 网站首典页型需工要作b任an务ner动画
需求
选用基本 制作软件行的动选领取域和介绍
软件
软件工具 使用
软件工具行的动应领用域实例
基本动画 制作
banne行r动动态领效域果制作
完成动画 制作
网站动画行的动素领材域选取 FLASH基本行操动作领介域绍
FLASH工具行的动使领用域实例
专业人才 培养目标
图像处理 网站开发 三维动画 影视制作
一学期 图形图像处理
二学期 平面动画基础
三学期 静态网页设计
四学期 网站开发实训
五学期 影视三维动画
六学期 企业实习实训
Page 3
这门课程对应的职业岗位
网页设计师 网页美工 网络管理员 网站开发工程师
Page 4
目
录
课程设置及内容
Page 26
考核方式及标准
本课程采用形成性考核和终结性考核相结合的方法进行考核。 形成性考核(平时成绩)：占40%；出勤、听课情况、上课提问回答情况、 作业完成情况等。 终结性考核（作品考核成绩）：占60%；根据各小组的网站质量进行考 核。 总评 = 平时成绩×40% + 期终考核成绩×60％
Page 28
研发
Page 25
学习方法的中心和融合
以“学生为中心”，融合教程和教材
能力掌握
操作掌握
利用多样的教学活动，培养 独立设计制作，自我创新， 发展开拓性设计思想。
知识掌握
根据实践操作训练，引导 学生掌握基本技能，运用 理论知识联系实际能力提 高实践技术。
根据教学重点难点，指导学生掌握 本课程基本知识和基本技能。
小组 单位 竞赛
教师 指导 教学
Page 22
小组实践教学
Page 23
——怎么学？
学习方法的循序渐进
学生根据教学方法采取由浅至深、循序渐进的学习
运用基本 制作软件
掌握基本 知识理论
理解合理 设计思想
理论联系实际 训练实践操作 开拓思维研发
三结合
结合综合 实践过程
熟悉掌握 整体制作
流程
实践创 新自学
教学过程及方法
学习方法及考核
课 程 特 色 及 创新
Page 5
——教什么？
课程定位
职业定向课 专业技能课 专业基础课
网站综合实训
HTML+CSS Javascript 数据库开发技术
网页设计基础
平面构成 平面图像处理 Flash动画制作 ……
计算机基础
Page 7
课程设置: “任务驱动教学方法”
课程情景：张先生的企业要设计与制作一个网站来宣传展示企业形象和宣传 产品，任务需要一网站设计师来完成。
百度文库
网站网络基本知识
设
项目立项，规划网
计
站
制
作
步 骤
网站整体色彩设计 和布局需求分析
网站构图设计 文档布局编辑 多媒体的处理
Fireworks的使用 Dreamweaver的使用
flash的使用
网页的设计制作 网站的框架与样式
项目四 网页动画制作
项目五 网页样式的处理
项目六 网页脚本的使用
项目七 网站测试、发布与管理
项目八 网页综合实训
标示符号
教学训练目标
能力培养重点
实践教学目的
Page 9
课程目标
知识目标 能力目标 素质目标
了解基本的网页设计配色布局方案 掌握网站建设的基本途径、方法和技术要求 具有网页制作的基本设计理念 能根据网站功能需求设计网页制作的基本方案
充分利用校园网及网络平台，拓展学 生知识面。
走工学结合的路子，利用社会IT企业 和校外实训基地，获取知识和技能。
Page 20
教学方法的多样性
演示讲授
实践训练
任务应用
Page 21
教学活动的多边性
教学活动
交互 作品 赏析
能力 水平 指导
互动 教学 课件
专业 知识 讲座
校外 实习 培训
相互 教学 听课
Page 10
知识目标
网页设计配 色布局方案
网站开发、网 页设计布局
网站方案设计 和需求分析
了解
掌握
应用
Page 11
能力目标
1.熟练掌握网页设计和制 作的软件（网页三剑客） 运用能力
2.根据功能需求设计网站 的布局、框架和配色方 案等综合能力
3.运用所学知识解决网页 设计中所遇到的实际问 题能力
设计网页效果图
• Fireworks、 Photoshop 美工基础
• 导航和接片、热区
网页动画处理
• Flash动画制作 • SWF动画运用
网站规划
• 写策划书 • 和客户签订合同 • 制定开发流程和任务分工
网页制作方法
• Dreamweaver运用 • 使用HTML语言设计
两周综合实训
• 培养综合实践能力 • 方案设计和实践操作能力
熟练掌握网页设计和制作的软件（网页三剑客）运用能力 根据功能需求设计网站的布局、框架和配色方案等综合能力 运用所学知识解决网页设计中所遇到的实际问题能力 收集、处理信息、准备、加工素材的实践能力
沟通能力和协作精神 勤于思考、认真踏实的工作作风 运用科学技术和创新创业的理念 自主学习、不断进取、理论联系实际的综合素养
布局和框架 脚本使用
CSS+DIV布局处理 JavaScript实用技术
网站测试和发布管理 网站运行和更新
测试和发布 管理
网站的测试和综合
Page 8
教学总体结构设计（项目任务式教学）
项目一 项目立项与网站策划
理论知识教学 实践能力训练 设计思想锻炼 创新能力开发
项目二 网站首页设计与切片
项目三 网页文档编辑
动态效果行的动制领作域方法
完成项目 任务
Page 18
教学模式的设计与创新
课堂演示教学 教师指导实验
多种教学模式的运用
实习实训实践 专业设计比赛
校外企业实训 技能操作评比
理论实践 教学
实践实训 单教击学添加
社会实践 教学
Page 19
理论课教学采用多媒体课件、电化教 学或等先进教学手段进行。
充分利用实验室，进行各种操作技能 训练，加深对理论知识的理解和记忆。
《网页设计基础》考核流程
每小组选1名同学作为评审员； 评审员集中坐在一起，为评审员的电脑中拷贝考核标准一份； 给评审员每人一张白纸，用于打分； 每小组派一名同学进行作品展示，并按照要求进行陈述； 评审员为每小组打分； 指定1名同学收集分数条，指定2名同学进行总分；计分方法是：去掉
12
7
3
6
4
5
4.收集、处理信息、 准备、加工素材的 实践能力
5.独立完成静态网站 制作能力
6.策划、色彩感悟、 结构布局能力
7.设计网站综合实力
Page 12
思想政治与道德素养
文化艺术与身心发展
社会实践与志愿服务
素质目标
社团活动与社会工作
科学技术与创新创业
技能培养
Page 13
教学内容的组织与安排
Page 14
——怎么教？
教学过程总体结构设计 教学目标
网站发布和管理
网页脚本运用 网站设计思想
课程完成
课程拓展
课程起始
综合实训设计
动画制作和样式处理 网页文档静态制作
Page 16
教学活动的有机结合
理解知识重点和要点
课件运用
理解课程运用知识
媒介场景
教学过程
实例结合
有机互动
灵活掌握技能操作
开拓创新设计思维
Page 31
本课程有以下创新与特点：
4
实践教学突出“ 知、会、能”三
原则与方法
5
实践环节引入质 量控制体系，确 保高质量地完成
6
工学研结合、校企 合作、职业技能培 训和鉴定，为学生
就业提供方便
Page 32
谢谢
最高分和最低分，求其他分数的平均值。 公示分数。
Page 29
——成效？
本课程有以下创新与特点：
11
2
采采用用工工作作任任务务驱驱 动动及及情情景景融融入入等等 教学教方学法方法
建立精品课程网 站为学生提供全 方位的、优质的 、人性化的服务
3
根据学生认知特点 。自编教学大纲、 综合实训大纲、教
《网页设计基础》
为什么要上《网页设计基础》这门课？
网页设计基础
本课程是计算机多媒体技 术、印刷图文信息处理、网络 技术等专业的专业基础课程， 在IT行业应用非常广泛。它既 为一门具体的应用技术，也是 作为其他网络应用的重要基础 工具，因而在整个教学体系中 占据非常重要的地位。
Page 2
计算机多媒体技术专业方向简图
Page 17
例如：项目三 网页动画制作
提出任务 网站首典页型需工要作b任an务ner动画
需求
选用基本 制作软件行的动选领取域和介绍
软件
软件工具 使用
软件工具行的动应领用域实例
基本动画 制作
banne行r动动态领效域果制作
完成动画 制作
网站动画行的动素领材域选取 FLASH基本行操动作领介域绍
FLASH工具行的动使领用域实例
专业人才 培养目标
图像处理 网站开发 三维动画 影视制作
一学期 图形图像处理
二学期 平面动画基础
三学期 静态网页设计
四学期 网站开发实训
五学期 影视三维动画
六学期 企业实习实训
Page 3
这门课程对应的职业岗位
网页设计师 网页美工 网络管理员 网站开发工程师
Page 4
目
录
课程设置及内容
Page 26
考核方式及标准
本课程采用形成性考核和终结性考核相结合的方法进行考核。 形成性考核(平时成绩)：占40%；出勤、听课情况、上课提问回答情况、 作业完成情况等。 终结性考核（作品考核成绩）：占60%；根据各小组的网站质量进行考 核。 总评 = 平时成绩×40% + 期终考核成绩×60％
Page 28
研发
Page 25
学习方法的中心和融合
以“学生为中心”，融合教程和教材
能力掌握
操作掌握
利用多样的教学活动，培养 独立设计制作，自我创新， 发展开拓性设计思想。
知识掌握
根据实践操作训练，引导 学生掌握基本技能，运用 理论知识联系实际能力提 高实践技术。
根据教学重点难点，指导学生掌握 本课程基本知识和基本技能。
小组 单位 竞赛
教师 指导 教学
Page 22
小组实践教学
Page 23
——怎么学？
学习方法的循序渐进
学生根据教学方法采取由浅至深、循序渐进的学习
运用基本 制作软件
掌握基本 知识理论
理解合理 设计思想
理论联系实际 训练实践操作 开拓思维研发
三结合
结合综合 实践过程
熟悉掌握 整体制作
流程
实践创 新自学
教学过程及方法
学习方法及考核
课 程 特 色 及 创新
Page 5
——教什么？
课程定位
职业定向课 专业技能课 专业基础课
网站综合实训
HTML+CSS Javascript 数据库开发技术
网页设计基础
平面构成 平面图像处理 Flash动画制作 ……
计算机基础
Page 7
课程设置: “任务驱动教学方法”
课程情景：张先生的企业要设计与制作一个网站来宣传展示企业形象和宣传 产品，任务需要一网站设计师来完成。
百度文库
网站网络基本知识
设
项目立项，规划网
计
站
制
作
步 骤
网站整体色彩设计 和布局需求分析
网站构图设计 文档布局编辑 多媒体的处理
Fireworks的使用 Dreamweaver的使用
flash的使用
网页的设计制作 网站的框架与样式
项目四 网页动画制作
项目五 网页样式的处理
项目六 网页脚本的使用
项目七 网站测试、发布与管理
项目八 网页综合实训
标示符号
教学训练目标
能力培养重点
实践教学目的
Page 9
课程目标
知识目标 能力目标 素质目标
了解基本的网页设计配色布局方案 掌握网站建设的基本途径、方法和技术要求 具有网页制作的基本设计理念 能根据网站功能需求设计网页制作的基本方案
充分利用校园网及网络平台，拓展学 生知识面。
走工学结合的路子，利用社会IT企业 和校外实训基地，获取知识和技能。
Page 20
教学方法的多样性
演示讲授
实践训练
任务应用
Page 21
教学活动的多边性
教学活动
交互 作品 赏析
能力 水平 指导
互动 教学 课件
专业 知识 讲座
校外 实习 培训
相互 教学 听课
Page 10
知识目标
网页设计配 色布局方案
网站开发、网 页设计布局
网站方案设计 和需求分析
了解
掌握
应用
Page 11
能力目标
1.熟练掌握网页设计和制 作的软件（网页三剑客） 运用能力
2.根据功能需求设计网站 的布局、框架和配色方 案等综合能力
3.运用所学知识解决网页 设计中所遇到的实际问 题能力
设计网页效果图
• Fireworks、 Photoshop 美工基础
• 导航和接片、热区
网页动画处理
• Flash动画制作 • SWF动画运用
网站规划
• 写策划书 • 和客户签订合同 • 制定开发流程和任务分工
网页制作方法
• Dreamweaver运用 • 使用HTML语言设计
两周综合实训
• 培养综合实践能力 • 方案设计和实践操作能力
熟练掌握网页设计和制作的软件（网页三剑客）运用能力 根据功能需求设计网站的布局、框架和配色方案等综合能力 运用所学知识解决网页设计中所遇到的实际问题能力 收集、处理信息、准备、加工素材的实践能力
沟通能力和协作精神 勤于思考、认真踏实的工作作风 运用科学技术和创新创业的理念 自主学习、不断进取、理论联系实际的综合素养
布局和框架 脚本使用
CSS+DIV布局处理 JavaScript实用技术
网站测试和发布管理 网站运行和更新
测试和发布 管理
网站的测试和综合
Page 8
教学总体结构设计（项目任务式教学）
项目一 项目立项与网站策划
理论知识教学 实践能力训练 设计思想锻炼 创新能力开发
项目二 网站首页设计与切片
项目三 网页文档编辑
动态效果行的动制领作域方法
完成项目 任务
Page 18
教学模式的设计与创新
课堂演示教学 教师指导实验
多种教学模式的运用
实习实训实践 专业设计比赛
校外企业实训 技能操作评比
理论实践 教学
实践实训 单教击学添加
社会实践 教学
Page 19
理论课教学采用多媒体课件、电化教 学或等先进教学手段进行。
充分利用实验室，进行各种操作技能 训练，加深对理论知识的理解和记忆。
《网页设计基础》考核流程
每小组选1名同学作为评审员； 评审员集中坐在一起，为评审员的电脑中拷贝考核标准一份； 给评审员每人一张白纸，用于打分； 每小组派一名同学进行作品展示，并按照要求进行陈述； 评审员为每小组打分； 指定1名同学收集分数条，指定2名同学进行总分；计分方法是：去掉
12
7
3
6
4
5
4.收集、处理信息、 准备、加工素材的 实践能力
5.独立完成静态网站 制作能力
6.策划、色彩感悟、 结构布局能力
7.设计网站综合实力
Page 12
思想政治与道德素养
文化艺术与身心发展
社会实践与志愿服务
素质目标
社团活动与社会工作
科学技术与创新创业
技能培养
Page 13
教学内容的组织与安排
Page 14
——怎么教？
教学过程总体结构设计 教学目标
网站发布和管理
网页脚本运用 网站设计思想
课程完成
课程拓展
课程起始
综合实训设计
动画制作和样式处理 网页文档静态制作
Page 16
教学活动的有机结合
理解知识重点和要点
课件运用
理解课程运用知识
媒介场景
教学过程
实例结合
有机互动
灵活掌握技能操作
开拓创新设计思维