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

Web前端设计基础教学大纲适用专业：计算机科学与技术、软件工程、物联网课程类别：非学位课，专业基础课课程学时：51学时（周2+1学时）课程编号：9051404课程学分：3学分一、 课程性质Web前端设计基础课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。二、 课程教学目标与基本要求本课程的教学目标是让学生理解HTML5、CSS3以及JavaScript脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。本课程教学基本要求是让学生理解Web设计的基本原则、栏目和网站目录结构定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法；掌握JavaScript脚本语言的基本语法，理解对象的概念及使用JavaScript来编写客户端脚本程序。三、 课程内容其中标记为难点第一部分第1章 HTML 5简介 1.1 HTML历史与HTML 5 1.2 HTML 5的优势 1.3 HTML 5的基本结构和语法变化 1.4 本章小结 第2章 HTML 5的常用元素与属性 2.1 HTML 5保留的常用元素 2.2 HTML 5新增的通用属性 2.3 HTML 5新增的常用元素2.4 HTML 5头部和元信息 2.5 HTML 5新增的拖放API 2.6 本章小结 第3章 HTML 5表单相关元素和属性 3.1 HTML原有的表单及表单控件 3.2 HTML 5新增的属性与元素 3.3 HTML 5增强的文件上传域 3.4 HTML 5新增的客户端校验 3.5 本章小结 第4章 HTML 5的绘图支持 4.1 使用canvas元素 4.2 绘图 4.3 图形特效处理 4.4 控制叠加风格 4.5 控制填充风格 4.6 位图处理 4.7 输出位图 4.8 本章小结 第5章 HTML 5的多媒体支持 5.1 使用audio和video元素5.2 使用JavaScript脚本控制媒体播放 5.3 事件监听 5.4 本章小结 第二部分第6章 级联样式单与CSS选择器 6.1 样式单概述 6.2 CSS样式单的基本使用 6.3 CSS选择器 6.4 伪元素选择器6.5 CSS 3.0新增的伪类选择器 6.6 在脚本中修改显示样式 6.7 本章小结 第7章 字体与文本相关属性7.1 字体相关属性 7.2 CSS 3支持的颜色表示方法 7.3 文本相关属性 7.4 CSS 3新增的服务器字体 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.4 CSS 3的多栏布局 10.5 本章小结 第11章 表格、列表相关属性及media query 11.1 表格相关属性 11.2 列表相关属性 11.3 控制光标的属性11.4 media query功能 11.5 本章小结 第12章 变形与动画相关属性 12.1 CSS 3提供的变形支持 12.2 CSS 3提供的Transition动画 12.3 CSS 3提供的Animation动画12.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章 HTML DOM对象22416第20章 HTML5 DOM22417第21章 BOM22总 计341852五、 实验安排本课程需要安排实验课，以引导学生正确运用所学知识解决实际问题，实验方法和步骤参见教材。序号教学周次实验名称类型学时13叮叮书店首页内容结构的建立综合224叮叮书店首页超连接的使用、叮叮书店首页图像的使用综合235叮叮书店购物车页面的建立、叮叮书店联系我们页面的建立综合248叮叮书店首页布局样式设计综合259叮叮书店首页外观样式设计综合2612叮叮书店首页超链接、伪类和动画样式设计、导航菜单综合2714叮叮书店首页显示日期和时间综合2815叮叮书店首页图片切换广告的实现、叮叮书店联系我们页面表单数据验证综合2916叮叮书店书籍分类页面拖放图书到购物车综合2六、 教材Web前端设计基础HTML5、CSS3、JavaScript 张树明编著 清华大学出版社 2017.2七、 考核方式及要求考核方式为考查，成绩为百分制，再折合成优秀、良好、中等、及格、不及格。总成绩 = 平时学习过程（70%）+ 开放性考试（30%）平时学习过程考核标准细则考核项目等级标准预习反馈（20%）认真预习，主动思考，提出高质量问题，积极向老师反馈。有预习笔记。（3）能够预习，能够思考，能够提出问题，能及时向老师反馈。有预习笔记。（2）能够预习，但不思考，没有提出问题，能及时向老师反馈。有预习笔记。（1）不预习，不思考，没有提出问题，也不及时向老师反馈。没有预习笔记。（0）学习状态（10%）完全投入课堂学习。（3）学习状态较好。（2）学习状态差 （如迟到、早退、上课吃零食、睡觉、玩游戏等）。（1）缺勤（病事假、旷课。旷课不允许后补课堂实验，病事假经老师允许可以在规定时间内后补课堂实验，缺勤超过5次及以上视为平时学习过程考核不及格，旷课5次及以上视为放弃课程考核。）。（0）课堂研讨（15%）积极参与课堂讨论，主动发言回答问题并正确，有记录。（4）较好地参与课堂讨论，能够发言回答问题并基本正确，有记录。（3）能够参与课堂讨论，能够发言回答问题，有记录。（2）能够参与课堂讨论，不发言回答问题，无记录。（1）不参与课堂讨论，不发言回答问题，无记录。（0）课堂实验（15%）能在规定的时间内完成实验题目，逻辑清晰，代码规范，结果正确。（3）能在规定的时间内完成实验题目，结果基本正确。（2）能在规定的时间内完成实验题目，但结果不正确。（1）复制或抄袭，无法回答所作实验相关内容。（0）课外作业或测试（25%）独立、认真完成作业。（4）较好完成作业。（3）全部完成作业。（2）未全部完成作业或与要求不符。（1）复制或抄袭。（0）说明：等级标准标记为数字，值越大者等级越高。课堂研讨和课堂实验不同时记录考核，即课堂研讨和课堂实验共同占15%。在平时学习过程考核的任何环节发现抄袭或复制者，第一次记为最低等，也就是零分，第二次直接在平时成绩中扣减20分。平时学习过程考核设立特殊奖励政策，在整个学习过程中，对某些知识点有独创性见解或学习过程中在某些环节表现优异等，经教师认可，可额外加分（1-5分），累加最高分为5分，在平时考核分值基础上增加，如果超过70分，计70分。从第三教学周开始，每周都要按学习过程考核标准进行考核，记录考核等级，最后核算为分数，作为平时成绩。考核等级每周公布一次，学生如有疑问，可与教师沟通协商，公布一周后，不得更改。请假超过5次（含5次），平时成绩记为不及格，旷课超过5次（含5次），视为放弃本课程考核。请假若有课堂研讨和课堂实验考核可在请假一周内补交。开放性考试考核在规定时间内（100分钟）完成一个指定形式页面的建立。评分标准如下：评分项分值文档结构6标准布局6导航菜单6内容样式6编码规范6教学大纲编写者：计算机科学与技术教研室执笔人：张树明6