《Web-前端设计与开发》课程整体教学设计.docxVIP

《Web前端设计与开发》

课程整体教学设计

（2019～2020学年第2学期）

课程名称： Web前端设计与开发

所属系部： 信息工程学院

制定人： XXX

合作人： XXX

制定时间：

2020年7月

1

Web前端设计与开发精品资源共享课

课程整体教学设计

一、课程基本信息

课程名称：Web前端设计与开发

课程代码学分：3

学时：48

授课时间：第三学期

授课对象：高职计算机应用技术专业大二

学生、高职计算机网络技术专业大二学生

课程类型：专业核心课

先修课程:信息技术素养与技能、

后续课程:HTML5混合App开发、

计算机程序设计

PHPWEB应用开发

二、课程定位

(一)学生所在专业面向的岗位(群)。

专业服务区域：临沂市及周边地区

专业服务领域(行业)：为智慧物流、智慧贸易、智慧农业、智慧工业、智慧

公共服务相关行业服务的应用软件开发行业。

主要就业岗位：在各大中小软件开发公司从事Web与企业应用软件的开发、

测试、销售与运维等工作岗位。

(二)本课程选择的背景实践岗位。

表1典型工作任务分析表

序号

工作岗位

典型工作任务

工作过程简述

1

WEB界面开发

运用各种工具进行页面布局,WEB图像、音频、视

频、动画制作。

2

程序员

程序代码编写

运用面向对象的开发工具规范地编写程序，使用数

据库访问技术连接访问数据库。

3

WEB部署运行

安装网络操作系统，配置各类服务器、发布站点

2

Web前端设计与开发精品资源共享课

表2 岗位职业能力分析表

岗位

序号

岗位

典型工作任务

职业能力

支撑课程

性质

名称

WEB界面开发

网页制作能力

HTML5混合APP开

程序代码编写

代码编写能力

发（△）

1

程序员

WEB前端设计与开发

WEB部署运行

网站发布能力

（△）

基础

JAVAWEB应用开发

岗位

（△）

用户培训

网络与应用系统安装能力

PHPWEB应用开发

（△）

数据库安装、升级、迁

数据库基础

软件管理维护

网络操作系统

移、数据恢复能力

软件测试

搭建测试环境，编写测试

2

软件测试与跟踪

脚本，运用测试脚本寻找

人员

bug能力

(三)本课程与中职、高职（专科、本科）、普通高校、培训班同类课程的区别。

中职教育的人才培养目标定位是明确的，培养高素质劳动者和技能型人才。高职专科层次的人才培养目标应该是多元化的，不同区域、不同专业、不同生源的要求是不一样的，所以人才培养目标定位也不一样，WEB前端设计与开发课程中职阶段主要培养学生的操作技能，而高职阶段则培养具有良好的职业道德、较为扎实的专业基础知识和技能、较强的竞争能力与适应能力、可持续发展的学习能力、能在Web前端开发领域占有一席之地。

三、课程目标

总体目标：

本课程以HTML语言为主要工具，学习Web应用程序和网站前端开发技术。通过本课程的学习，学生能够掌握HTML标签与CSS样式基础、图像设计在网页中的应用、制作导航栏、表格在网页中的应用、表单在网页中的应用、CSS标准流布局、CSS浮动布局、CSS定位布局、JavaScript的应用等知识。通过完成相关的项目，使学生掌握WEB前端设计的主要方法，并能熟练利用HTML、CSS、JavaScript等技术控制WEB页面各级元素，实现WEB前端的开发任务。在课程的学习中，培养诚实、守信性格，培养善于自我学习、团队协作和解决实际问题的能力，为后续专业课的学习打下良好的基础。

3

Web前端设计与开发精品资源共享课

能力目标：

能够配置典型的网站开发环境。

能够使用HTML制作包含基本内容的网页。

能够使用HTML及CSS等技术来设计网页布局。

能够使用JavaScript技术来提高网页交互性、体验性。

能够综合使用HTML、CSS与JavaScript的相关知识，来丰富、渲染网页。

能够开发电脑端静态网页和移动端静态网页。

能够根据具体应用需求，创新性地设计网页。

知识目标：

了解本课程内容在Web开发领域的定位与作用。

了解HTML、CSS及JavaScript技术的发展脉络、趋势及应用前景。

掌握HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识。

掌握CSS中元素的语法、属性和参数等基础知识。

了解网页布局的几种方法，掌握使用CSS进行网页布局、样式设计的基础知识。

掌握JavaScript中的基本语法知识。

掌握JavaScript进行提交内容校验、生成网页特效等方法。

了解并掌握HTML5和C