Web前端开发课程教案编号：授课题目第一章网站开发基础教学课型理论课■讨论课口实验课□习题课口实践课□其它□首次授课时间第一周学时2学时教学场所固定座位教室口移动座位教室口智慧型互动教室口实验(实训)室■校外实践基地口户外□其它口教学目的要求：●了解本课程的基本信息●掌握与Web开发相关的基础知识●了解网站建设的流程●掌握HTML基础知识教学重点、难点：●互联网的访问过程●网页设计中的基本概念和常见技术●常用的开发工具课程思政：1、思政元素：万维网之父蒂姆·伯纳斯·李，引导学生建立“不忘初心，无私奉献”的价值观2、思政元素：孟晚舟事件，引导学生分析和解决问题不能只看表面，而是要找到本质，树立正确的世界观3、思政元素：“Web前端开发工程师”职业信息，引导学生了解所学课程的知识体系，并能根据课程知识体系做好职业规划并努力，树立学生积极向上的价值观4、思政素材：编草鞋的鲁国人经典传统故事，引导学生正确做好自身定位，回归本职，树立正确的价值观5、思政素材：HTML5标准规范的制定和发布背景，引导学生在做好职业规划的基础上，并为之努力，遇到挫折及时调整并坚持，不放弃的精神教学方式和手段：教学方法：讲授、讨论、演示教学设计与过程：课堂教学设计：课程导入——课程了解：提出问题：课程学什么,怎么学的问题，引导学生对本课程的了解和兴趣指导教学——新知学习：提出和课题相关的问题进行讨论，并课堂演示，从而引出Web开发相关的基本知识课程小节——知识总结：对知识点进行总结归纳课后思考——知识应用：布置课后思考和作业课堂教学过程：1.课程介绍(15分钟)1.1引导学生了解本课程：◆“为什么?”学习该课程引发学生思考来上课的原因◆“学什么?”引发学生了解本课程要学的技术：Web基础知识；HTML技术；CSS技术；JavaScript技术；设计可用的网站“怎样学?”:课前(使用在线资源),课中(重点内容归纳，讲解常见错误明确指出，重点反复强调，热点内容讨论),课后作业与思考，实践(合作学习);自动学习1.2教材与参考资料：◆教材：聂常红，《Web前端开发技术——HTML、CSS、JavaScript(第3版)》(第2版).人民邮电出版社，2020年◆网页设计，html,cssjs相关参考书：[1]赵丰年，《网页设计与制作(HTML5+CSS3+JavaScript)(第4版)(微课版)》,人民邮电出版社，2020年[2]明日科技.《HTML5+CSS3+JavaScriptWeb前端开发案例教程(慕课版)》.人民邮电出版社，2020年.[3]传智播客高教产品研发部，《网页设计与制作项目教程(HTML+CSS+JavaScript)》,人民邮电出版社，2016年.网络资源以及平台：(1)w3school在线网络资源：http://www.w3school.com.cn/(2)菜鸟教程在线网络资源：http://www.runoob.com/(3)在线网络教学平台：超星尔雅“学习通”,QQ学习群，微信1.3时间安排和成绩考核：时间安排理论：20实践：12教学质量过程考核+项目目标考核教学质量过程考核(60%):线上课程视频学习，讨论，课堂表现，实践练习项目目标考核(40%):期末综合项目1.4学习建议重视页面的源代码，善于观察比较，发现细微的不同，注重细节，追求完美，抓住重点，勤于实践2.网站开发的基础知识(重点知识，45分钟)2.1互联网的访问过程(15分钟)问题：想要浏览某一个网页，我们应该怎么做?第一步，我们需要的是一台能连入互联网的终端设备，可以是手机，计算机接着，我们打开浏览器，在地址栏中输入网页的地址然后，等待服务器提过信息，并在浏览器中显示出来。IE浏览器猎豹浏览器火狐浏览器Safari浏览器谷歌浏览器Opera浏览器演示网址为http://10.1.1.1/xxjs/xxgk.htm页面的浏览，浏览网页是从远程计算机中获取内容，然后再本地计算机上显示的过程引出相关基本概念：浏览器，服务器浏览网站是从远程计算机中获取内容，然后在本地计算机显示出来。提供内容信息的计算机就称为服务器，访问者使用浏览网页的软件被称为浏览器(不同版本，w3c)。◆WWW=Web服务器+信息资源+浏览器万维网，WWW,“WorldWideWeb”,也称作Web。WWW、万维网和Web是同义词，是一个大型的相互链接的文件所组成的集合体，包括了整个网络世界。此知识点融入思政元素“万维网之父蒂姆·伯纳斯·李”,引导学...
