个人介绍
web标准网页设计2018 赵卫东 等
    《WEB标准网页设计》是软件技术专业的岗位专项能力核心课程之一,在该专业第三学期开设。该课程是一门实践性、技术性很强的课程。学习本课程使学生掌握WEB标准网页设计的基本理论与核心原理,掌握使用XHTML代码编写制作网页,掌握使用CSS将网页的内容和表现分离,掌握使用CSS样式加DIV标签进行网页布局,制作出符合Web标准的网页。
   《WEB标准网页设计》课程在“以岗位能力为核心”的软件技术专业模块化课程体系中处于核心地位。本课程的前导课程有:《计算机应用基础》、《界面设计》、《程序设计基础》。这三门课程分别在网页设计中的计算机基础操作、网页作品的艺术表现知识以及程序设计的入门知识给予了前导性教学铺垫,为《WEB标准网页设计》课程打下了良好基础。本课程的后续课程有:《Java EE WEB应用程序设计》、《嵌入式系统应用开发》等,《WEB标准网页设计》课程为上述后续课程提供了职业岗位目前使用的主流前台页面的制作技术、方法和工具。
    课程依据软件开发流程与规范,以项目为载体,将所需掌握的理论知识和实践技能一体化。以应用HTML技术、CSS技术、javascript和jQuery技术来设计制作具有一定交互性的web前台界面为逻辑主线设计学习情境,培养学生的岗位专项能力。
提供学校: 滁州职业技术学院
院系: 信息工程系
专业大类: 软件技术
专业: 软件技术
课程编号: ZH131304
学分: 6.0
课时: 72
片花
教师团队

赵卫东 讲师

单位:滁州职业技术学院

部门:信息工程系

王善勤 讲师

单位:滁州职业技术学院

部门:信息工程系

吴昌雨 副教授

单位:副教授

部门:信息工程系

职位:副主任

贾红雯 讲师

单位:滁州职业技术学院

部门:信息工程系

教学方法

俗话说“教学有法,但教无定法,贵在得法”,每种教学方法都各有其长处,也有其弱点。《WEB标准网页设计》课程将在“项目教学法”主导下,根据教学内容、教学对象等实际情况不断调整与改进,多种教学方法相配合,最终探索一条最适合本校软件技术专业学生学习的教学之路。本课程采用的教学方法主要有以下几种:

1.项目教学法

项目教学法是将专业的教学内容设计成训练具体技能的项目,并根据项目组织原则实施教学与考核,以培养学生的职业能力。项目化课程设计是立足职业岗位要求,把现实职业领域的实际工作内容和过程作为课程的核心,把典型的工作项目作为课程的主体内容。

本课程即采用“项目教学法”为主导,将整门课程涉及的知识点通过三个学习情境来展开,每个学习情境实际上就是一个具体的WEB前台页面开发的项目。通过项目化教学的方式,每个学习任务都由任务驱动来进行教学,让学生在学习和完成项目案例的过程中掌握相关理论知识和WEB标准网页设计应用技能,培养学生良好的职业素质。

本课程的三个具体项目中,前两个是由教师主导,学生模仿完成,第三个由学生主导教师辅助完成,通过具体项目实施循序渐进的掌握符合WEB标准的网站设计。

2.阶梯教学法

由于考虑到学生学习的差异性,在选择的三个典型项目中,分别按照由易到难的递进方式,分别为基础级项目、综合级项目和创意型项目,逐步加大项目难度。使学生在学习项目的过程中,对每个新项目的学习都以上个项目所学知识作为基础,逐步消化掌握新项目中所学技能,逐步登高。

3.分组教学法

将班级分成若干小组,通过分组实施,如每组3-6人,以角色扮演的方式来完成每个学习情境的项目,来进一步增强同学间的互相帮助、互相学习及团队协作精神。


教学条件


1.创意软件工作室

为了增加学生的学习途径,培养学生自主学习能力与实践能力,促进其个性发展与特长的发挥。系部特意为培养特长生提供了活动场所,仿照企业环境架构的创意软件工作室主要为我院具有一定特长的学生和教师提供一个技术交流及项目研发的实践平台。工作室采用标准的工程质量化管理理念,进行项目的实施与管理,工作室运作以软件开发特长生与指导教师为主体,采取事务集中、项目分散的灵活多样的管理模式。目前,工作室对软件有兴趣的学生的选拔、培养与项目实践已形成了一条龙式的良性运作机制。

2.校内实训基地

我校网络教学资源建设已具规模,以运行高速稳定的校园网为依托,设备一流,配置很高的校内实验实训基地为课程实训环境,课余时间全部开放,供学生自主学习。校内实验实训室设备先进、功能齐全、利用率高。

3.校外紧密型实训基地

校企合作,以多种形式建设校外实习实训基地,实现项目导向教学和顶岗实习。学院累计投资100多万元建设校外紧密型实训基地。

参考教材

1.教材选取的原则

教材选取应遵循“适用、实用、够用”的原则

1)适用:教材要以讲解HTMLCSSjavascriptjQuery技术为主,符合课程能力要求及本课程的培养目标;

2)实用:教材应以真实项目为载体,按照实际开发过程组织编写内容,强调理论与实践结合的项目化教材,便于实现“理实一体”教学,符合高职软件技术专业学生培养要求。

3)够用:教材应选择难度适宜,内容符合本课程标准要求的教材。

2.推荐教材

1)《CSS网站布局实录(第二版)》  李超   科学出版社   2007 

2)《锋利的jQuery单东林/张晓菲/魏然      人民邮电出版社  2009

3.教学参考资料

1)书籍

①《CSS网页设计标准教程》  温谦   人民邮电出版社   2009

CSS设计彻底研究:核心原理、技巧和设计实战》  温谦人民邮电出版社  2008

2)网络资源

 web前端开发技术论坛:http://www.iteye.com/forums/board/web

 web前端开发互动平台:http://www.w3cfuns.com/

教学效果


1.学生评价:

1)注重技能培养,学习兴趣更浓了

2)在项目学习中掌握知识点,不再枯燥

3)自己完成三个项目后,很有成就感

2.督导室评价:

1)督导室听课评课结果优秀

3.社会评价:

1)开设课程较新,跟上IT行业发展

2)与工作岗位结合紧密

3)学生上手工作快


教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.7 任务五:网站测试与完善
附件
.
2018-03-24 83.36MB
2.5 任务三:HTML结构及原型设计
附件
.
2018-03-24 49.72MB
2.6 任务四:网页布局
视频
.mp4
2017-11-01 26.14MB
 
视频
.mp4
2017-11-01 71.58MB
 
视频
.mp4
2017-11-01 38.40MB
 
视频
.mp4
2017-11-01 40.52MB
 
视频
.mp4
2017-11-01 9.48MB
 
视频
.mp4
2017-11-01 51.33MB
4.1 课程实施方案
文档
.doc
2017-10-23 461.50KB
提示框
确定
提示框
确定要报名此课程吗?
确定取消