网页设计课程标准11.docx
- 文档编号:3948516
- 上传时间:2023-05-06
- 格式:DOCX
- 页数:19
- 大小:24.94KB
网页设计课程标准11.docx
《网页设计课程标准11.docx》由会员分享,可在线阅读,更多相关《网页设计课程标准11.docx(19页珍藏版)》请在冰点文库上搜索。
网页设计课程标准11
《网页设计与制作》课程标准
课程名称
网页设计与制作
课程类别
专业课程
课程编码
(不写)
学分
适用专业:
电子商务
学时
78
编写执笔人
编写日期
2021年8月
专业建设委员会审定(负责人签字)
审定日期
一、课程性质、任务、设计思路
(一)课程性质
本课程就是中职计算机术专业的一门主干专业课程。
通过本课程的学习,要求学生掌握网页设计的基本概念学会使用常用的网页设计工具与常用脚本语言,能够设计制作常见的静态与动态网页,具备网站的建立与维护能力。
同时通过本课程的学习培养学生的综合职业能力、创新精神与良好的职业道德。
(二)课程任务
《网页设计与制作》课程共分为九个项目,它们分别是:
网页基础知识、制作图文并茂的网页(文本、图像、超链接)、页面布局设计(表格、层、框架)、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。
各项目之间既独立又相互联系:
作为项目是独立的,但作为项目当中应用到的知识点,各项目之间又是有关联的。
在不同的项目之间有些知识点的应用是不断重复的,以强化学生对知识点的理解,也让学生能够接触到大量的不同类型网页的制作。
当然,每个项目的侧重点是不同的,教学中应当注意处理好各项目之间的关系,注意重、难点的把握。
《网页设计与制作》课程可以在《计算机基础》、《PhotoShop图像处理》、《计算机网络技术》、《数据库等课程》之后开设。
本课程作为计算机电子商务专业的一门主干专业课程,一般在2年级开设,此时学生已经具备一定的计算机基础知识和操作能力,能较快地掌握网页设计的各种知识,并运用所学知识做出具有特色的网站。
(三)设计思路
本课程标准的总体设计思路以计算机专业学生的就业为导向,根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务与职业能力分析,紧紧围绕完成工作任务的需要来选择课程内容设定职业能力培养目标以工作项目”为主线,创设工作情景;以书本知识的传授变为动手能力的培养为重点强化学生实践动手能力的培养,以实现职业能力的培养目标。
岗位任务分析与课程内容设置对应关系,如表1所示。
表1岗位任务分析与课程内容设置对应表
工作过程分析
学习情景分析
工作岗位
典型工作任务
职业能力
学习领域
职业资格
网页设计岗位
1.网页设计与制作
1.掌握网页组成的各个元素及操作
任务:
网页元素的种类
**工(员)
(根据目前实际情况可不填)
2.网站维护
2.掌握网站的维护方式
任务:
网站元素之间的配合、HTML语言的应用
美工岗位
1.电商平台美工编辑
1.掌握平面制图工具的使用
任务:
PS软件各个工具的使用
**工(员)
2.电商平台美工编辑
2.掌握电商平台所需的制图主题
任务:
平面制图的色彩搭配
二、学科核心素养与课程目标
(一)学科核心素养
学生对信息的感知、信息价值的判断,运用计算思维识别分析、抽象建模、设计系统性解决方案,理解信息社会特征,自觉遵循信息社会规范都离不开技术多样、资源丰富的数字化环境,都是在数字化学习环境下以数字化学习方式进行的。
1、信息化学习的意识
学生对数字化学习环境的适应是指学生能够从传统学习环境下的学习方式转变成适应数字化学习环境下的学习方式,养成利用数字化学习系统、数字化学习资源与数字化工具学习的习惯,形成数字化学习的意识。
数字化学习资源的收集与管理是在数字化学习意识层面的基础上,从能力层对学生提出的数字化整合能力,即学生对数字化学习资源、工具的获取、管理、对比、评价和抉择。
数字化学习资源的应用与创新则是在数字化学习意识和数字化学习资源收集与管理的基础上,培养学生将资源工具有效应用到实践活动中,创造性地解决问题,有效“输出”数字化作品的能力。
这三个维度分别对应了学生数字化学习的意识、能力和应用,三个层面相互关联、相互依存,从意识走向能力,进而走向数字化学习与创新素养。
2、学科信息资源的收集与管理
学习资源的收集与管理分为收集与管理两个维度。
对于学习信息资源的收集,应选择合适的工具、途径进行正确的查找。
多样化的学习工具在呈现、交互、整合等方面各有特色,应合理选择获取资源的工具,利用数字化工具有效提炼关键词查询,从初阶搜索到进阶搜索,直至获取到有效的数字化学习资源。
加工处理成满足需求的资源。
也是网络学习应用与创新的能力基础,是职校生数字化学习与创新素养的进一步深化。
3、学科学习资源的应用与创新
学习资源的应用与创新是学生能在混合的信息化学习环境中,利用数字化学习工具搜索、获取、管理、评价数字化学习资源,用于开展自主学习、协同工作、知识分享与创新创造。
数字化学习工具与数字化学习资源的有效结合,能促使学生创造性地解决问题,实现知识的创新,不断提升创新整合的能力。
在对学习资源加工管理甄别的过程中,逐步培养自身的自主学习能力及应用创新能力,处理好人与技术的关系,善用技术促进学习。
(二)课程目标
1、职业知识目标
1.熟悉HTML语言的作用与开发环境能够编写HTML代码;
2.掌握常用的HTML标签,能够实现基本的图文信息显示;
3.理解HTML页面框架的作用能够针对需求进行框架的设计;
4.掌握各类HTML表单元素标签,能够进行表单设计;
5.掌握各类HTML多媒体元素标签能够进行多媒体页面设计:
6.掌握CSS样式的基本使用方法能够应用CSS样式表美化页面;
7.掌握CSS网页布局的方法能够结合DIV标签进行页面布局;
8.掌握JavaScript的语法基础能够编写简单的JavaScript应用程序;
2、职业技能目标
1.能独立进行资料收集与整理、具备用户需求的理解能力;
2.能根据项目需求,具备项目页面的设计与实现能力:
3.能根据静态页面设计原则与CSS技术规范,实现页面美化与布局;
4.具有使用JavaScript技术进行页面事件处理与表单验证的能力;
5.能根据DOM树形结构,进行页面DOM的控制;
6.具有综合应用HTML语言、CSS样式、JavaScript脚本进行页面的设计、编码、调试、维护能力。
3、职业素质目标
1.养成善于思考、深入研究的良好自主学习的习惯;
2.通过项目与案例教学培养学习者的分析问题、解决问题的能力;
3.具有吃苦耐劳、团队协作精神,沟通交流与书面表达能力;
4.通过课外拓展训练培养学习者的创新意识;
5.具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。
三、课程结构
(一)课程模块
1.基础模块
1、初始Dreamweaver
2、制作图文并茂的网页
3、页面布局设计
4、CSS样式设计
5、表单的应用
6、使用行为
7、模板和库
8、静态网页综合作业
2.拓展模块(根据需要)
1、FLASH在网页设计中的应用
2、简单的JavaScript语言的应用
(二)学时安排
1.基础模块
项目名称
学习任务名称
学习内容
理论知识
学时
实践技能
学时
1、初始Dreamweaver
任务一、初识DreamWeaver、站点的创建与管理
任务二、第一个页面
网页设计的基本概念,Dreamweaver功能简介、窗口组成及操作,建立和管理站点。
2
掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点。
4
2、制作图文并茂的网页
任务一制作图文并茂的图书网页
制作图文并茂的图书网页,解读图书网页的HTML代码。
2
掌握在网页中插入文本、图像、超链接的方法,会根据要求设置其属性。
6
3、页面布局设计
活动一表格的基本操作及特殊表格的制作
活动二典型网页设计
活动三商务网站首页设计
活动四层的基本操作设计
活动五游戏页面
活动六利用框架组织页面
表格的三种视图方式,表格的基本操作方法,表格属性的设置,表格HTML代码的含义,特殊表格制作技巧。
2、使用表格布局网页。
2
1、了解表格的三种视图方式及其作用,掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,特殊表格制作技巧。
2、掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
4
4、CSS样式设计
活动一设置图书网页的CSS样式
活动二搜索引擎的制作
1、设置不随内容一起滚动的背景图像、即时改变网页文本大小。
2、利用层和CSS样式制作搜索引擎页面。
2
1、掌握CSS定义和编辑的方法,能够按要求设置CSS样式并应用。
2、使用表格布局网页的基本方法,能够按要求合理进行网页布局。
8
5、表单的应用
活动一注册页面的制作
1、完成注册表单的制作。
4
1、掌握表单制作技巧,能够按要求设置表单域并正确验证表单。
8
6、使用行为
活动一常见行为的使用
1、利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。
2
1、掌握常见行为的使用,能够按要求设置行为
4
7、模板和库
活动一制作家庭装饰网网站
活动二设置家庭装饰网网站的CSS样式
活动三设置家庭网网站的库并修改
活动四使用模板、库创建商务网站
1、创建家庭装饰网网站模板,并根据模板生成相关网页。
2
1、掌握创建模板的方法,能够按要求分析并创建模板,会使用创建的模板生成相关网页
8
8、静态网页综合作业
活动一制作班级主页
活动二制作本班班级网站
1、按要求制作一个班级主页。
1、系统地掌握网页的编辑方法和过程
8
合计
66学时,其中实践50学时
16
50
2.拓展模块(根据需要)
项目名称
学习任务名称
学习内容
理论知识
学时
实践技能
学时
1、FLASH在网页设计中的应用
1、Flash的应用
2
1、FLASH在网页设计中的应用
4
2、简单的JavaScript语言的应用
1、活动的石头
2、卡片游戏
JavaScript语言的简单应用
2
JavaScript语言的简单应用
4
合计
12学时,其中实践8学时
4
8
四、课程内容
(一)基础模块
项目一、初识DreamWeaver
教学目标:
了解网页设计的基本概念,掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点;掌握进行网页制作的一般步骤。
活动安排:
活动一、初识DreamWeaver、站点的创建与管理
活动二、第一个页面
考核评价:
能否建立正确的站点,并进行站点的管理。
1、活动一初识DreamWeaver、站点的创建与管理
知识要点:
网页设计的基本概念,Dreamweaver功能简介、窗口组成及操作,建立和管理站点。
技能要点:
掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管理站点。
2、活动二第一个页面
知识要点:
网页制作最基本的步骤。
技能要点:
掌握网页制作的一般步骤和方法,初步掌握利用表格布局页面的方法,初步掌握设置导航方法,能够正确保存与浏览页面。
项目二、制作图文并茂的网页
教学目标:
理解文本、图像,掌握设置其属性的方法;理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用,掌握其设置方法;了解HTML代码,并能看懂。
活动安排:
活动一制作图文并茂的图书网页
考核评价:
能否创建图文并茂的网页。
1、活动一制作图文并茂的图书网页
知识要点:
制作图文并茂的图书网页,解读图书网页的HTML代码。
技能要点:
掌握在网页中插入文本、图像、超链接的方法,会根据要求设置其属性。
项目三、页面布局设计
教学目标:
掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,掌握常见特殊表格制作技巧;能够使用表格合理布局页面;掌握层在网页中的灵活运用;能够利用框架组织页面。
活动安排:
活动一表格的基本操作及特殊表格的制作
活动二典型网页设计
活动三商务网站首页设计
活动四层的基本操作设计
活动五游戏页面
活动六利用框架组织页面
考核评价:
能否利用表格、框架、层等技术进行页面布局。
1、活动一表格的基本操作及特殊表格的制作
知识要点:
表格的三种视图方式,表格的基本操作方法,表格属性的设置,表格HTML代码的含义,特殊表格制作技巧。
技能要点:
了解表格的三种视图方式及其作用,掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应用,特殊表格制作技巧。
2、活动二典型网页设计
知识要点:
使用表格布局网页。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
3、活动三商务网站首页设计
知识要点:
使用表格布局网页。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
4、活动四层的基本操作设计
知识要点:
使用层制作漂浮图片和弹出式菜单。
技能要点:
了解层的特点,掌握层及其属性设置,掌握使用层制作漂浮图片和弹出式菜单。
5、活动五游戏页面
知识要点:
使用层和行为设计游戏网页。
技能要点:
灵活使用层进行网页设计。
6、活动六利用框架组织页面
知识要点:
利用框架组织页面。
技能要点:
掌握使用框架组织网页的基本方法,能够按要求运用框架组织网页。
项目四、CSS样式设计
教学目标:
理解CSS的含义,掌握定义CSS的几种方式,能够根据要求定义并编辑CSS样式。
活动安排:
活动一设置图书网页的CSS样式
活动二搜索引擎的制作
考核评价:
能否理解并编辑、使用CSS样式表。
1、活动一设置图书网页的CSS样式
知识要点:
设置不随内容一起滚动的背景图像、即时改变网页文本大小。
技能要点:
掌握CSS定义和编辑的方法,能够按要求设置CSS样式并应用。
2、活动二搜索引擎的制作
知识要点:
利用层和CSS样式制作搜索引擎页面。
技能要点:
掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
项目五、表单的应用
教学目标:
理解表单及各表单域的作用,掌握其属性设置方法。
理解并掌握表单验证方法。
能够按要求设置表单域并进行表单的验证。
活动安排:
活动一注册页面的制作
考核评价:
能否理解表单,使用表单。
1、活动一注册页面的制作
知识要点:
完成注册表单的制作。
技能要点:
掌握表单制作技巧,能够按要求设置表单域并正确验证表单。
项目六、使用行为
教学目标:
理解行为的作用,掌握常见行为的应用。
活动安排:
活动一常见行为的使用
考核评价:
能否理解行为,应用行为。
1、活动一常见行为的使用
知识要点:
利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。
技能要点:
掌握常见行为的使用,能够按要求设置行为。
项目七、模板和库
教学目标:
理解模板的作用,掌握创建模板的方法,能够利用创建的模板生成页面;理解库的作用,会使用库提高网页的编辑效率。
活动安排:
活动一制作家庭装饰网网站
活动二设置家庭装饰网网站的CSS样式
活动三设置家庭网网站的库并修改
活动四使用模板、库创建商务网站
考核评价:
能否理解模板,利用创建的模板生成页面。
1、活动一制作家庭装饰网网站
知识要点:
创建家庭装饰网网站模板,并根据模板生成相关网页。
技能要点:
掌握创建模板的方法,能够按要求分析并创建模板,会使用创建的模板生成相关网页。
2、活动二设置家庭装饰网网站的CSS样式
知识要点:
设置家庭装饰网网站的超链接,设置家庭装饰网网站的CSS样式,并应用。
技能要点:
掌握模板的修改编辑方法。
会根据要求设置模板的超链接、CSS样式,并应用在相关页面中。
3、活动三设置家庭装饰网网站的库并修改
知识要点:
设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
技能要点:
掌握库的修改编辑方法,体会库的作用。
4、活动四使用模板、库创建商务网站
知识要点:
设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
技能要点:
掌握库的修改编辑方法,体会库的作用。
项目八、静态网页综合作业
教学目标:
能够综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
活动安排:
活动一制作班级主页
活动二制作本班班级网站
考核评价:
能否综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
1、活动一制作班级主页
知识要点:
按要求制作一个班级主页。
技能要点:
系统地掌握网页的编辑方法和过程。
2、活动二制作本班班级网站
知识要点:
完整地制作一个班级网站。
技能要点:
掌握网站制作的全过程,能够将表格布局、模板运用、CSS样式综合应用在网站中,会使用切片技术处理相关图片,理解网站的上传和维护的方法并能进行网站内容的上传。
(二)拓展模块
项目一、Flash在网页中的应用
教学目标:
学会利用Flash为网页增添动态效果。
活动安排:
活动一制作首页标题动画
活动二制作分页标题动画
活动三制作网页中的动画
活动四制作Flash导航栏
活动五在网页中加入Flash
五、学业质量
(一)学业质量内涵
《网页设计与制作》课程现已成为高等职业院校计算机相关专业必修的、理论与实践相结合、重在学生设计与制作的一门专业课。
传统的教学方式主要以在多媒体教室授课,在机房实验为主,由于实验时间与授课时间是不连续的,往往出现在实验环节中有些知识会被遗忘,在多媒体教室上课并没有起到实质性作用,学生只是自我感觉看懂了、听懂了,但真正动手操作练习时,会发现很多知识点并没有掌握,结果导致部分学生失去学习的信心,整门课程的教学质量也随之下降。
那么如何提高《网页设计与制作》这门课程的教学质量,达到师生双赢的结果,这是值得我们探讨的。
(二)学业质量水平
核心素养
质量描述
水平一
水平二
认知水平
根据学生的认知水平、思维方式,适当降低教材的理论难底,一方面以课程内容“适度、够用”为主,增强实用性和操作性,适应学生的心理实际。
进而让他们经过一段时间的学习后,觉得这些课程能够学会,从而增强学生的自信心。
多让学生欣赏一些网页制作方面的案例,增加学生的兴趣调动学生的学习积极性,激发学生的潜能。
信息化学习的意识
养成利用数字化学习系统、数字化学习资源与数字化工具学习的习惯,形成数字化学习的意识。
数字化学习资源的收集与管理是在数字化学习意识层面的基础上,从能力层对学生提出的数字化整合能力,即学生对数字化学习资源、工具的获取、管理、对比、评价和抉择
学科信息资源的收集与管理
应选择合适的工具、途径进行正确的查找
加工处理成满足需求的资源
学科学习资源的应用与创新
开展自主学习、协同工作、知识分享与创新
说明∶水平一是学生学习本课程应达到的合格要求,是合格性考试的命题依据;水平二是为适应不同专业学生职业发展需要的较高要求。
六、课程实施
(一)教学要求
从《网页设计与制作》的实际问题出发,精心准备各种典型案例,构建课程的宏观教学设计。
例如,公司网站、班级网站、个人网站精选、图书网站等。
以若干个案例为载体,形成循序渐进、种类多样的项目群,构建完整的教学设计布局。
1、教学采用“四阶段教学法”,将“教、学、练、做”融为一体。
教学体现“教师为主导,学生为主体,训练为主线”的原则,课堂上可以采用“四阶段教学法”:
第1个阶段,案例引入,提出问题。
通过案例演示,提出问题,给出知识点,讲解案例应用背景,给学生一个切入点,建立感性认识。
目的是激发学生的学习兴趣、让学生感到学有所用,从而明确本次课的教学目标。
第2个阶段,学生自主学习,尝试解决问题。
充分利用我校以及互联网网络教学资源,引导学生自主学习,找到解决问题的方法和操作技能,培养学生的自主学习意识和学习方法。
学生在学习和尝试解决问题过程中,发现问题,提出问题,在问题的引导下学习相关的知识和操作技能。
第3个阶段,归纳总结,引申提高。
在每次课结束前,引导学生进行归纳总结。
对本次课的实际意义、重点、难点、容易出错处等及时进行总结。
并针对案例的不足之处,进行引申和提高。
注意在这个阶段,强调的是“引导”学生,而不是老师讲解。
第4个阶段,举一反三、学以致用。
案例源于生活,最终要应用于生活。
为了使学生能学以致用、举一反三、触类旁通,每次教学结束时及时布置相关的课后练习,使学生在课后进一步复习巩固,并且将课后作业纳入形成性考核的内容之一。
同时给出下一次课的学习内容,提示学生预习。
2、充分利用现代化教学手段,提高教学效果
教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段,使课堂教学生动活泼、引人入胜,提高教学效果,同时提高教学效率。
包括:
(1)利用多媒体教学系统广播教学。
把学生的共同问题(需要提示的重点)通过“广播教学”,边讲边演示,使学生即时看到操作效果。
(2)利用网络将课堂教学延伸到课外,学生根据需要通过网络学习有关的内容。
教师的课件和教学用资料都已都上传到教学资源下载中心,方便学生课外学习和复习。
(二)考核评价
对学生学业评价提出建议,体现评价的发展功能。
本课程的考核成绩以技能成绩为主,采用上机考试。
平时上机实验技能应有严格的记录,根据各种实验的要求来计算成绩。
本课程的考核与评价要坚持总结性评价和过程性评价相结合、定量评价和定性评价相结合、教师评价和学生自评、互评相结合。
课程结业考核采用平时作业与实训项目情况相结合的原则进行:
平时作业占30%、实训项目占30%、通过期末考核占40%、形成学生的考试成绩。
(三)教材编写要求(工作手册、活页式教材等自编教材需要填写)
1.编写原则
根据教学内容的难易程度和学生认知的需要,面向少数民族地区的中职生,确定了以“任务目标”为驱动的教学模式,编写“任务书”。
2.内容选择
本教材是与课堂案例教学相互配合使用的教材,一是根据各个章节的知识主题,确定任务目标,堂案例和相应的练习案例。
练习案例与课堂案例相互配合和使用,有些练习案例是对课堂案例知识点的重复使用,有些是对若干课堂案例的归纳总结,案例操作过程构成了知识点的语境,透过语境便于将知识点讲解清楚。
二是融人创意所需的技巧和方法。
明确本知识点在实际创意中的使用方法,必要时还要加以扩展,举-反三,达到灵活应用的目的。
三是制作过程要简单。
由于教材篇幅有限,课堂时间有限,因此要在尽可能短的时间内把案例中的知识点和技巧方法讲清楚。
3.呈现形式
根据教学内容的难易程度和学生认知的需要,本教材采用课堂案例+知识点讲解+操作实践等多种模式,向学生传授网页设计的知识和技能,使教学过程更贴合学生的认知特点。
(四)课程资源开发与利用
1.参考教材
以基于工作过程的项目、案例集为主要内容的教材
《DreamweaverCS6网页设计与制作》清华大学出版社
2.课程资源网站
1、网页特效
2、黑马网页素材
3.校内外实训环境
1、校内
以校企合作的方式,让学生去企业学习。
2、校外
由班主任和家长进行沟通,选择学生实训的地点,在根据当地的信息发展来选择实训地。
4.实训仪器设备基本要求
1、计算机50台以上。
2
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 课程标准 11