还剩2页未读,继续阅读
文本内容:
《前端开发技术》教学大纲WebSyllabus ofWeb Front-End DevelopmentTechnology课程基本信息Course InformationWeb前端开发技术课程名称开课学院(部)SchoolCourse NameWebFront-End DevelopmentTechnology课程编码课程类别学分专业课Course CodeCourse TypeCredits理论学时实践学时600课内学时Lecture HoursPractice Hours80Course Hours实验/上机学时20Expcrimcnt/Programming Hours课外/线上学时授课语言0中文Home/Online HoursLanguage ofInstruction适用专业Audience计算机科学与技术、软件工程程序设计基础先修课程Prerequisite课程性质本课程是计算机科学与技术专业、软件工程专业开设的一门实践性很强的专业必修应用课程主要教学内容本课程讲授web前端开发三大主流技术(HTML
5、CSS3和JavaScripl脚本语言编程)的相关知识第一部分是HTML技术,介绍了Web开发的基本概念、设计工具、运行环境、布局技术基础、常用HTML标记和应用实例;第二部分是CSS技术,课程简介介绍了CSS3的样式规则、盒模型、选择符、常用CSS样式及应用实例;第三部分是JavaScript技术,介绍了JavaScripl技术的编Course Description程基础,包括数据类型、变量、数组、语句、函数、内置对象、D0M对象、BOM对象和应用实例;第四部分是jQucry技术,介绍了jQucry技术的语法规则、选择元素对象、操作元素对象的方法和实例,以及AJAX的概念及应用课程教学目标通过本课程的学习,熟练Web前端开发流程及三大技术,具备Web前端网页和交互式效果开发的基础能力课程教学大纲Course Syllabus通过本课程的学习,培养前端开发技术人才,树立Web系统开发的概念,为学习后续专业课程动态网页设计打下坚实的理论和实践基础1,价值目标(或称育人目标)前端开发技术人才课程目标Learning
2.知识、能力和素质目标Outcomes
2.1掌握Web前端的基本概念、基本理论和基本方法
2.2能够实现Web前端网页设计章节或知识模块内容学时作业要求第1章Web概述2第1章思考和实践
1.1Web的概念
1.2Web前端设计基础
1.3Web系统开发流程第2章HTML技术基础2第2章思考和实践
2.1HTML概念
2.2HTML标记的语法
2.3HTML文件
2.4HTML标记的全局属性第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章思考和实践Topics、Class第7章HTML表格和结构类标记
7.1表格类标记
7.2表格嵌套
7.3HTML的结构类标记2第7章思考和实践第8章CSS技术基础
8.1CSS的定义
8.2CSS的语法基础
8.3CSS选择符4第8章思考和实践Schedule第9章CSS盒子及边框样式2第9章思考和实践
9.1CSS盒模型
9.2盒子的大小
9.3盒子的边框样式
9.4盒子Requirements阴影样式第10章CSS盒子的定位布局样式
10.1CSS定位样式
10.2CSS多列布局样式2第10章思考和实践第11章CSS盒子背景样式
11.1不透明度样式
11.2背景颜色样式
11.3背景图片样式4第11章思考和实践
11.4背景复合样式background
11.5背景渐变样式值第12章CSS文本段落样式
12.1文本字形
12.2文本修饰
12.3文本排版2第12章思考和实践第13章CSS其它元素样式2第13章思考和实践
13.1图片样式
13.2表格样式
13.3超链接和鼠标样式
13.4列表样式第14章CSS动画设计
14.1CSS变形
14.2CSS过渡
14.3CSS关键帧动画2第14章思考和实践第15章JavaScript技术基础
15.1JavaScript简介
15.2JavaScript的使用方式
15.32第15章思考和实践JavaScript编程基础
15.4JavaScript数据与运算符第16章JavaScript语句和函数
16.1条件语句
16.2循环语句
16.3函数2第16章思考和实践第17章JavaScript内置对象6第17章思考和实践
17.1对象的概念
17.2Global对象
17.3Number对象
17.4Math对象
17.5String对象
17.6RegExp对象
17.7Array对象
17.8Date对象第18章JavaScript DOM和BOM对象
18.1文档对象模型D0M
18.2浏览器对象模型B0M4第18章思考和实践第19章jQuery技术基础
19.1jQuery语法基础
19.2jQuery选择元素对象4第19章思考和实践第20章jQuer操作方法及应用-4第20章思考和实践
20.1获取元素对象信息
20.2设置元素对象信息
20.3设置元素对象事件
20.4操作文档结构
20.5jQuery特效第21章AJAX技术
21.1AJAX基础
21.2AJAX的应用2第21章思考和实践总成绩考核坤书占比
1、本课程20个学时实验实验40%
2、成绩采用百分制,根据设计完成情况评分
1、开卷考试,成绩采用百分制,卷面成绩总分100分期末考试
2、主要考核学生对前端技术基本知识的掌握能力,学生综合运用所学60%考核内容、方式及知识完成综合网页设计评分标准Contents评分标准and Methodof考核环节Assessment,6060-7575-9090-100Grading Standards作业抄袭,未能按时完独立思考、按时完成,成,设计效独立思考、按时完成,设计效果独立思考、按时完成,设计效果完全符合要实验设计效果基本符合要果不符合要完全符合要求求,并有自创设计效果求求教材教材及参考资料《web前端开发技术HTML5+CSS3+Javascript+jQuery》刘均编著,清华大学出版社,2022年1月,第1版参考资料Textbook Resources【1】《网页设计与Web前端开发案例教程——HTML
5、CSS
3、JavaScript微课视频版》,莫小梅主编,清华大学出版社,2019年8月,第1版【2】《网页设计与制作》朱金华,胡秋芬,刘均等编,机械工业出版社,2018年9月,第1版附表实验安排序号实验项目名称实验内容实验性质实验类型1HTML标记应用用HTML标记设计网页必做设计性2CSS样式应用用CSS修饰网页必做设计性3JS基本程序应用设计条件语句和循环语句应用必做设计性4Number和Math对象应用设计网页,用JS处理全局对象数据必做设计性5String对象应用设计网页,用JS处理String对象数据必做设计性6Array对象应用设计网页,用JS处理Array对象数据必做设计性7Dale对象应用设计网页,用JS处理Date对象数据必做设计性8DOM对象应用设计网页,应用D0M和B0M对象必做设计性9jQucry选择和操作元素对象设计网页,用jQucry选择和操作元素对象必做设计性10jQuery特效应用设计网页,用jQuery特效方法实现网页交互效果必做设计性。
个人认证
优秀文档
获得点赞 0