第5课电子商务技术基础（二）（教案）《电子商务》（上海交通大学出版社）

课题 电子商务技术基础（二） 课时 2课时（90 min） 教学目标 知识技能目标： （1）了解Web开发技术 （2）了解新兴技术及其在电子商务中的应用 （3）能使用电子商务的常用工具 素质目标： （1）了解我国在5G技术研发上的巨大成就，增强民族自豪感和创新意识 （2）感受新兴技术在电子商务领域的应用，增进对科技强国的认识 教学重难点 教学重点：Web开发技术；新兴技术及其在电子商务中的应用 教学难点：能使用电子商务的常用工具 教学方法 情景模拟法、问答法、讨论法、讲授法 教学用具 电脑、投影仪、多媒体课件、教材 教学过程 主要教学内容及步骤 考勤 【教师】使用文旌课堂APP进行签到 【学生】按照老师要求签到 互动导入 【教师】提出问题 什么是Web？你知道Web开发技术有哪些吗？ 【学生】阅读、思考、回答问题 【教师】总结学生的回答 传授新知 【教师】引入新的知识点，讲解Web开发技术 Web开发技术是开发互联网应用的技术总称。Web是一种典型的分布式应用结构，Web应用中的每一次信息交换都要涉及客户端和服务器端，以及为其提供服务的数据库。 一、客户端技术 Web客户端技术开发就是创建Web页面、App等前端界面呈现给用户的过程。 【教师】提出问题： 你常用哪些App？ 【学生】思考、主动回答问题 【教师】总结学生的回答 （一）超文本标记语言 超文本标记语言（hyper text mark-up language, HTML）通过标记符号来标记要显示的网页中的各个部分，是构成网页文件的主要语言，目前应用最为广泛，现已发展至HTML5版本。HTML5更符合现代网络发展要求，是公认的下一代Web语言。它强化了Web页面的表现性能，除了可描绘二维图形外，还添加了播放视频和音频的标签，添加了本地数据等Web应用功能，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。 （二）可扩展标记语言 可扩展标记语言（extensible markup language, XML）是一种用于标记电子文件使其具有结构性的标记语言。XML用来传输和存储数据，是对HTML的补充。它非常适合万维网传输，能够提供统一的方法来描述和交换独立于应用程序的结构化数据。 （三）JavaScript JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，具有基于对象、简单、动态性和跨平台性等特点。JavaScript已广泛应用于Web应用开发，常用来为网页添加各式各样的动态功能，以便带给用户更流畅的浏览体验。 （四）JavaApplet JavaApplet就是用Java语言编写的小应用程序，这些程序直接嵌入到页面中，由支持Java的浏览器解释执行，能够产生特殊的效果。JavaApplet改变了Web页面只能展现静态的文本、图像信息的现象，大大提高了Web页面的交互能力和动态执行能力。 （五）级联样式表 级联样式表（cascading style sheets, CSS）是一种设计网页样式的工具。CSS不仅可以静态地修饰网页，还可以结合各种脚本语言，使网页中的元素产生各种动态效果。此外，CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，因为重复设置的格式只保存一次，也减少了需要上传代码的数量。 （六）虚拟现实建模语言 虚拟现实建模语言（virtual reality modeling language, VRML）是一种用于建立真实世界的场景模型或人们虚构的三维世界的场景建模语言，面向Web，面向对象，具有平台无关性。VRML是三维互动网站制作的主流语言。 【提示】 Dreamweaver（adobe dreamweaver, DW）是集网页制作和网站管理于一体的、所见即所得的网页代码编辑器。利用Dreamweaver对HTML、CSS、JavaScript等进行编辑，设计师和程序员可以快速制作网站所需的各类网页，最后搭建出一个功能完善的网站。 二、服务器端技术 （一）公共网关接口 公共网关接口（common gateway interface, CGI）是运行在Web服务器上的应用程序，主要负责响应客户端发来的请求，并与服务器端的应用程序交互，将结果转换成HTML页面，传送到客户端。 （二）超文本预处理语言 超文本预处理语言（hypertext preprocessor, PHP）是一种跨平台的服务器端的嵌入式脚本语言，它学习了C、Java和Perl多个语言的特色，发展出了自己的语法特性，将HTML代码和PHP指令合成为完整的服务器端动态页面，使Web应用的开发者以简便、快捷的方式实现动态Web功能。 （三）动态服