《WEB前端开发基础》课程标准.pdf

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