Web前端开发配套资源PPT2、课程教学大纲-web前端开发技术

《Web前端开发技术》教学大纲SyllabusofWebFront-EndDevelopmentTechnology课程基本信息CourseInformation课程名称CourseNameWeb前端开发技术开课学院（部）SchoolWebFront-EndDevelopmentTechnology课程编码CourseCode课程类别CourseType专业课学分Credits课内学时CourseHours80理论学时LectureHours60实践学时PracticeHours0实验/上机学时Experiment/ProgrammingHours20课外/线上学时Home/OnlineHours0授课语言LanguageofInstruction中文适用专业Audience计算机科学与技术、软件工程先修课程Prerequisite程序设计基础课程简介CourseDescription课程性质：本课程是计算机科学与技术专业、软件工程专业开设的一门实践性很强的专业必修应用课程。主要教学内容：本课程讲授web前端开发三大主流技术（HTML5、CSS3和JavaScript脚本语言编程）的相关知识。第一部分是HTML技术，介绍了Web开发的基本概念、设计工具、运行环境、布局技术基础、常用HTML标记和应用实例；第二部分是CSS技术，介绍了CSS3的样式规则、盒模型、选择符、常用CSS样式及应用实例；第三部分是JavaScript技术，介绍了JavaScript技术的编程基础，包括数据类型、变量、数组、语句、函数、内置对象、DOM对象、BOM对象和应用实例；第四部分是jQuery技术，介绍了jQuery技术的语法规则、选择元素对象、操作元素对象的方法和实例，以及AJAX的概念及应用。课程教学目标：通过本课程的学习，熟练Web前端开发流程及三大技术，具备Web前端网页和交互式效果开发的基础能力。课程教学大纲CourseSyllabus课程目标LearningOutcomes通过本课程的学习，培养前端开发技术人才，树立Web系统开发的概念，为学习后续专业课程动态网页设计打下坚实的理论和实践基础。1．价值目标（或称育人目标）：前端开发技术人才2．知识、能力和素质目标：2.1掌握Web前端的基本概念、基本理论和基本方法2.2能够实现Web前端网页设计教学内容、教学进度及要求Topics、ClassSchedule&Requirements章节或知识模块内容学时作业要求第1章Web概述1.1Web的概念 1.2Web前端设计基础1.3Web系统开发流程 2第1章思考和实践第2章HTML技术基础2.1HTML概念2.2HTML标记的语法2.3HTML文件2.4HTML标记的全局属性 2第2章思考和实践第3章HTML文本类标记3.1文本排版标记 3.2列表标记4第3章思考和实践第4章HTML多媒体类标记4.1多媒体文件 4.2多媒体类标记2第4章思考和实践第5章HTML超链接类标记5.1超链接概念5.2超链接类标记 2第5章思考和实践第6章HTML表单类标记6.1表单概述 6.2表单基本元素标记 6.3表单高级元素标记4第6章思考和实践第7章HTML表格和结构类标记7.1表格类标记7.2表格嵌套 7.3HTML的结构类标记2第7章思考和实践第8章CSS技术基础8.1CSS的定义8.2CSS的语法基础 8.3CSS选择符4第8章思考和实践第9章CSS盒子及边框样式9.1CSS盒模型9.2盒子的大小9.3盒子的边框样式9.4盒子阴影样式2第9章思考和实践第10章CSS盒子的定位布局样式10.1CSS定位样式10.2CSS多列布局样式2第10章思考和实践第11章CSS盒子背景样式11.1不透明度样式11.2背景颜色样式11.3背景图片样式11.4背景复合样式background11.5背景渐变样式值4第11章思考和实践第12章CSS文本段落样式12.1文本字形12.2文本修饰 12.3文本排版2第12章思考和实践第13章CSS其它元素样式13.1图片样式13.2表格样式13.3超链接和鼠标样式13.4列表样式2第13章思考和实践第14章CSS动画设计14.1CSS变形14.2CSS过渡14.3CSS关键帧动画2第14章思考和实践第15章JavaScript技术基础15.1JavaScript简介15.2JavaScript的使用方式15.3JavaScript编程基础15.4JavaScript数据与运算符2第15章思考和实践第16章JavaScript语句和函数16.1条件语句16.2循环语句16.3函数2第16章思考和实践第17章JavaScript内置对象17.1对象的概念17.2Global对象17.3Number对象17.4Math对象17.5String对象17.6RegExp对象17.7Array对象17.8Date对象6第17章思考和实践第18章JavaScriptDOM和BOM对象18.1文档对象模型DOM18.2浏览器对象模型BOM4第18章思考和实践第19章jQuery技术基础19.1jQuery语法基础19.2jQuery选择元素对象4第19章思考和实践第20章jQuery操作方法及应用20.1获取元素对象信息20.2设置元素对象信息20.3设置元素对象事件20.4操作文档结构 20.5jQuery特效4第20章思考和实践第21章AJAX技术21.1AJAX基础21.2AJAX的应用2第21章思考和实践考核内容、方式及评分标准ContentsandMethodofAssessment,GradingStandards考核环节总成绩占比实验1、本课程20个学时实验。2、成绩采用百分制，根据设计完成情况评分40%期末考试1、开卷考试，成绩采用百分制，卷面成绩总分100分。2、主要考核学生对前端技术基本知识的掌握能力，学生综合运用所学知识完成综合网页设计。60%考核环节评分标准<6060-7575-9090-100实验作业抄袭，未能按时完成，设计效果不符合要求独立思考、按时完成，设计效果基本符合要求独立思考、按时完成，设计效果完全符合要求独立思考、按时完成，设计效果完全符合要求，并有自创设计效果教材及参考资料Textbook&Resources教材：《web前端开发技术（HTML5+CSS3+Javascript+jQuery）》刘均编著，清华大学出版社，2022年1月，第1版参考资料：【1】《网页设计与Web前端开发案例教程——HTML5、CSS3、JavaScript微课视频版》，莫小梅主编，清华大学出版社，2019年8月，第1版【2】《网页设计与制作》朱金华，胡秋芬，刘均等编，机械工业出版社，2018年9月，第1版附表：实验安排序号实验项目名称实验内容实验性质实验类型1HTML标记应用用HTML标记设计网页必做设计性2CSS样式应用用CSS修饰网页必做设计性3JS基本程序应用设计条件语句和循环语句应用必做设计性4Number和Math对象应用设计网页，用JS处理全局对象数据必做设计性5String对象应用设计网页，用JS处理String对象数据必做设计性6Array对象应用设计网页