专业课网页制作课程标准.docx
- 文档编号:9814449
- 上传时间:2023-02-06
- 格式:DOCX
- 页数:17
- 大小:112.50KB
专业课网页制作课程标准.docx
《专业课网页制作课程标准.docx》由会员分享,可在线阅读,更多相关《专业课网页制作课程标准.docx(17页珍藏版)》请在冰豆网上搜索。
专业课网页制作课程标准
国家中等职业教育改革发展示范学校
软件信息与服务专业建设
1.2.5核心课程的课程标准
15.专业课网页制作课程标准
东莞理工学校软件信息与服务专业项目建设小组
课程编号:
02109
课程类型:
核心课程、一体化课程
学时:
108
适用对象:
软件与信息服务专业二年级学生
编制者:
张屹峰
审核者:
编制日期:
2014-07-05
一、课程的性质
1、课程定位
《网页制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。
本课程定位于WEB技术开发工作岗位。
它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用,将为后续课程《JavaScript程序设计》、《动态网页设计》等打下基础。
2、课程任务
通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页、特别是制作动态网页的方法,掌握运用Photoshop图像处理软件进行网页中图形制作和运用Flash动画制作软件设计网页中动画的方法,进而掌握将这三个软件互相配合,完成网页设计与制作任务的方法。
为今后从事网页设计与制作、网站开发和管理奠定基础。
在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。
二、职业活动
通过本课程的学习,使学生形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。
遵守国家关于软件与信息技术的相关法律法规,培养网页布局和美工的能力,为成为合格的网页设计人员打下坚实的基础。
该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:
网页设计开发岗位职业能力
教学内容(理实一体化课)
基本开发工具的使用
DWCS5基础(第1章)建立与管理站点(第2章)
网页基本元素的处理
制作主要内容为文本的网页(第3章)
插入与编辑图像(第4章)
插入多媒体元素(第5章)
创建超级链接(第7章)
HTML基础(第13章)
网页布局
表格处理与网页布局(第6章)
使用框架制作旅游网站(第8章)
APDiv的应用(第11)
网页美化
CSS样式表(第14章)
网页交互
行为(第12章)
动态网页基础(第15章)
网页及元素的复用
创建和使用模板(第9章)
创建和使用库(第10章)
二、教学目标
1、职业关键能力目标
(1)掌握使用Photoshop进行图像处理的基本方法及操作技能
(2)掌握DreamweaverCS5的基本知识及操作技能
(3)掌握建立与管理站点的方法
(4)掌握制作主要内容为文本的网页的方法
(5)掌握在网页中插入与编辑图像的方法
(6)掌握在网页中插入多媒体元素的方法
(7)掌握表格处理与网页布局的方法
(8)掌握创建超级链接的方法
(9)掌握使用框架制作旅游网站的方法
(10)掌握创建和使用模板的方法
(11)掌握创建和使用库的方法
(12)掌握在网页中添加APDiv的方法
(13)掌握在网页中使用行为的方法
(14)掌握HTML基础知识及通过代码修饰网页的方法
(15)掌握使用CSS样式表修饰网页的方法
(16)掌握动态网页的概念及简单动态网页的制作方法
2、职业专门能力目标
(1)通过完成相关的项目,掌握网页设计的基本工作流程。
(2)通过完成相关的项目,掌握网页设计常用工具的使用方法。
(3)通过完成相关的项目,掌握网页布局及美化的基本方法。
(4)通过完成相关的项目,掌握简单网页交互的制作方法。
3、方法能力目标
形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。
遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。
四、课程内容
1、预备知识
学习本课程,学生必须具备的知识和技能有:
计算机应用基础、Photoshop平面图像处理、Flash动画制作。
2、核心内容
课程重难点及课时分配如下表所示:
核心内容
教学要求
重点(☆)
难点(ABC)
学时安排
备注
建立和管理站点
B
☆
C
2
网页中多媒体元素的处理
A
☆
B
6
用表格+CSS布局网页
A
☆
A
5
用DIV+CSS布局网页
A
☆
A
5
用框架布局网页
A
☆
A
4
使用模板和库复用网页及网页元素
A
☆
B
5
行为
A
☆
A
5
动态网页基础
B
☆
B
4
合计
36
(教学要求:
A—熟练掌握;B—掌握;C一了解)(技能要求:
A—熟练掌握;B_掌握;C一了解)
3、项目设计
项目设计及课时分配如下表所示:
项目设计
教学要求
重点(☆)
难点(ABC)
学时安排
备注
项目一:
制作并发布“我的第一个网页”
B
☆
C
2
项目二:
制作“鸟巢”网页
A
☆
B
3
项目三:
在网页中加入FLASH动画元素
A
☆
B
2
项目四:
用表格布局网页
A
☆
A
5
项目五:
用框架制作旅游网页首页
A
☆
A
5
项目六:
用模板和库创建网页
A
☆
B
4
项目七:
用DIV+CSS布局并美化网页
A
☆
A
6
项目八:
在网页中加入交互行为
A
☆
A
5
项目九:
制作简单的动态网页
B
☆
B
4
合计
36
(教学要求:
A—熟练掌握;B—掌握;C一了解)(技能要求:
A—熟练掌握;B_掌握;C一了解)
4、学习情境
本课程以DWCS5为主要编辑工具,学习静态网页的布局及美化技术。
为了更好实施软件技术专业“职业情境,项目主导”的工学结合人才培养模式,开展基于软件产品开发工作过程的项目实践教学,本课程组织为8个模块,9个项目。
按照项目开发的过程进行模块的划分,在完成每个模块学习和实践的过程中,融入相应的知识点以及网页设计规范。
在教学内容选取和组织过程中,突出与企业的深度融合,引进企业软件产品开发环境、管理规范、技术资源,校企双方共同完成本课程的教学与实践。
5、项目实施
通过项目设计培养学生的职业素养。
在项目设计过程中,加深对知识的理解,提高对网页设计及美工工具使用的熟练程度,掌握网页设计的一般方法、步骤与流程,熟悉网页设计及美工的基本工作规范。
同时,通过协作完成软件项目开发,培养学生的沟通交流能力、组织协调能力、团队合作能力和自主学习能力。
项目开发过程中,每4-5人一组,在教师的指导下,制定项目开发计划、时间进度、工作流程等,项目组成员可以具体的分工协作。
完成项目测试,项目文档制作等。
6、教学要求
序号
课题
知识要求
能力要求
教学建议
课时
1
DWCS5基础
1、在网页中插入图片
2、DWCS5安装
3、用DW建立页面
4、保存网页
1、了解网页的概念
2、能使用Photoshop处理网页图片
3、网页设计工具的使用
1、通过案例讲解理论
2、总结归纳存在的问题
3、通过实战强化技能
2
2
建立与管理站点
1、IIS信息服务器的搭建与管理
2、建立、发布主页
3、建立和管理站点
1、掌握IIS服务器的安装与管理
2、能使用站点管理页面
1、IIS服务器作为了解,在静态网页中不使用
2、让学生理解站点的作用
4
3
制作主要内容为文本的网页
1、在网页中添加文字和字符
2、使用背景、列表美化文本网页
1、文字格式和特殊字符的插入和设置
2、结合图像处理软件美化网页
训练学生综合利用图像处理软件和网页编辑软件的能力
3
4
插入与编辑图像
1、分块制作网页
2、利用DW工具制作相册
1、了解常用图像格式
2、在表格中插入图像
3、Photoshop魔棒工具
1、通过案例讲解理论
2、总结归纳存在的问题
3、通过实战强化技能
4
5
插入多媒体元素
1、插入FLASH元素
2、添加FLASH视频和音乐
能在网页中使用各种FALSH元素
注意比较各类FLASH元素的区别
4
6
表格的处理与网页布局
1、在网页中创建表格
2、表格的编辑
3、用表格制作导航栏
1、表格的编辑处理
2、用表格制作网页元素
重点掌握表格行、列、单元格、边距、间距的概念
10
7
创建超级链接
1、超级链接的概念
2、文字与网页间的链接
3、图片热点
4、锚记
1、各类超级链接的创建方法
2、各类超级链接的使用场景
重点掌握超级链接的四种目标
2
8
使用框架制作旅游网站
1、框架与框架集
2、创建框架的方法
3、框架和框架集的边框设置
4、设置链接目标
5、框架和框架集的保存
能使用框架和框架集设计布局网页
1、要区分框架和框架集的概念
2、重点掌握框架和框架集的保存
6
9
创建和使用模板
1、模板页的概念
2、可编辑区域的概念
3、使用模板创建网页
4、在模板页中创建超级链接
5、使用模板更新网页
6、手动更新模板
能使用模板创建风格统一的网页
重点区分模板页与普通页面的异同点
4
10
创建和使用库
1、了解库的概念及作用
2、创建库项目
3、编辑库项目
4、更新库项目
能有效利用库提高制作网站的效率
重点掌握库项目的创建以及库的作用
4
11
APDiv的应用
1、APDiv的创建
2、在APDiv中插入网页元素
3、设置APDiv的属性
能使用APDiv布局不同风格的网页
重点掌握APDiv的编辑和属性设置,并区分表格布局的优缺点
8
12
行为
1、常见行为的应用
2、常见触发事件的应用
能使用行为为网页元素添加动态效果
重点区分行为、触发事件、动作、对象等概念和区别
5
13
HTML基础
1、HTML语言的基本结构
2、常用HTML标签的使用方法
能通过编写HTML创建一个简单的页面
采用先设计页面,再查看生成的HTML代码方式对比学习
2
14
CSS样式表
1、CSS样式表的类型
2、CSS样式表的创建
3、不同样式表的样式应用
能使用CSS样式表美化各类网页元素
将CSS分别结合表格、DIV美化布局网页
6
15
动态网页基础
1、了解动态网页与静态网页的区别
2、了解服务器在动态网页中的作用
3、掌握ACCESS数据库及表的创建
4、在DW中创建动态网页
能使用DW中提供的功能生成一个简单的动态网站,实现浏览功能
重点掌握动态网页的原理及数据集的概念
8
18周授课,其余时间机动(考试、复习等)
合计
72
五、课程实施条件
1、人员条件
授课教师必须具备以下条件:
①本科以上计算机相关专业学历,有一定的英语水平;②通过初级或者高级程序员考试或者拿到一些国际、国内认证的证书,有一年以上教授相关网页设计课程或项目开发经验;③有网页设计及Web应用程序开发能力及经验;④较强的逻辑思维能力,团队精神和协作能力,强烈的好奇心和学习精神。
2、环境条件
本课程需要一间高性能联网的计算机实训室,需满足每位学生一台电脑。
配备液晶投影仪、多媒体教学软件、PhotoshopCS5.0、DreamweaverCS5.0及以上版本等。
六、教学组织与方法
1、教学方法
结合软件与信息服务专业学生特点,基于行动导向,根据每个任务的内容特点,以真实项目进行引导开展教学。
整个课程以项目任务实训为主线,以技能培养为核心来组织教学。
学生在完成项目分解的任务中学习相关知识,并利用这些知识解决项目中的问题。
(1)项目教学法
课程将网页设计的知识点分解为多个小的任务,每个任务的学习过程以工作过程为导向,最终形成学生的职业行动能力。
(2)小组教学法
以6人为一个单位,成立教学小组。
单人完成的项目,组内可以互相学习,督促和评价。
大型复杂的项目,小组成员共同完成。
(3)视频展示法
教师对讲授内容充分提炼,将复杂的操作录制下来,方便学生反复观看和模仿,形象生动的动态展示和讲解。
使抽象、难懂的教学内容变得直观、易懂和容易掌握;提高了教学效率;便于学生自主学习。
2、教学手段
(1)充分利用多媒体实训室和多媒体课件
本课程的课堂讲授全部在实训室进行,便于使用投影设备,采用多媒体教学手段。
开发和使用的多媒体课件制作精美并含有动态演示,其有效地增强了学生的学习兴趣。
(2)鼓励自主学习
制作网络课件,并将教学大纲、教案、习题等同时上网开放,激发学生学习兴趣,鼓励学生自主学习,同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。
(3)严格考评制度
设计了内容丰富、形式多样的习题作业,以利于学生理解和掌握所学知识。
严格检查平时作业完成情况,及时反馈作业中反映的问题。
采用定期模拟考试的方法及时检验学生阶段性学习成果。
建立科学合理的考核评价制度,以促进学生的学习积极性和自我学习的动力。
(4)充分利用网络环境和资源
充分利用互联网资源、本课程网站资源,在网上开展教学活动,包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等,使学生可以不受时间、地点的限制,方便地进行学习。
七、教学材料
1、学材与教材
(1)选用教材
《网页设计与美工DreamweaverCS5》大象出版社主编:
谢剑杨卫红。
(2)参考书目
《网页制作DreamweaverCS3》,华东师范大学出版社,主编:
陆莹。
《ASP网络编程自学手册》,人民邮电出版社,庞娅娟孙明丽吕继迪编著。
2、软件与网络
多媒体教学软件、PhotoshopCS5.0、DreamweaverCS5.0及以上版本等.
八、教学评价
1、教学评价
强调评价对教学的激励、诊断和促进作用,发挥教师在评价中的主导作用,创造条件实现评价主体的多元化,要关注学生的个别差异,鼓励学生的创造实践。
综合运用各种形成性评价方式,全面考察学生的程序设计能力的养成过程,评价与教学过程相结合,动态把握,及时引导学生情感、态度和价值观的形成。
采用纸笔测试和上机测试相结合的方式开展总结性教学评价。
要根据课程标准的要求和具体考试内容选择合适的题型和考试方式,创造条件全面考察学生解决实际问题的能力,避免只重视知识记忆。
要注意结合学生平时学习表现和过程性评价结果,改变单纯一次测验或考试为依据,评定学生一学期或整个学段学习情况的局面,适度加大过程性评价在期末成绩评定中的比重。
2、考核内容
知识模块
知识小点
考核等级
DWCS5基础
在网页中插入图片
☆☆
DWCS5安装
☆
用DW建立页面
☆☆
保存网页
☆☆
建立与管理站点
IIS信息服务器的搭建与管理
☆☆
建立、发布主页
☆☆
建立和管理站点
☆☆☆
制作主要内容为文本的网页
在网页中添加文字和字符
☆☆
使用背景、列表美化文本网页
☆☆
插入与编辑图像
分块制作网页
☆☆
利用DW工具制作相册
☆☆
插入多媒体元素
插入FLASH元素
☆☆☆
添加FLASH视频和音乐
☆☆☆
表格的处理与网页布局
在网页中创建表格
☆☆☆☆
表格的编辑
☆☆☆☆
用表格制作导航栏
☆☆☆☆
创建超级链接
超级链接的概念
☆☆☆
文字与网页间的链接
☆☆☆
图片热点
☆☆☆
锚记
☆☆☆
使用框架制作旅游网站
框架与框架集
☆☆☆
创建框架的方法
☆☆☆
框架和框架集的边框设置
☆☆☆
设置链接目标
☆☆☆
框架和框架集的保存
☆☆☆☆
创建和使用模板
模板页的概念
☆☆
可编辑区域的概念
☆☆☆
使用模板创建网页
☆☆☆☆
在模板页中创建超级链接
☆☆☆☆
使用模板更新网页
☆☆☆☆
手动更新模板
☆☆☆
创建和使用库
了解库的概念及作用
☆☆☆
创建库项目
☆☆☆
编辑库项目
☆☆☆
更新库项目
☆☆☆
APDiv的应用
APDiv的创建
☆☆☆☆
在APDiv中插入网页元素
☆☆☆☆
设置APDiv的属性
☆☆☆☆
行为
常见行为的应用
☆☆☆☆
常见触发事件的应用
☆☆☆☆
HTML基础
HTML语言的基本结构
☆☆☆
常用HTML标签的使用方法
☆☆☆
CSS样式表
CSS样式表的类型
☆☆☆☆
CSS样式表的创建
☆☆☆☆
不同样式表的样式应用
☆☆☆☆
动态网页基础
了解动态网页与静态网页的区别
☆☆
了解服务器在动态网页中的作用
☆☆
掌握ACCESS数据库及表的创建
☆☆
在DW中创建动态网页
☆☆
3、考核方式
本课程实施综合考评,注重考核学生掌握技能的水平,同时注重学习态度和最终成绩的关联,以全面综合地评定学生的能力。
(1)平时技能考核:
布置课堂作业以及拓展实训项目,使学生能独立完成大部分的技能训练,小项目及活动的技能,均以个人为考核单位,在平时考核和记录。
成绩包括学习态度及项目技能完成情况。
占总成绩20%。
(2)阶段考核:
复杂的大项目,对学生进行分组,任务由各小组成员共同完成。
根据每个任务的完成情况,要求小组成员分别给出自评(25%),组内互评(25%),同时教师对任务小组的整体完成情况给出评价(50%)作为每位成员的共同分数。
占总成绩20%。
(3)期中考核和期末考核:
在学生期中和期末课程学习结束后,统一参加技能考试。
期中成绩占总成绩20%,期末成绩占总成绩40%。
九、课程资源开发与利用
组织课程教学相关教师在深入岗位调研和教学过程总结的基础上开发课程资源,包括电子教案、课件、试题习题集、教学微课视频。
建立教学资源库,上传所有相关课程资源供相关老师和学生下载学习;依托“3A”学习平台——“教学云课堂”APP,微课掌上通平台,让学生能随时、随地进行预习、自学和复习,也更加方面教师和学生的互动教学和辅导。
十、职业基本素养
(1)培养学生团队协作精神,树立诚信意识,锻炼学生沟通交流的能力;
(2)通过项目法教学模式,让学生亲身体验项目的设计、管理和实施;
(3)通过撰写方案设计报告,提高学生书面表达能力,培养学习常用专业英语词汇的兴趣;
(4)通过课外拓展训练,锻炼学生自我学习的能力。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 专业课 网页 制作 课程标准