网页设计课程标准.docx
- 文档编号:8041898
- 上传时间:2023-01-28
- 格式:DOCX
- 页数:25
- 大小:59.52KB
网页设计课程标准.docx
《网页设计课程标准.docx》由会员分享,可在线阅读,更多相关《网页设计课程标准.docx(25页珍藏版)》请在冰豆网上搜索。
网页设计课程标准
网页设计课程标准
一、课程管理信息
课程名称:
网页设计课程代码:
XX2BC03
教学单位:
制定时间:
编写负责人:
审定负责人:
二、课程基本信息
课程学分:
8课程学时:
136授课对象:
计算机应用
三、课程简介
(一)课程的性质
《网页设计》是计算机网络专业的核心课程,也是计算机应用专业最基本、最综合的能力训练课程。
它主要教授制作网页的基础知识,是一门实践性很强的课程。
该课程的核心内容,就是在准备了相关素材的条件下,能够完整的制作出精美的、符合要求的网页,从而增强学生制作网页的能力,提高学生在激烈竞争的市场环境以技能求生存、求发展的能力。
本课程主要培养企业需要的具有专业网页制作理论基础和网页制作实践能力的高素质劳动者。
在教学中要向学生介绍网页制作的知识体系与制作方法。
让学生具备制作网页的劳动技能,从而使学生在职业过程中能顺利、符合要求地制作出相关要求的精美网页。
中等职业教育以育人为根本,以就业为导向,以产学研结合为途径,以服务地方经济为宗旨,培养高素质劳动者。
根据调查,目前企业吸纳计算机专业学生的岗位主要包括:
工商企业、酒店、房地产、旅游等部门从事信息管理、管理信息系统的操作、信息系统的维护、信息安全保障、计算机文秘等。
而《网页设计》是所有这些计算机类岗位群任职的理论指导和操作指南。
课程学习具有综合性,其课程内容涉及多个岗位不同的工作任务.《网页设计》课程内容以网页制作为主线,从收集素材、制作主页、美化主页到网站的建设,涉及网站维护、网站建设等岗位的不同工作任务。
课程学习具有发展性(长远性),其能力培养不仅着眼于首岗要求,同时还着眼于岗位晋升的要求.课程教学不仅满足网页制作、网站建设、网站维护这些工作任务所需要的知识和技能,同时还进一步考虑晋升所需要的网页制作和网站建设知识的学习和能力的培养。
(二)课程的作用
计算机应用专业是培养计算机操作和开发人才,从对岗位的工作任务和职业能力分析中可以看出,本门课程使学生能够理解和应用网页的美术设计理念与制作技法。
要求学生能够掌握Dreamweaver、Photoshop等常用的静态网页制作相关软件。
培养学生在商业网站项目方面的策划、设计、制作、调试、维护等能力。
赏析各类经典网站、掌握网页制作方法,强化网页制作技能、积累网页制作经验,激发自身学习兴趣、形成持久学习动力,提升自主学习能力、满足职业岗位需求。
因此,《网页设计》的课程教学对计算机专业学生的职业能力培养和职业素养起主要支撑作用。
四、课程设计
遵循建构主义学习观。
让学生在完成基于工作任务的教学中,在真实的学习情境中学习,通过生生互动、师生互动和市场真实的氛围和环境,主动构建自己的知识与经验。
遵循多元智能理论学生观和教学观。
根据生源情况、学生基础及学生形象思维型智力特点,注重学生的个性发展,发挥学生优势智力,认识自己,把握自己,发挥潜能,使学生成为各具风格的营销人员。
树立终身学习理念。
通过任务驱动,实行资讯、决策计划、实施、检查评估四步教学法,在教学过程中,学生从被动学习逐渐转变为主动学习,不断积累知识,丰富经验,树立终身学习理念。
遵循“就业导向”的现代职业教育指导思想。
遵循就业导向的现代职业教育指导思想,通过校企合作,共同开发课程,关注工作、关注学生专业能力的培养与教育教学之间的关系。
按照职业岗位(群)的任职要求、营销部门体系设计开发课程,以职业能力为核心,从职业工作岗位需求出发,以“典型工作任务”为载体,按照工作任务由简单到复杂,由单一到综合的原则选取、序化教学内容,教、学、做结合,利用现有师资、校内实训环境、校企合作等条件组织教学。
(一)课程基本理念
打破以知识传授为主要特征的传统学科模式,以网页设计职业能力培养为重点,以制作网页工作过程为主线,以网页设计任务为背景,以课证融合为指导,采用“教学项目化、学习自主化、实践职场化”的行动导向教学模式和灵活多样的教学方法、手段,构建立体化多层次的实践教学体系,做到教学做合一。
基于项目导向,突出实践能力
开展情景教学,模拟实际环境
突出学生主体,尊重个体差异
注重过程评价,强调全员参与
利用多种资源,强化自主学习
(二)课程设计思路
以制作完整的网页的工作任务为教学内容,以制作网页的工作顺序来组织教学过程,以校内现有的实训室和校外实习实训基地作为主要教学场所,采用任务驱动、项目导向等行动导向的教学模式,灵活运用案例分析、分组讨论、角色扮演、启发引导、实战体验等教学方法,做到在学中做、做中学。
教学效果评价采取过程评价与结果评价相结合、课堂参与与课前准备相结合、课内学习与课外实践相结合、教师评价与企业评价相结合,重点评价学生态度和职业能力。
项目设计以收集素材、设计网页、制作和测试网页为线索来架构。
为确保本课程项目教学的实施,一方面通过网页制作大赛和校内实训作为辅助,另一方面通过与校外企业加强合作,能为学生提供真实的企业背景资料和制作任务,另一类是顶岗实践企业,能为学生提供真实岗位的锻炼机会,以真正做到教、学、练结合。
(三)教学内容选择
1)教学内容的选取充分体现“岗位适用”
根据中职计算机应用专业毕业生的就业定位,并对网页制作员和网站维护岗位的工作流程、工作任务及相应的职业能力要求进行详细分析。
本课程设计了收集整理素材、创作设计和测试制作的网页三大项目,每一项目教学的内容紧扣岗位工作任务。
2)教学内容的选取充分体现“行业发展”需要
一方面课程教学主要立足于企事业单位,通过剖析企事业宣传的分析方法培养学生举一反三的能力;另一方面本课程增加了网页制作新模式的教学。
3)教学内容的选取充分体现“课证一致”
根据职业技能考试要求,学生不仅要求掌握素材收集、创作设计、测试和完善网页等基本理论,而且要具备项目分析和创建网站分析的分析能力,因此,本课程在保留了较完整的理论教学的基础上,以任务驱动形式增加了对网页制作的分析和训练。
4)教学内容的选取充分体现“统筹兼顾”
在教学内容设计时统筹兼顾学生的就业岗位和发展岗位,重视学生职业生涯的发展。
一方面要考虑学生的就业首岗主要是网页设计,但同时也要兼顾素材收集、分析设计等岗位的知识能力需要,以确保良好的首岗适应,为学生的可持续发展打好基础。
所以教学内容不单纯解决学生制作网页的简单要求,而是还要兼顾网页设计整体理念和思维过程的知识能力的要求。
(四)教学内容的组织与安排
1)以工作过程序化教学内容,以工作任务设计教学项目,实现理论与实践的融合
网页制作的教学内容以网页制作的工作顺序为主线,从素材收集开始,到设计页面,再到测试和完善网页,最终完成网页的制作,使网页制作的基本理论与实践有机融合。
2)以任务作为教学目标,以理论作为辅助工具,充分体现教、学、做合一
课程内容的组织与安排突出学生网页制作能力的培养,以工作任务作为教学目标,理论知识的选取紧紧围绕工作任务完成的需要,在教学组织过程中,边教边做,在做中学,在学中做。
3)以“三个结合”为指导,以企业合作为前提,合理安排实训实习
课程实训实习的组织与安排以“单项训练与综合训练相结合、课内训练与课外实践相结合、仿真模拟与实战顶岗相结合”的“三个结合”为指导,在实训实习的组织中,搭建了校园网页制作大赛、网页欣赏及制作等实战平台,学生在完成课内学习的同时,完成网页制作训练,完成实训制作网页的体验。
五、课程目标
(一)总体能力目标
通过本课程的学习,能够熟悉网页制作的基本过程,可以掌握网页制作各环节的基本方法,能制订网页制作的详细步骤,同时,具有信息收集能力、素材筛选能力、页面设计能力、创作及测试页面能力。
课程结束时进行网页制作成果展示:
1)成果项目
根据需求创作的网页(根据需求分静态网页和动态网页)。
2)具体要求
每个项目组根据自身情况、条件,综合运用所学网页制作知识,妥善选择题材和素材,撰写设计创作计划。
(二)具体能力目标
1)能根据设计要求收集素材;
2)能根据创作需求进行页面的设计工作;
3)能根据设计意图进行页面的创作;
4)能合理对页面的色彩进行搭配;
5)能根据当前的市场需求对作品进行定位设计;
6)能对创作的网页进行测试;
7)能完善已制作网页的不足之处;
8)能对自己制作的网页做出正确的评价。
(三)课程知识目标
1)掌握网页图形图像处理方法。
通过学习Fireworks的图形图像处理的基本操作,能够利用该软件进行网页图形图象制作、文字制作、图像编辑与处理、按钮、导航条、Gif动画等网页元素的制作。
2).掌握多媒体动画制作方法。
使用Flash设计制作各种动画、在动画作品中加入图片、声音、视频等多种媒体、能够运用ActionScript实现动画控制和用户交互。
3).掌握网站建立与网页设计方法。
使用网页设计常用软件Dreamweaver创建与设置网站、管理与维护网站、测试与发布网站的技术与方法。
网页与网站的基本概念、网站策划与创建原则、网站的开发与发布工作流程、网页制作的各种方法和技巧,如文本处理、图象处理、超级链接、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。
在较短的时间内,通过学习《网页设计与制作实务》教程,能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页;能够建立、管理与发布小型网站;应用网站与网页技术传授知识、传播信息。
(四)情感目标
1)有明确的网页制作知识学习目的,能认识到学习网页制作的目的在于应用;
2)有学习网页制作知识的愿望和兴趣,乐于参与有助于提高网页制作能力的活动;
3)有学好网页制作的信心,能够将网页知识与技术与其他学科相互结合、渗透;
4)能在学习过程中积极与他人合作,相互帮助,共同完成学习任务;
5)能体会网页制作学习中的乐趣,乐于接触网页制作相关读物;
6)能在学习过程中注意并理解他人的情感;
7)遇到问题时,能主动向老师或同学请教,以取得帮助;
8)在生活中接触到网页制作的知识与技术时,乐于探究其实现手段、实现过程;
9)乐于接触并了解网页制作知识及网页制作技术的发展及其趋势。
六、课程内容要求、课时分配
项目教学表
项目
工作任务
知识要求
技能要求
学时
课内
课外
项目一
网页制作基本操作
(16)
任务一
创建并设置本地根文件夹
本地根文件夹的定义
能根据提示创建出本地根文件夹
4
2
任务二
定义站点
设置站点名称
设置本地根文件夹
设置“HTTP地址”
能根据要求定义出相对应站点
4
2
任务三
创建与设置文档
创建文档
命名和保存文档
设置文档页面属性
能创建出要求文档并设置其相应属性
4
2
任务四
添加页面元素
创建表格
插入图像
能为页面添加相应元素
4
2
项目二
页面设计
(12)
任务五
布局页面
绘制布局页面
设置布局页面
能根据要求绘制出相对应布局页面
能对布局页面进行设置
4
2
任务六
表格的创建与设置
创建表格
设置、填充表格
能对所创建的表格进行设置
4
2
任务七
设置单元格属性
设置表格内容对齐方式
设置表格背景颜色
能对单元格内容进行相应设置
4
2
项目三
页面制作
(36)
任务八运用与设置图像
打开文档
插入图片
能在文档中相应位置插入图像
4
2
设置图像的尺寸
设置热点区域
能设置插入的图像的属性
4
2
创建电子相册
设置链接
能根据素材创建出电子相册
4
4
链接热区
调整页面
能根据需求对前面所创建的热区进行对应链接
4
2
任务九
框架网页的制作
框架的插入
框架的命名与设置
保存框架文件
填充框架内容
框架的保存
框架源文件的指定
能根据需求创建框架网页并对框架进行相应设置
8
8
任务十
创建网页链接
创建与使用CSS样式表
插入代码片段
创建和设置链接
创建链接
能根据需要创建网页内相应内容的链接
4
6
任务十一
层、时间轴和行为的使用
层的插入和命名
层内插入图像
设置层的大小
设置层的时间轴和行为
能对层进行相对应设置
4
4
任务十二
表单的创建和设计
插入并命名表单
插入表单对象并设置
插入与设置
能根据市场营销基本原理进行角色模拟,完成市场营销各项决策的模拟
4
6
项目四
网页制作综合
训练
(48)
任务十三
网页制作综合训练
根据设计需求,学生自行收集素材、设计并创作网页
提高学生制作网页的能力
4
20
课时合计
68
70
七、项目方案设计
项目一
网页制作基本操作
教学目标
最终目标:
掌握网页制作的基本操作,熟悉快捷键及菜单、工具栏的使用方法。
促成目标:
促成目标:
知道网页的基本功能;
知道网页制作的必要性;
知道网页对企业的作用;
知道网页制作的基本操作。
任务一
创建并设置本地根文件夹
教学目标
最终目标:
能掌握创建并设置本地根文件夹的方法。
促成目标:
熟悉的设置方法;
熟悉本地根文件夹创建过程。
工作任务:
创建本地根文件夹;
复制文件。
相关实践知识:
文件夹;
本地目录;
复制。
活动设计:
根据需求新建本地根文件夹;
将文件复制到本地根文件夹。
考核方式:
创建一个本地根文件夹并命名为“综合网页”。
思考与练习:
怎样创建一个本地根文件夹?
怎样将文件复制到本地根文件夹?
任务二
定义站点
教学目标
最终目标:
能根据需求定义一个站点。
促成目标:
设置站点名称;
设置本地根文件夹;
设置“HTTP地址”;
工作任务:
能定义一个正确的站点;
能对定义的站点进行正确的设置。
相关实践知识:
访问网站;
观察网站元素;
搜索站点的相关知识。
活动设计:
在C盘创建一个站点;
为创建的站点设置好“HTTP地址”。
。
考核方式:
测试定义的站点和地址是否合理正确。
思考与练习:
站点名称能否一名多用?
。
任务三
创建与设置文档
教学目标
最终目标:
能创建文档并设置文档的页面属性。
促成目标:
熟悉软件的启动;
掌握保存文件的方法;
能为网页元素设置文本颜色。
工作任务:
创建文档;
命名和保存文档;
设置文档页面属性。
相关实践知识:
保存文档;
设置文本颜色。
活动设计:
启动Dreamweaver8;
创建文档并保存。
考核方式:
创建一个文档并按要求对文档中的元素进行设置。
思考与练习:
能否随时更换网页的背景颜色?
任务四
添加页面元素
教学目标
最终目标:
能为已经创建的页面添加相应设置
促成目标:
熟悉表格的创建;
熟悉图像的插入。
工作任务:
在文档中创建一个表格,设置表格第一个单元格的背景颜色并输入相应文本。
相关实践知识:
如何创建表格;
输入文本;
插入图像。
活动设计:
创建表格;
设置单元格背景颜色;
插入图像并保存。
考核方式:
为创建的表格设置单元格背景颜色并在相应位置插入图像。
思考与练习:
怎样在页面中随意插入图像或者表格?
项目二
页面设计
教学目标
最终目标:
能根据现有素材对将要创建的页面进行版面的设计,掌握相应页面设计的基本技能。
促成目标:
熟悉页面设计的集中基本技能;
熟悉页面布局和表格操作;
掌握图像的运用方法;
掌握框架网页的创建方法。
任务五布局页面
教学目标
最终目标:
掌握布局页面的方法。
促成目标:
熟悉布局的技能;
熟悉单元格属性的设置。
工作任务:
布局页面;
表格的创建与设置;
设置单元格属性;
表格的操作;
相关实践知识:
设置表格;
填充表格;
设置单元格属性;
对表格进行操作。
活动设计:
上网搜索布局的方法;
绘制布局页面;
创建一个表格。
考核方式:
根据要求绘制出布局页面;
按样图设计出相应的页面。
思考与练习:
怎样设置表格的高、宽;
布局页面怎样才能显示出来。
任务六
表格的创建与设置
教学目标
最终目标:
能够创出表格并进行相应设置。
促成目标:
掌握创建表格的技能;
熟悉表格对网页的影响;
掌握填充表格的技能。
工作任务:
在新建的文档中创建一个表格并按要求进行设置。
相关实践知识:
通过网络了解表格在网页制作中的作用;
制作一张表格;
为表格设置背景颜色。
活动设计:
创建表格;
设置表格、填充表格。
考核方式:
创建出符合要求的表格;
按要求为表格设置对应的背景颜色。
思考与练习:
网页中的表格和word文档中的表格有什么不一样?
思考背景颜色的填充方法还有哪些?
任务七
设置单元格属性
教学目标
最终目标:
能根据要求设置表格的位置并能将表格也页面调整至协调。
促成目标:
熟悉表格的操作方法;
熟悉表格背景颜色的填充方法。
工作任务:
为表格背景设置颜色为#CCCCCC,单元格背景颜色设置为#f2f2f2。
相关实践知识:
在网上搜索单元格背景颜色与表格背景颜色有什么区别;
协调页面。
活动设计:
创建几张不同类型的表格;
为所创建的表格分别设置背景颜色。
考核方式:
调整页面至协调位置;
填充表格和单元格的背景颜色。
思考与练习:
思考表格的用途还有哪些;
思考单元格的操作方法。
项目三
页面制作
教学目标
最终目标:
能根据现有素材或者自行收集素材进行页面的制作。
促成目标:
熟悉图像的运用及设置;
熟悉框架网页的制作;
熟悉网页链接的创建方法;
熟悉简单动画的制作;
熟悉表单的创建与设置。
任务八
运用与设置图像
教学目标
最终目标:
能运用素材创建一个电子相册。
促成目标:
掌握电子相册的创建方法;
掌握图像的链接方法。
工作任务:
根据素材在页面中插入图像并对图像进行相应设置,创建一个电子相册,在图像上创建热区,将图像上的热区与电子相册进行对应链接。
相关实践知识:
通过其它方式搜索热区的概念;
创建电子相册。
活动设计:
运用图像;
设置图像属性;
创建电子相册;
设置图像链接。
考核方式:
测试制作的电子相册,检查链接是否正确。
思考与练习:
电子相册是什么?
怎样进行图像热点的链接?
任务九
框架网页的制作
教学目标
最终目标:
能运用现有素材制作框架网页,并对制作的框架网页进行正确的设置使创建的框架网页能正确显示出网页元素。
促成目标:
掌握框架的功能;
能为框架命名并保存框架集文件;
能正确填充框架内容并调试显示。
工作任务:
通过整合现有素材,创建出一个框架网页,在进行相应设置后,为框架填充内容,最后将填充的内容以正确的形式显示出来。
相关实践知识:
框架的功能;
保存框架;
源文件的指定。
活动设计:
插入框架;
命名框架;
填充保存框架。
考核方式:
方式一:
学生创建一个空白框架,并为创建的框架命名保存;
方式二:
为创建的框架填充内容并按正确的形式显示出来。
思考与练习:
框架的保存与普通文件的保存有何不同?
框架的作用是什么?
任务十
创建网页链接
教学目标
最终目标:
能创建与使用CSS样式表,能使用代码片段,能创建链接。
促成目标:
掌握CSS样式表的功能;
熟练使用链接。
工作任务:
利用创建的CSS样式表美化页面,掌握在页面中插入代码片段的方法、掌握在页面中创建链接的技能。
相关实践知识:
了解CSS样式表的创建及使用方法;
了解书签链接、电子邮件链接的使用方法
。
。
活动设计:
创建CSS样式表;
创建并命名书签链接和电子邮件链接。
考核方式:
方式一:
学生创建一个正确的CSS样式表并运用于页面中;
方式二:
创建书签链接并将其与文档中的相应位置进行链接。
思考与练习:
:
CSS样式表怎样创建?
书签链接是什么东西?
怎样设置链接?
任务十一
层、时间轴和行为的使用
教学目标
最终目标:
能在页面中插入不同的层,并能运用层的相应设置制作出简单的动画。
促成目标:
熟悉层的概念;
熟悉层的操作方法。
工作任务:
在文档中插入不同的层后,再在层内插入不同的图像,通过设置层的大小,使层与图像大小保持一致,利用层的时间轴和行为创建出简单的动画。
相关实践知识:
层的作用的推广;
时间轴的功能;
层的行为。
活动设计:
创建层;
为层命名、为层插入图像并设置大小;
设置层的时间轴和行为。
考核方式:
方式一:
让学生根据素材创建出不同层;
方式二:
测试创建的动画能否成功运行。
思考与练习:
时间轴怎样使用?
怎样利用层制作更复杂的动画?
任务十二
表单的创建与设置
教学目标
最终目标:
能创建并设置各种表单的属性。
促成目标:
熟悉表单的功能及使用位置;
熟悉表单的创建方法。
设置表单的属性。
工作任务:
在页面中相应位置插入表单后,再插入各种表单对象并能按要求设置它们的属性。
相关实践知识:
表单的功能;
表单对象的功能;
表单按钮的功能。
活动设计:
插入并命名表单;
插入表单对象并设置;
插入与设置表单按钮;
表单的属性设置。
考核方式:
方式一:
创建一个表单;
方式二:
在表单中插入表单对象及表单按钮并设置它们的属性。
思考与练习:
1.表单个表单对象的区别?
2.表单按钮的功能。
项目四
网页制作综合训练
教学目标
最终目标:
能利用提供的或者是自行收集的素材制作出一张符合要求的网页,该网页中应该包含网页应用的元素,如:
表格、布局、框架、链接、表单等。
促成目标:
熟悉制作网页的流程;
熟悉网页制作的基本技能;
熟悉网页的设计并为网页中的对象的属性进行设置。
任务十三网页制作综合训练
教学目标
最终目标:
能利用提供的或者是自行收集的素材制作出一张符合要求的网页,该网页中应该包含网页应用的元素,如:
表格、布局、框架、链接、表单等。
促成目标:
熟悉制作网页的流程;
熟悉网页制作的基本技能;
熟悉网页的设计并为网页中的对象的属性进行设置。
工作任务:
利用素材设置页面属性;为页面轮廓进布局行;创建CSS样式表并运用在页面中;按要求或设计意图填充页面元素,完成整张页面的制作,制作完成后,调整页面各元素的位置至协调为止。
相关实践知识:
怎样收集有用的素材;
按要求布局页面;
填充页面元素;
活动设计:
收集素材;
布局页面;
创建CSS样式表并运用于页面中;
填充页面元素。
考核方式:
制作出一张符合要求的网页。
思考与练习:
制作出一张完整的网页需要哪些素材?
在制作的过程中应该注意哪些问题?
八、课程教学模式和教学方法与手段
(一)行动导向教学模式
1)教学项目化
网页制作课程项目教学,根据创建静态、动态网页设计教学项目,内容涵盖从素材收集、设计制作到测试完善整个过程。
2)学习自主化
采用任务驱动的教学模式,即通过设定任务,将所要学习的新知识隐含在一个或几个任务之中,引导学生通过自主学习、协作学习,对所提的任务进行分析、讨论,最后通过任务的完成而实现对所学知识的意义建构。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 课程标准