Web开发基础教学大纲

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

35叮叮书店购物车页面的建立、叮叮书店联系我们页面的建立综合248叮叮书店首页布局样式设计综合259叮叮书店首页外观样式设计综合2612叮叮书店首页超链接、伪类和动画样式设计、导航菜单综合2714叮叮书店首页显示日期和时间综合2815叮叮书店首页图片切换广告的实现、叮叮书店联系我们页面表单数据验证综合2916叮叮书店书籍分类页面拖放图书到购物车综合2六、教材《Web前端设计基础一HTML5CSS3JavaScript》张树明编著清华大学出版社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）独立、认真完成作业。（4）较好完成作业。（3）课外作业或测试（25%全部完成作业。（2）未全部完成作业或与要求不符。 （1）复制或抄袭。（0）说明：等级标准标记为数字，值越大者等级越高。课堂研讨和课堂实验不同时记录考核，即课堂研讨和课堂实验共同占 15%在平时学习过程考核的任何环节发现抄袭或复制者，第一次记为最低等，也就是零分，第二次直接在平时成绩中扣减20分。平时学习过程考核设立特殊奖励政策，在整个学习过程中，对某些知识点有独创性见解或学习过程中在某些环节表现优异等，经教师认可，可额外加分（1-5分），累加最高分为5分，在平时考核分值基础上增加，如果超过70分，计70分。从第三教学周开始，每周都要按学习过程考核标准进行考核，记录考核等级，最后核算为分数，作为平时成绩。考核等级每周公布一次，学生如有疑问，可与教师沟通协商，公布一周后，不得更