《网页设计与制作》课程改革方案Word文档格式.docx
- 文档编号:20526482
- 上传时间:2023-01-23
- 格式:DOCX
- 页数:43
- 大小:112.72KB
《网页设计与制作》课程改革方案Word文档格式.docx
《《网页设计与制作》课程改革方案Word文档格式.docx》由会员分享,可在线阅读,更多相关《《网页设计与制作》课程改革方案Word文档格式.docx(43页珍藏版)》请在冰豆网上搜索。
4.美化首页;
5.设计二级页面;
6.设计交互页面;
7.网站测试与发布。
针对网页设计与制作人员应具备的能力和素质,我们将整个网页设计与制作课程分为以下七个典型工作任务。
【典型工作任务1】网站规划
【典型工作任务2】站点建设与管理
【典型工作任务3】首页设计
【典型工作任务4】首页美化
【典型工作任务5】设计二级页面
【典型工作任务6】设计交互式页面
【典型工作任务7】网站测试与发布
(二)专业能力与知识目标
根据典型工作任务,确定专业能力与知识目标如下表1所示。
表1专业能力与知识目标
编号
专业能力目标
专业知识目标
1
规划网站结构的能力
需求分析的概念与内容,网站结构知识,网站的开发流程,网页设计的基本原则,网页版面布局要求
2
建立站点与管理站点的能力
文件与文件夹的命名规则,Dreamweaver工具的工作界面的概念,“文件”面板的使用方法,站点的创建方法,站点的管理方法
3
利用表格进行页面布局的能力
页面布局的概念与要求、表格的概念、表格的属性、表格的合并与折分
4
使用CSS美化页面和进行页
面布局的能力
CSS样式表的概念、CSS样式表的基本语法、CSS选择器的类型
5
编辑文本与编辑图象的能力
文本与图象的属性及其设置,图像与文本混合编排的概念与方法,在表格中输入文字并定位的方法,在表格中插入图像并定位的方法
6
创建网页超级链接的能力
超级链接的类型和属性
7
使用CSS+DIV进行页面布局
的能力
层的概念与属性设置、层的定位、层的操作、样式的套用
8
制作交互页面的能力
表单与表单对象的属性及其设置
9
创建框架页面的能力
框架和框架集的属性及其设置方法
10
使用行为创建页面的能力
行为与事件的概念,行为的基本操作,标准动作
11
插入其他对象的能力
水平线、文件头标签、特殊字符、Flash动画等对象的概念
12
创建及使用模板与库的能力
模板与库的概念,可编辑区域的概念
13
测试与发布网站的能力
网站测试的方法,域名的申请方法,网站发布的方法,网站的维护与更新方法
(三)学习情境
按照项目任务的编排方式,整合专业能力与知识目标对学习领域的教学内容进行序化,设计出如下图所示7个网页设计与制作学习情境:
学习情境的设计
学习领域:
网页设计与制作
总课时:
64
学习情境1:
手工编程
课时:
学习目标:
1.能力目标:
(1)编写网页头部标记代码的能力
(2)编写文本与图象排版代码的能力
(3)编写网页表格代码的能力
(4)编写网页表单代码的能力
2.知识目标:
(1)URL地址与域名的概念,网页与网站的概念,静态网站与动态网站的概念区别,网站分类,HTML语言的结构、格式、标记及相关属性;
(2)文本标记的概念和类型,排版格式标记、图像标记、链接标记;
(3)表格的标记和属性
(4)表单和表单对象的标记和属性
3.职业素质目标:
主要内容
教学方法建议
1.初步阅读需求分析文档,了解设计目标、要求和设计成果
2.了解网页的相关概念和术语
3.认识网页中的主要构成元素
4.HTML语言编写网页头部代码
5.编写文本和图像排版代码
6.设计网页表格,设置表格属性
7.设计网页表单,设置
表单和表单对象的属性,
8.阶段成果评价,调整
工作计划
宏观教学方法
探究式教学法
微观教学方法
讲解+案例教学
教学材料
使用工具
学生知识与能力准备
教师知识与能力要求
考核与评价
1.网站总体设计书
2.成果评价表
1.PC电脑2.Dreamweaver工具软件
1.具备使用电脑和操作Internet网络的能力。
2.具备识读网站总体设计书的能力。
1.能够分析网站总体设计书
2.熟练掌握代码编写要求和方法
3.熟练掌握Dreamweaver工具软件的使用
4.能够正确、及时处理学生操作过程中出现的问题及错误。
评价内容:
任务完成情况评价
工作态度评价
项目完成情况演示评价
评价方式:
学生自评
小组成员互评
教师评价
学习情境2:
网站规划
(1)规划网站结构的能力
(2)建立站点与管理站点的能力
(1)需求分析的概念与内容,网站结构知识,网站
的开发流程,网页设计的基本原则,网页版面布局
要求;
(2)文件与文件夹的命名规则,Dreamweaver工具
的工作界面的概念,“文件”面板的使用方法,站点
的创建方法,站点的管理方法;
★色彩感悟能力
★结构布局能力
★表达能力
★创新能力
1.阅读需求分析文档,理解设计目标、要求和设计成果,搜集素材,制定工作计划。
2.欣赏优秀的网页,学习他人之长,激发学习网页设计的兴趣。
3.分析优秀网页的布局结构、颜色搭配、视觉效果,留下直观的第一印象,为制作网页奠定基础。
4.确定网站名称,规划网站的站点结构,定位网站CI形象,设计网站的整体风格及创意,绘制网站架构图。
5.分组讨论,学生讲解
6.定义站点,创建文件夹和空白页面,设计备注,阶段成果评价,调整工作计划。
7.阶段成果评价,调整
讲解
示范操作
同步模仿
分组法
“教”、“学”、
“做”三位一
体法
2.优秀网站地址
3.网页色彩适配器
4.成果评价表
1.PC电脑2.Dreamweaver工具软件
1.具备使用电脑和操
作Internet网络的能
力。
2.具备识读网站总体
设计书的能力
3.具备利用网页色彩
适配器软件获取适合
颜色素材的能力
2.熟练掌握站点建立与管理的方法
3.熟练掌握Dreamweaver工具软件的使用
学习情境3:
首页设计
(1)利用表格进行页面布局的能力
(2)编辑文本与编辑图象的能力
(3)创建网页超级链接的能力
(1)页面布局的概念与要求、表格的概念、表格的
属性及其设置;
(2)文本与图象的属性及其设置;
(3)超级链接的类型和属性。
★创新能力
1.绘制首页布局草图,规划网站页面表格结构
2.创建页面页眉区表格
3.创建页面导航拦表格
4.创建页面主体内容区表格
5.创建页面版权区表格
6.插入“卓帆五金制品厂”网站的LOGO和Banner
7.设计网站导航栏与版权区的内容
8.按照左、中、右和上、
中、下的顺序设计“卓帆五金制品厂”网站的首页主体内容区的内容
9.阶段成果评价,调整
项目教学法
任务驱动法
探究法
2.首页效果图
3.Logo及
Banner网页素材
4.操作示范视频
5.成果评价表
3.视频播放软件
3.具备利用图形图像
处理软件获取网页素
材的能力
学习情境4:
首页美化
(1)使用CSS美化页面的能力
(2)使用CSS进行页面布局的能力
(1)CSS样式表的概念;
(2)CSS样式表的基本语法;
(3)CSS选择器的类型。
★.色彩感悟能力
★.结构布局能力
★.获取知识能力
★.表达能力
课外素质拓展
1.设计文本的基本样式,设置段
落的样式,设置列表的属性;
2.创建网页文本的CSS样式,
编辑网页文本的CSS样式,应用
网页文本的CSS样式
3.链接外部CSS样式
4.阶段成果评价,调整工作计划
写出有关W3C标准内容及其发展情况论文一篇,要求学生自己寻找和学习相关知识并进行讲解
1.网站总体设计书
2.首页
3.外部CSS样式表
2.熟练掌握使用CSS网页美化方法
学习情境5:
二级页面设计
18
(1)创建网页超级链接的能力
(2)使用CSS+DIV进行页面布局的能力
(3)创建框架页面的能力
(4)插入其他对象的能力
(5)创建及使用模板与库的能力
(1)超级链接的类型和属性;
(2)层的概念与属性设置、层的定位、层的操作、
样式的套用;
(3)框架和框架集的属性及其设置方法
(4)水平线、文件头标签、特殊字符、Flash动画
等对象的概念
(5)模板与库的概念,可编辑区域的概念
★.表达能力
★.创新能力
1.绘制页面布局草图,页面布局
2.规划页面超级链接,创建一般超级链接创建锚记链接,设置链接打开位置
3.创建层,设置层的属性,调整层的大小和位置,把层转换为表格,把表格转换为层
4.规划网页框架结构,建立网页框架,添加框架页内容,设置网页框架和框架组的属性,编辑网页框架
5.插入水平线,插入文件头标签,插入网页搜索关键字,插入特殊字符,插入Flash动画,添加空格,添加日期
6.创建二级页面模板,
设置二级页面模板可编
辑区域,管理模板,创建
与管理库
工作计划
课外素质拓展:
写出有关
RSS内容及其发展情况
论文一篇,要求学生自己
寻找和学习相关知识并
进行讲解
2.二级页面效果图
Banner网页等素材
2.熟练掌握CSS+DIV、框架布局方法
学习情境6:
交互页面设计
(1)使用行为创建页面的能力
(2)制作交互页面的能力
(1)行为与事件的概念,行为的基本操作,标准动
作;
(2)表单与表单对象的属性及其设置。
1.用行为设计“卓帆五金制品厂”网站的弹出广告页面和浮动广告页面
2.绘制页面布局草图,页面布局
3.创建表单,插入文本域,插入单选框,插入复选框,插入列表和菜单,插入按钮
4.设置表单及表单域的属性,测试表单页
5.阶段成果评价,调整
2.广告页、表单页效果图
Banner等网页素材
2.熟练掌握网页布局方法
学习情境7:
测试与发布
(1)测试与发布网站的能力
(1)网站测试的方法;
(2)域名的申请方法;
(3)网站发布的方法;
(4)网站的维护与更新方法。
★
★
1.注册域名,申请空间
2.安装“卓帆五金制品厂”系统
3.“卓帆五金制品厂”试运行
4.“卓帆五金制品厂”测试报告
5.检查站点范围的链接,改变站点范围的链接
6.清理文档
鼓励创新法
(四)专业素质目标
1.具有一定策划能力
2.具有一定想象力
3.色彩感悟能力
4.结构布局能力
(五)综合能力和职业素养培养目标
1.团队协作精神
2.自主学习能力
3.沟通能力
4.表达能力
5.获取知识能力
6.创新能力
7.乐观精神
8.敬业精神
9.感悟能力
10.知识应用能力
11.自我发展能力
12.责任感
13.效率观念
三、课程内容安排、课程任务
(一)课程结构、课程任务、课程内容
分析课程实施的内、外部环境如表2所示,结合课程目标确定课程结构、课程任务、课程内容,课程分为十个模块,二十三个教学单元,“卓帆五金制品厂”网站制作项目分解到相应的教学单元,如表3所示。
表2网页设计与制作
课程实施环境分析
教师
学生
办学条件
内
部
环
境
分
析
1、对教师的要求
由于项目内容涉及一个完整网站,
因此,要求教师掌握网站建设方面的综合知识,要打破课程界限,不能只知道某一门学科的知识,同时要求教师至少完成过2个完整网站静态网页的设计。
2、本院教师的现状担任本门课程教学任务的有3人,教师的优势条件是有2人至少完成过2个完整网站静态网页的设计工作。
1、学生高考成绩居于中低段(大专);
2、已经初步掌握了办公软件使用、网络基础知识;
3、学习动力不足,稳定性差,缺乏创新精神和自我调控能力;
4、部分学生对电脑操作和上网不熟练,打字速度不快;
5、涉及语言方面知识感到枯燥,学习积极性不高;
6、思想活跃、参与热情高、社会活动能力比较强;
7、对网页设计与制作的结果感兴趣
1、学院已经具备计
算机实验室和多媒
体教室,能满足课程教学需要。
外
1、社会对有关知识或技能需要的程度:
岗位要求有1年以上工作经验、参加过一个以上整站的网页设计与制作或者有自己的作品;
表3网页设计与制作课程任务及课程体系设计
模块名称
教学单元名称
计划课时
专业能力与知识
课程内容
模块一:
学习情境1
手工编程模块
No1
编写网页头部代码
1.能力目标:
编写网
页头部标记代码的能力
2.知识目标:
URL地
址与域名的概念,网页
与网站的概念,静态网
站与动态网站的概念
别,网站分类,HTML
语言的结构、格式、标
记及相关属性
任务:
编写网页头部代码
内容:
初步阅读需求分析文档,了解设计目标、要求和设计成果,了解网页的相关概念和术语,认识网页中的主要构成元素,用HTML语言编写网页头部代码
No2
编写网页内容代码
编写文
本与图象排版代码的能
力
文本标
记的概念和类型,排版
格式标记、图象标记、
链接标记
对文本和图象排版
编写文本和图象排版代码
No3
编写网页表格代码
页表格代码的能力
表格的
标记和属性
设计网页表格
设计网页表格,设置表格属性
No4
编写网页表单代码
页表单代码的能力
表单和
表单对象的标记和属性
设计网页表单
设计网页表单,设置表单和表单对象的属性,阶段成果评价。
模块二:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作 网页 设计 制作 课程 改革方案