《Web开发基础》教学大纲.doc

第页共NUMPAGES8页
《Web开发基础》教学大纲

1、课程性质《Web前端设计基础》课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML
5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。
2、课程教学目标与基本要求本课程的教学目标是让学生理解HTML
5、CSS3以及JavaScript脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。本课程教学基本要求是让学生理解Web设计的基本原则、栏目和网站目录结构定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法；掌握JavaScript脚本语言的基本语法，理解对象的概念及使用JavaScript来编写客户端脚本程序。
3、课程内容其中标记★为难点第一部分第1章HTML5简介
1、1HTML历史与HTML5
1、2HTML5的优势
1、3HTML5的基本结构和语法变化
1、4本章小结
第2章HTML5的常用元素与属性
2、1HTML5保留的常用元素
2、2HTML5新增的通用属性
2、3HTML5新增的常用元素
2、4HTML5头部和元信息
2、5HTML5新增的拖放API
2、6本章小结
第3章HTML5表单相关元素和属性
3、1HTML原有的表单及表单控件
3、2HTML5新增的属性与元素
3、3HTML5增强的文件上传域
3、4HTML5新增的客户端校验
3、5本章小结
第4章HTML5的绘图支持
4、1使用canvas元素
4、2绘图
4、3图形特效处理
4、4控制叠加风格
4、5控制填充风格
4、6位图处理
4、7输出位图
4、8本章小结
第5章HTML5的多媒体支持
5、1使用audio和video元素
5、2使用JavaScript脚本控制媒体播放
5、3事件监听
5、4本章小结
第二部分第6章级联样式单与CSS选择器
6、1样式单概述
6、2CSS样式单的基本使用
6、3CSS选择器
6、4伪元素选择器
6、5CSS
3、0新增的伪类选择器
6、6在脚本中修改显示样式
6、7本章小结
第7章字体与文本相关属性
7、1字体相关属性
7、2CSS3支持的颜色表示方法
7、3文本相关属性
7、4CSS3新增的服务器字体
7、5本章小结
第8章背景、边框和补丁相关属性
8、1背景相关属性
8、2边框相关属性
8、3补丁相关属性
8、4本章小结
第9章大小、定位、轮廓相关属性
9、1大小相关属性
9、2定位相关属性
9、3轮廓相关属性
9、4本章小结
第10章盒模型与布局相关属性
10、1布局相关属性
10、2盒模型和display属性
10、3对盒添加阴影
10、4CSS3的多栏布局
10、5本章小结
第11章表格、列表相关属性及mediaquery
11、1表格相关属性
11、2列表相关属性
11、3控制光标的属性
11、4mediaquery功能
11、5本章小结
第12章变形与动画相关属性
12、1CSS3提供的变形支持
12、2CSS3提供的Transition动画
12、3CSS3提供的Animation动画
12、4本章小结
4、学时分配教学周次教学内容教学环节（学时）讲课习题实验上机课外小计1第1章Web技术概述222第2章HTML5基础223第3章HTML5内容结构与文本2244第4章HTML5超连接第5章HTML5多媒体2245第6章HTML5表格第7章HTML5表单2246第8章CSS基础227第9章页面布局定位228第9章页面布局定位2249第10章元素外观属性22410第11章伪类和伪元素2211第12章CSS3变换、过渡和动画2212第13章页面内容样式设计第14章网站制作流程与发布22413第15章ECMAScript基础第16章ECMAScript语句2214第17章行为与对象22415第18章DOM第19章HTMLDOM对象22416第20章HTML5DOM22417第21章BOM22总计34185
25、实验安排本课程需要安排实验课，以引导学生正确运用所学知识解决实际问题，实验方法和步骤参见教材。序号教学周次实验名称类型学时13叮叮书店首页内容结构的建