《《WEB前端开发基础》课程标准.docx》由会员分享，可在线阅读，更多相关《《WEB前端开发基础》课程标准.docx（13页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、WEB前端开发基础课程标准课程代码：020363课程类别：岗位专用能力培养课程学 时：68学时一、课程定位和课程设计（一）课程性质与作用课程的性质：WEB前端开发基础课程是软件技术专业培养岗位 专用能力的核心课程，它是一门操作性和实践性很强的课程。是学生 学习网站建设的专业课程，是从事网站开发工作的基本课程。本课程 的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有 代表性的网页制作软件的使用，掌握HTML、CSS和JavaScript等网站 设计的技能，并能根据客户需求地制作出有专业水准的网站。课程的作用：本门课程在专业教学体系中起着承上启下的作用， 通过这门课程，学生
2、可以掌握网站的开发流程，如建站规划、效果图 制作、建立站点等相关知识。掌握各种网页元素在Dreamweaver中的 使用。例如表格、文本、图像、超级链接、层和表单等。熟悉一些网 页设计辅助软件的功能和使用方法。例如Htnil、Css、JavaScript等。 掌握测试和发布网站的方法。包括网站测试的内容和方法、Cuteftp的 使用方法等。能够解决一些网页设计中的常见问题。本门课程之的前导课程是计算机基础课程。在对计算机操作和网 络基础有了一定认知之后，通过本课程的学习，可以使学生从整体上 对网站开发的流程有了初步的认识，提高学生的专业素质和专业品质, 使其具备参与网站建设的能力，具备良好的从
3、业道德，严谨的工作态 度，有序的团队合作精神。为后续的Web前端开发高级、JAVA工程实 训等课程奠定良好的基础。（二）课程基本理念技术要点：能够制作完整的网站并能够进行发布与融合。重点难点：测试网站和发布网站的方法 能力要求：了解申请域名的方法。学习情境：某市团委网站的制作过程。工程载体：某市团委网站发布过程（二）学习情境（或工程）设计学习情境子情境（子工程）学习内容（具体工作任务）要求（基本职业能力和关键能力）课时1. HtmlHTML基础认识新浪网 的组成（认 识网页）能够知道网页中包括哪些元 素2文本网页界面的基本 元素、网页 的布局结 构；能够熟练设置网页中的文本 格式2格式化文字与
4、段落掌握网页的 格式化能够制作一个简单的网页；对 文字和段落的属性进行设置4表格与表单元素在表格中插 入嵌套表格 并设置嵌套 表格的属性插入表格、设置表格的属 性及表格的格式化； 插入单项选择框、复选框等表单元 素4超链接和多媒体明白模板的 含义添加超链接和多媒体4框架的简单应用检查表单数 据的正确性框架和框架集的应用42. CSS 局部CSS的定义与选择CSS的定义 和使用方法使用CSS控制页面显示效果2CSS控制图文混排 单元CSS控制图文混排灵活使用CSS控制图文混排2CSS控制表单单元CSS控制页 面背景、表 格、表单学会CSS控制页面背景、表 格、表单2学习情境子情境（子工程）学习内
5、容（具体工作任务）要求（基本职业能力和关键能力）课时CSS控制li标记 制作导航菜单单元CSS控制 li标记制 作导航菜单灵活使用css控制标记制作 导航菜单2CSS制作电子相册 单元灵活使用CSS排版使用css制作电子相册2CSS网站布局单元CSS对网站 进行布局能灵活使用css设计网页4综合练习单元综合知识设 计网页增强自学能力，提高综合应用 能力2期中测验单元使用HTML、CSS设计网站提高综合应用能力43.JS部 分JavaScript 基石出使用JavaScript 编写和调用 函数的能力学会JavaScript的语法基础4JavaScript 程序结 构使用JavaScript 进
6、行客户端 验证的能力顺序、选择和循环结构程序的 编写4事件处理学会JavaScript 函 数的编写和 调用学会JavaScript进行事件处理4工程实 训局部工程综合实训1将多个网页 整合为完整 的网站能够制作完整的网站并能够 进行发布与融合8工程综合实训2测试网站和 发布网站的 方法能够制作完整的网站并能够 进行发布与融合8四、教学模式、教学方法与手段（一）教学模式本课程采取任务驱动、分组讨论、三步训练法、课堂与实习地点 一体化等方法。（二）教学方法与手段案例教学法、分组讨论法、五步教学法、角色扮演法等，具体如下:序号任务名称教学方法与手段1HTML基础任务驱动法、分组讨论法、情境教学法2
7、文本网页任务驱动法、五步训练法、案例教学法3格式化文字与段落情境教学法、分组讨论法、五步训练法、 案例教学法4表格与表单元素任务驱动法、分组讨论法、五步训练法、 案例教学法5超链接和多媒体任务驱动法、分组讨论法、五步训练法、 案例教学法6框架的简单应用情境教学法、分组讨论法、五步训练法、 案例教学法7CSS的定义与选择任务驱动法、分组讨论法、五步训练法、 案例教学法8CSS控制图文混排单元任务驱动法、分组讨论法、五步训练法、 案例教学法9CSS控制表单单元情境教学法、角色扮演法、五步训练法、 案例教学法10CSS控制Gi标记制作导航菜单单元情境教学法、头脑风暴法、五步训练法、 案例教学法11C
8、SS制作电子相册单元情境教学法、头脑风暴法、五步训练法、 案例教学法12CSS网站布局单元情境教学法、头脑风暴法、五步训练法、 案例教学法13综合练习单元情境教学法、头脑风暴法、五步训练法、 案例教学法14期中测验单元情境教学法、头脑风暴法、五步训练法、 案例教学法15JavaScript 基石出情境教学法、头脑风暴法、五步训练法、 案例教学法16JavaScript程序结构情境教学法、头脑风暴法、五步训练法、 案例教学法17事件处理情境教学法、头脑风暴法、五步训练法、 案例教学法18工程综合实训1情境教学法、头脑风暴法、五步训练法、 案例教学法19工程综合实训2情境教学法、头脑风暴法、五步训
9、练法、 案例教学法(三)教学评价、考核的多元性要求由于传统的考核评价方式无视学生个性差异，考试形式和方法单一，重视教师忽略学生，重视结果忽视过程，重视知识忽视能力，重 视当前效果忽视学生可持续开展。针对传统考核的以上缺点，我们在 改革学生考核评价方面的设计思路如下：(1)注重学习过程的形成性评价；(2)学生、专任教师、兼职教师等多方参与评价；(3)引入企业行业评价方式与标准；(4)引入多样的激励性评价机制；考勤作业 20%单元考核 20%过程性考核工程考核+笔试60%终结性考核基础分数基础分数奖励分数主体带主体带兼职教师(一)教学团队要求本课程专任教师应具备中级以上职称资格，在本行业企业工作有
10、 半年以上实习经历，具备深厚的网站开发理论知识和实践经验。本课程的兼职教师应从事本行业企业网站开发工作岗位2年以上, 具备深厚的Dreamweaver CS3理论知识和实践经验。（二）校内外实践教学条件要求本课程所用校内实训基地应具备较高配置的计算机并安装有 Dreamweaver环境，网络通畅，安装有投影仪。课程的校外实训基地应具有足量的计算机并配置好编程环境，有 实训指导工程师指导。（三）课程资源的开发与利用教材选用应尽量采用校企合作开发课程。课程应建立学习学习网站，信息化教学资源应配有多媒体课件、 电子图书和相关参考网站。其它教学资源还应包含教学文件和资料（如单元设计、每个单元 工程的任
11、务书、开发文档等），实训指导书。六、其他说明各级WEB前端开发基础均参考此标准。本门课程的设计理念是：以岗位需求为目标为重点进行课程开发 与设计，表达职业性、实践性；以整个专业的视角来开发课程，表达 开放性；以学生为主体开展“工程教学”；将过程性考核和终结性考核 相结合。按照学院“优秀员工的摇篮，职业经理的基地”的办学理念, 根据企业需求，从岗位能力出发，以职业能力培养为重点，按照软件 技术专业对应的核心就业岗位能力要求来确定课程的内容、教学组织、 教学方法和手段、考核方式，突出学生编码能力、抽象问题能力、逻 辑思维能力、计算机思维能力和自学能力的培养，到达培养学生的行 业通用能力，同时兼顾社
12、会适应能力和专业核心能力的课程教学目标。（三）课程设计思路Web前端开发基础课程的设计思路是，注重编程基础训练，将 课程总体目标细化为具体的单元目标。根据编程岗位要求调整序化教 学内容。趣味化、工作化教学过程，激发学生学习兴趣。由学生、专 任教师和企业工程师共同参与考核评价。二、课程目标软件技术专业的人才培养目标是：培养拥护党的基本路线，适应 软件行业生产、服务第一线需要的德、智、体、美全面开展的，具备 软件编程的基本理论知识和专业技能，熟悉软件制作流程，以软件编 程为核心能力，并兼具一定的软件测试、软件工程实施、软件销售能 力，可从事软件编程、软件测试操作、软件工程实施和软件应用与维 护等岗
13、位工作的社会需要、行业认可、企业能用的高素质技术技能型 人才。结合专业的人才培养目标和企业对于Web前端开发人员的技能要 求，制定出本门课程的培养目标是：（一）知识目标：通过Web前端开发基础课程的学习，使学生掌握 CSS/HTML/JavaScript等网页设计语言，能够进行图文混排、布局和框 架设计，为后续课程学习奠定基础。（二）能力目标通过Web前端开发基础课程的学习，使学生掌握Web前端网页 设计方法和技巧，养成良好的程序设计风格；基本具备设计创作良好 视觉页面的能力；基本具备使用多种主流设计工具设计网页的能力， 并最终将这种能力与客户的需求紧密结合，准确表到达作品之中。对 于新技术要
14、有学习钻研的能力，不断提高Web前端开发的综合素质。（三）素质目标在Web前端开发基础实训工程的学习过程中，贯穿软件设计、 开发相关岗位的职业道德和职业素养培养，主要侧重于：按时、按质 量的软件交付观念培养；老实、守信、坚忍不拔的性格培养；自主、 开放的学习能力培养；良好的自我表达、与人沟通能力培养等。还要 有良好的审美观和运用色彩的能力。三、课程内容与要求（一）典型工作任务描述或学习领域描述第一局部HTML任务名称：Html基础课时：2教学环境：一体化教室。技术要点：浏览器窗口的基本组成和网页的基本组成元素。重点难点：网页的基本组成元素；网页的布局结构能力要求：能够知道浏览器及网页的组成。学
15、习情境：新浪网各页面构成。工程载体：新浪网任务名称：文本网页课时：2教学环境：一体化教室。技术要点：纯文本的网页。重点难点：对欢度元旦网页的格式化能力要求：能够制作一个简单的文本网页。学习情境：文本网页制作。工程载体：欢度元旦网页制作任务名称：格式化文字与段落课时：4教学环境：一体化教室。技术要点：文字与段落的格式化。重点难点：设置文本、段落和列表标记能力要求：能够制作一个和谐的文字页面。学习情境：古诗鉴赏。工程载体：制作古诗鉴赏网页任务名称：表格与表单元素课时：4教学环境：一体化教室。技术要点：利用表格和表单设计对网页重点难点：插入表格、单项选择框、复选框等表单元素能力要求：能够制作一个有丰
16、富表单元素的网页。学习情境：手机使用调查表。工程载体：手机使用调查网页制作任务名称：超链接和多媒体课时：4教学环境：一体化教室。技术要点：添加超链接以及图片、文字、音乐等多媒体元素。重点难点：在网页中设置各种类型的超链接，在网页中添加各 种类型的多媒体元素并且设置位置、播放次数、 播放速度等属性。能力要求：以适当的方式和效果添加超链接和多媒体学习情境：图像和多媒体混合应用的网页。工程载体：制作带有视频的图文混排网页任务名称：框架的简单应用课时：4教学环境：一体化教室。技术要点：在网页中正确插添加框架，进行各种窗口分割重点难点：对窗口分割时框架的属性设置，添加滚动条和超链 接等元素能力要求：能够
17、应用框架设计网页。学习情境：带分类导航的网页设计。工程载体：仿制拍拍网第二局部一一CSS任务名称：css的定义与选择课时：2教学环境：一体化教室。技术要点：能使用CSS控制页面显示效果。重点难点：能使用CSS控制页面显示效果能力要求：能够使用层叠样式表。学习情境：CSS语言设计一个网页工程载体：css语言设计一个网页任务名称：css控制图文混排单元课时：2教学环境：一体化教室。技术要点：CSS布局网页。重点难点：能使用CSS控制页面背景、表格、表单 能力要求：能够熟练使用DIV+CSS布局网页。学习情境：用户图文页面。工程载体：用户图文页面任务名称：CSS控制表单单元课时：2教学环境：一体化教
18、室。技术要点：CSS布局网页。重点难点：能使用css控制页面背景、表格、表单 能力要求：能够熟练使用DIV+CSS布局网页。学习情境：用户注册页面。工程载体：用户注册页面任务名称：CSS控制Gi标记制作导航菜单单元课时：2教学环境：一体化教室。技术要点：能使用CSS控制Qi标记制作导航菜单 重点难点：能使用CSS控制li标记制作导航菜单 能力要求：学会使用CSS控制Qi标记制作导航菜单 学习情境：制作一个导航菜单。工程载体：制作导航菜单的方法任务名称：css制作电子相册单元课时：2教学环境：一体化教室。技术要点：能灵活使用CSS排版。重点难点：使用css制作电子相册能力要求：使用css制作电子
19、相册。学习情境：世界地理电子相册。工程载体：电子相册制作任务名称：CSS网站布局单元课时：4教学环境：一体化教室。技术要点：能灵活使用css设计网页。重点难点：使用css对网站进行布局能力要求：使用css对网站进行布局。学习情境：购物网站。工程载体：制作购物网站任务名称：综合练习单元课时：2教学环境：一体化教室。技术要点：能灵活使用HTML、CSS、JavaScript设计网页。重点难点：综合使用HTML、CSS、JavaScript语言对网站进行设计能力要求：能够制作一个美观大方的主页。学习情境:购物网站添加一个表单。工程载体：购物网站添加一个表单 任务名称：期中测验单元课时：4教学环境：一
20、体化教室。技术要点：能灵活使用HTML、CSS、JavaScript设计网页。重点难点：综合使用HTML、CSS、JavaScript语言对网站进 行设计能力要求：能够制作一个美观大方的主页。学习情境：网站的静态页面局部。工程载体：网站的静态页面局部第三局部JavaScript任务名称：JavaScript基础课时：4教学环境：一体化教室。技术要点：JavaScript语法基础。重点难点：JavaScript代码位置和基本语法能力要求：能够使用JS显示各种数据。学习情境：编写JS代码显示各种数据。工程载体：顺序结构的JS网页任务名称：JavaScript程序结构课时：4教学环境：一体化教室。技
21、术要点：JavaScript编写顺序、分支和循环结构的程序。重点难点：使用JavaScript编写自定义函数能力要求：使用JS调用和编写函数。学习情境：使用JS改变网页的显示效果。工程载体：长安区某竞赛网页制作。任务名称：JavaScript事件课时：4教学环境：一体化教室。技术要点：学会JavaScript处理键盘、鼠标等类型的事件。重点难点：学会使用JavaScript处理和响应事件能力要求：能够制作事件交互类型的网页。学习情境：用户注册信息的事件处理。工程载体：编写用户注册信息网页第四局部一一工程实训任务名称：工程综合实训1课时：8教学环境：一体化教室。技术要点：制作完整的网站并能够进行发布与融合。重点难点：将多个网页整合为完整的网站能力要求：测试网站。学习情境：个人博客。工程载体：制作个人博客任务名称：工程综合实训2课时：8教学环境：一体化教室。