中国社会科学院大学《新媒体开发技术》课程大纲课程基本信息（CourseInformation）*学时*学分课程编号321282020034(Course ID)(Credit Hours)(Credits)新媒体开发技术*课程名称(CourseName)NewMedia DevelopmentTechnology先修课程(Prerequisite Courses)“新媒体”是指与“传统媒体”相对应的，以数字压缩和无线网络技术为支撑，利用其大容量、实时性和交互性，可以跨越地理界线最终得以实现全球化的媒体。目前在国内，公众号、小程序微博、抖音、喜马拉雅作为新媒体的载体平台广受人们关注。本课程以小程序学习目标，通过系统的学习小程序开发技术来帮助同学们掌握小程序的开发方法和技巧，从而具备通过小程序开展媒体宣传的水平。本课程的授课内容分*课程简介为两个阶段：第一阶段讲授网页开发相关技术，包括：HTML技术、CSS技术、JavaScript(Description)技术和Web服务配置：第二阶段讲授小程序相关技术，包括：微标记语言、微样式表、常规组件、音视频的设置、定位的设置。小程序是以Web技术为基础，再经过后期包装而形成的一套编程标准。所以系统的了解Web开发技术对于正确理解小程序开发技术是十分必要的。通过本课程的学习，学生们不仅可以掌握一门新技术的开发方法，还可以了解媒体宣传时常用的手段和策略，从而为网络舆情宣传的方式和动因有一个更加深刻的认识，最终明辨是非，建立正确的人生观和价值观。"New media" refers to the corresponding "traditional media", supported by digitalcompressionandwireless networktechnology,withitslargecapacity,real-time andinteractive, can transcend geographical boundaries and finally realize the globalization ofmedia.At present in China, the public account, small program Weibo,Douyin, Ximalaya asthe carrierplatform of new mediaarewidelyconcerned.This course aims at smallprogramlearningandhelps studentsmasterthedevelopmentmethodsandskillsofsmallprogramthroughsystematiclearningofsmall programdevelopmenttechnology,soastohave the level of media promotion through small program.The teaching content of thiscourse is divided into two stages:thefirst stageteaches Web development technologies,*课程简介including HTML technology, CSS technology, JavaScript technology and Web service(Description）configuration; The second phase covers the techniques of small programs, including:micromarkup language,microstyle sheets,general components,audio andvideo Settings,positioning Settings. Small program is a set of programming standards which is based onWebtechnologyandpackagedlater.Soasystematicunderstandingof Webdevelopmenttechnology for the correct understanding of small program development technology isverynecessary.Throughthestudyofthiscourse,studentscannotonlymasterthedevelopmentmethodofanewtechnology,butalso understandthemeans and strategiesoften used in media publicity,so as to have a deeper understanding of the way andmotivationofonlinepublicopinionpublicity,andfinally distinguishrightfrom wrong,andestablishacorrectoutlookon lifeandvalues
中国社会科学院大学《新媒体开发技术》课程大纲 课程基本信息（Course Information） 课程编号 （Course ID） 1282020034 *学时 （Credit Hours） 32 *学分 （Credits） 2 *课程名称 （Course Name） 新媒体开发技术 New Media Development Technology 先修课程 （Prerequisite Courses） *课程简介 （Description） “新媒体”是指与“传统媒体”相对应的，以数字压缩和无线网络技术为支撑，利 用其大容量、实时性和交互性，可以跨越地理界线最终得以实现全球化的媒体。目前 在国内，公众号、小程序微博、抖音、喜马拉雅作为新媒体的载体平台广受人们关注。 本课程以小程序学习目标，通过系统的学习小程序开发技术来帮助同学们掌握小程序 的开发方法和技巧，从而具备通过小程序开展媒体宣传的水平。本课程的授课内容分 为两个阶段：第一阶段讲授网页开发相关技术，包括：HTML 技术、CSS 技术、JavaScript 技术和 Web 服务配置；第二阶段讲授小程序相关技术，包括：微标记语言、微样式 表、常规组件、音视频的设置、定位的设置。小程序是以 Web 技术为基础，再经过 后期包装而形成的一套编程标准。所以系统的了解 Web 开发技术对于正确理解小程 序开发技术是十分必要的。通过本课程的学习，学生们不仅可以掌握一门新技术的开 发方法，还可以了解媒体宣传时常用的手段和策略，从而为网络舆情宣传的方式和动 因有一个更加深刻的认识，最终明辨是非，建立正确的人生观和价值观。 *课程简介 （Description） "New media" refers to the corresponding "traditional media", supported by digital compression and wireless network technology, with its large capacity, real-time and interactive, can transcend geographical boundaries and finally realize the globalization of media. At present in China, the public account, small program Weibo, Douyin, Ximalaya as the carrier platform of new media are widely concerned. This course aims at small program learning and helps students master the development methods and skills of small program through systematic learning of small program development technology, so as to have the level of media promotion through small program. The teaching content of this course is divided into two stages: the first stage teaches Web development technologies, including HTML technology, CSS technology, JavaScript technology and Web service configuration; The second phase covers the techniques of small programs, including: micromarkup language, microstyle sheets, general components, audio and video Settings, positioning Settings. Small program is a set of programming standards which is based on Web technology and packaged later. So a systematic understanding of Web development technology for the correct understanding of small program development technology is very necessary. Through the study of this course, students can not only master the development method of a new technology, but also understand the means and strategies often used in media publicity, so as to have a deeper understanding of the way and motivation of online public opinion publicity, and finally distinguish right from wrong, and establish a correct outlook on life and values
*教材微信小程序快速开发，易伟，人民邮电出版，2020/8/1，1，9787115452177(Textbooks)参考资料(OtherReferences)*课程类别口公共基础课/全校公共必修课口通识教育课口专业基础课口专业核心课/专业必修课口其他(CourseCategory)√专业拓展课/专业选修课口线上，教学平台*授课对象新闻学专业本科*授课模式V线下口混合式口其他生(TargetStudents)(ModeofInstruction）口实践类（70%以上学时深入基层）*开课院系*授课语言口中文口全外语新闻传播学院口双语：中文+(School)(Languageof Instruction)（外语讲授不低于50%）课程负责人盖赞，副教授，中国社会大学计算机教研部教师，主要研究方向姓名及简介为计算机视觉，模式识别，大数据分析，文本情感分析等。*授课教师信息(Teacher Information)团队成员无姓名及简介1.了解并认识新媒体开发技术的发展概况与历史脉络2.了解Web开发的关键技术和一般流程学习目标3.掌握小程序开发技术的重要知识点CLearning4.学会使用小程序平台开展新闻传播工作，了解新媒体平台在优化传播效果时常用的Outcomes)策略、措施和行为动因，并对当前媒体传播采用的真实意图有一个正确的推测。通过本门课程的学习，学生可以对网络传播的信息有一个更加正确的认知。*考核方式课程的成绩由平时成绩、期未成绩组成总评成绩。平时成绩一般占总评成绩的(Grading)20-30%，期末考评采用课下设计的方式进行。*课程教学计划（TeachingPlan）填写规范化要求见附件其中周教学内容摘要其课实习学周次讲他（必含章节名称、讲述的内容提要、实验的名称、教学方法、课堂讨论的题程验题时授讨目、阅读文献参考书目及作业等）环课课节论第一章新媒体简介与HTML第一节新媒体技术的概念、背景、意义和发展。第二节第一周nrHTML的概念和发展、HTML的页面结构、HTML的编辑规范、<IDOCTYPE>声明、常用HTML标记：换行、标题、段落、空格、链接、电子邮件、图像、特殊字体（斜体、加粗、上标、下划线）、水平线、列表、表格
*教材 （Textbooks） 微信小程序快速开发，易伟，人民邮电出版，2020/8/1，1，9787115452177 参考资料 （Other References） *课程类别 （Course Category） 公共基础课/全校公共必修课 通识教育课 专业基础课 专业核心课/专业必修课 √专业拓展课/专业选修课 其他 *授课对象 （Target Students） 新闻学专业本科 生 *授课模式 （Mode of Instruction） 线上，教学平台 √线下 混合式 其他 实践类（70%以上学时深入基层） *开课院系 （School） 新闻传播学院 *授课语言 （Language of Instruction） 中文 全外语 双语：中文+ （外语讲授不低于 50%） *授课教师信息 （Teacher Information） 课程负责人 姓名及简介 盖赟，副教授，中国社会大学计算机教研部教师，主要研究方向 为计算机视觉，模式识别，大数据分析，文本情感分析等。 团队成员 姓名及简介 无 学习目标 （ Learning Outcomes） 1.了解并认识新媒体开发技术的发展概况与历史脉络 2.了解 Web 开发的关键技术和一般流程 3.掌握小程序开发技术的重要知识点 4.学会使用小程序平台开展新闻传播工作，了解新媒体平台在优化传播效果时常用的 策略、措施和行为动因，并对当前媒体传播采用的真实意图有一个正确的推测。通过 本门课程的学习，学生可以对网络传播的信息有一个更加正确的认知。 *考核方式 （Grading） 课程的成绩由平时成绩、期末成绩组成总评成绩。平时成绩一般占总评成绩的 20-30%，期末考评采用课下设计的方式进行。 *课程教学计划（Teaching Plan）填写规范化要求见附件 周次 周 学 时 其中 教学内容摘要 （必含章节名称、讲述的内容提要、实验的名称、教学方法、课堂讨论的题 目、阅读文献参考书目及作业等） 讲 授 实 验 课 习 题 课 课 程 讨 论 其 他 环 节 第一周 2 2 0 第一章 新媒体简介与 HTML 第一节 新媒体技术的概念、背景、意义和发展。 第二节 HTML 的概念和发展、HTML 的页面结构、HTML 的编辑规范、 <!DOCTYPE> 声明、常用 HTML 标记：换行、标题、段落、空格、 链接、电子邮件、图像、特殊字体（斜体、加粗、上标、下划线）、 水平线、列表、表格
教学方法：以讲授为主、在讲课中间穿插案例教学作业：基于HTML标签制作一个登陆网页第一章HTML高级设置第三节HTML的高阶常用标签：文本域、下拉列表、表单控件和表单控件的常用组件：文本框、密码框、单选按钮、多选按钮、提交按钮、重置按钮、隐藏按钮。第四节第二周2网页布局的设计意义、操作方法、常用设置标记Frameset的使用。20教学方法：第三节使用边讲边练的形式讲授、第四节是首先采用讲授的方式分析网页布局的设计原理，然后采用实践的形式进行教授。作业：使用表单标记制作一个人员注册网页。使用Frameset标记制作一个多结构网页。第二章CSS的使用方法第一节层叠样式的概念、意义。CSS的选择器（按标签选择、按id选择、按class选择、内联选择器）、内部样式表、外部样式表。第二节常用样式的设置：background,background-color,background-image,background-repeat(多种平铺方式：background-repeat:x第三周background-repeat:y,background-repeat,22Ubackground-repeat:no-repeat),background-positon(背景图片的9种位置)：文本的颜色、对齐方式、下划线、首行缩进、字体的类型、字体的样式（粗体、斜体、正常）、字体的大小、链接、链接的伪状态（正常、已访问过、选定、点击那一刻）、列表的符号、表格样式的设置。教学方法：采用边讲边练的方式讲授作业：使用CSS技术进行登录窗体和注册窗体的优化第二章CSS的使用方法第三节div标签的作用和使用方法、CsS盒子模型以及设置内容：Border、Border-width、Border-style（solid、dotted、dashed、solid、inset、outset）、border-color:red、多边框设置（border-top-style:dotted;border-right-style:solid;border-bottom-style:dotted;border-left-style:solid;)、outline、margin、padding、height、width。第四周第四节使用Css和div制作多样式的网页内容。auto与inherit的差别，标签隐藏和显示的方法，、hidder和none的差别，对齐方式direction，Css定位Position：fixed、relative、absolute;第五节块元素和内联元素、CSS浮动方法、CSS水平对齐方法、网页导航栏的制作方法、网页弹出式菜单的制作方法
教学方法：以讲授为主、在讲课中间穿插案例教学 作业：基于 HTML 标签制作一个登陆网页 第二周 2 2 0 第一章 HTML 高级设置 第三节 HTML 的高阶常用标签：文本域、下拉列表、表单控件和表单控件 的常用组件：文本框、密码框、单选按钮、多选按钮、提交按钮、 重置按钮、隐藏按钮。 第四节 网页布局的设计意义、操作方法、常用设置标记 Frameset 的使用。 教学方法： 第三节使用边讲边练的形式讲授、第四节是首先采用讲授的方式 分析网页布局的设计原理，然后采用实践的形式进行教授。 作业： 使用表单标记制作一个人员注册网页。 使用 Frameset 标记制作一个多结构网页。 第三周 2 2 0 第二章 CSS 的使用方法 第一节 层叠样式的概念、意义。CSS 的选择器（按标签选择、按 id 选择、 按 class 选择、内联选择器）、内部样式表、外部样式表。 第二节 常用样式的设置：background,background-color, background-image, background-repeat( 多 种 平 铺 方 式 ： background-repeat:x, background-repeat:y, background-repeat, background-repeat:no-repeat ), background-positon(背景图片的 9 种 位置)；文本的颜色、对齐方式、下划线、首行缩进、字体的类型、 字体的样式（粗体、斜体、正常）、字体的大小、链接、链接的伪 状态（正常、已访问过、选定、点击那一刻）、列表的符号、表格 样式的设置。 教学方法：采用边讲边练的方式讲授 作业：使用 CSS 技术进行登录窗体和注册窗体的优化 第四周 2 2 0 第二章 CSS 的使用方法 第三节 div 标签的作用和使用方法、CSS 盒子模型以及设置内容：Border、 Border-width、Border-style（solid、dotted、dashed、solid、inset、 outset）、border-color:red、多边框设置（border-top-style:dotted; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid;）、outline、margin、padding、height、width。 第四节 使用 CSS 和 div 制作多样式的网页内容。auto 与 inherit 的差别， 标签隐藏和显示的方法，、hidder 和 none 的差别，对齐方式 direction，CSS 定位 Position：fixed、relative、absolute； 第五节 块元素和内联元素、CSS 浮动方法、CSS 水平对齐方法、网页导航 栏的制作方法、网页弹出式菜单的制作方法
作业：使用盒子模型制作新闻列表使用CSS制作网页导航栏，使用CSS制作弹出式菜单栏第三章JavaScript第一节JavaScript的概念、作用和使用方法，使用JavaScript定位元素的方法：通过id、通过类名，改变HTML的输出，改变HTML的内容、改变HTML的属性、改变CSS的样式。第五周第二节22函数的定义和使用，无参函数的使用、包含单个参数的使用、包含多个参数的函数，获取文本框的中、通过is传递参数、改变字体的颜色、添加网页元素教学方法：采用边讲边练、课堂举例的方法作业：使用JavaScript制作一个星座预测的网页第三章JavaScript第三节JavaScript的运算符：赋值运算符、算术运算符、位运算符条件运算符、比较运算符、逻辑运算符数据类型：变量的声明、变量的命名、字符串类型、布尔类型数组类型：第六周2120分步创建、整合创建、直接创建、数组元素的访问对象直接创建、分步创建、属性引用第四节条件语句：if单分支、双分支、多分支，switch教学方法：使用边讲边练的方法讲授，穿插给学生提供一些练习。作业：使用JavaScript完成体重计算问题、闰年计算问题、工作日计算问题的练习第三章JavaScript第五节循环语句：for循环、while循环第六节JSON数据格式第七周220事件类型：鼠标单击事件、网页加载事件、图像加载事件、鼠标移动事件、输入文字事件、提交表单事件。事件分配、增加监听器、增加元素事件作业：使用JavaScript技术制作用户注册网页，并实现输入信息验证。第四章PHP第一节PHP的概念、作用第二节PHP语言的简单使用方法第八周函数的定义，表达式的书写220.第三节PHP运算环境的设置教学方法：使用边讲边练、特例演示的方法作业：在Web环境下使用PHP完成用户登录功能
作业：使用盒子模型制作新闻列表 使用 CSS 制作网页导航栏，使用 CSS 制作弹出式菜单栏。 第五周 2 2 0 第三章 JavaScript 第一节 JavaScript 的概念、作用和使用方法，使用 JavaScript 定位元素的方 法：通过 id、通过类名，改变 HTML 的输出，改变 HTML 的内容、 改变 HTML 的属性、改变 CSS 的样式。 第二节 函数的定义和使用，无参函数的使用、包含单个参数的使用、包 含多个参数的函数，获取文本框的中、通过 js 传递参数、改变字 体的颜色、添加网页元素 教学方法：采用边讲边练、课堂举例的方法 作业：使用 JavaScript 制作一个星座预测的网页 第六周 2 2 0 第三章 JavaScript 第三节 JavaScript 的运算符： 赋值运算符、算术运算符、位运算符 条件运算符、比较运算符、逻辑运算符 数据类型： 变量的声明、变量的命名、字符串类型、布尔类型 数组类型： 分步创建、整合创建、直接创建、数组元素的访问 对象 直接创建、分步创建、属性引用 第四节 条件语句：if 单分支、双分支、多分支，switch 教学方法：使用边讲边练的方法讲授，穿插给学生提供一些练习。 作业：使用 JavaScript 完成体重计算问题、闰年计算问题、工作日 计算问题的练习 第七周 2 2 0 第三章 JavaScript 第五节 循环语句：for 循环、while 循环 第六节 JSON 数据格式 事件类型：鼠标单击事件、网页加载事件、图像加载事件、鼠标 移动事件、输入文字事件、提交表单事件。 事件分配、增加监听器、增加元素事件 作业：使用 JavaScript 技术制作用户注册网页，并实现输入信息验 证。 第八周 2 2 0 第四章 PHP 第一节 PHP 的概念、作用 第二节 PHP 语言的简单使用方法 函数的定义，表达式的书写 第三节 PHP 运算环境的设置 教学方法：使用边讲边练、特例演示的方法 作业：在 Web 环境下使用 PHP 完成用户登录功能
第六章微信公众号第一节微信公众号微信公众号的意义和配置方法第二节HTML5和文章编辑第九周220基于HTML5的公众号素材编辑第三节基于内网服务器的视频服务教学方法：使用边讲边练、特例演示的方法作业：使用内网服务器为微信公众号提供视频播放服务。第七章微信小程序第一节微信小程序的申请、注册方法，小程序和公众号的差别、小程序开发环境的配置、小程序项目的创建。第二节公共配置文件App.json的设置：定义页面地址、定义导航栏样式、定义标题栏文字、定义字体颜色。第十周330配置TabBar属性配置Pages显示顺序。第三节视图层的设置：微标记语言的使用：内容展示、数据绑定、属性绑定、控制属性绑定、关键字绑定、运算绑定、列表渣染、条件、模板、时间和引用教学方法：使用边讲边练、特例演示的方法作业：使用小程序制作包含选项卡的微信小程序首页第七章微信小程序第三节视图层的设置：微标记语言的使用：内容展示、数据绑定、属性第十一周绑定、控制属性绑定、关键字绑定、运算绑定、列表渣染、条件、模板、时间和引用教学方法：使用边讲边练、特例演示的方法作业：使用小程序进行数据绑定，数据选择和数据循环实验。第七章微信小程序第四节视图容器组件的使用：view组件、icon组件、block组件、Text组件、百分比组件、表单组件（Button组件、CheckBox组件、输入框组件、静态文本组件、单选按钮组件、多选按钮组件）第十二周30微样式表的设置：文字颜色的设置、字体的设置、边框的设置。3第五节事件的运行逻辑、事件的定义、事件的绑定、同步更新事件、消息提示教学方法：使用边讲边练、特例演示的方法作业：使用小程序制作包含多种控件的页面。第七章微信小程序第五节第十三周20事件的运行逻辑、事件的定义、事件的绑定、同步更新事件、消2息第六节
第九周 2 2 0 第六章微信公众号 第一节 微信公众号 微信公众号的意义和配置方法 第二节 HTML5 和文章编辑 基于 HTML5 的公众号素材编辑 第三节 基于内网服务器的视频服务 教学方法：使用边讲边练、特例演示的方法 作业：使用内网服务器为微信公众号提供视频播放服务。 第十周 3 3 0 第七章微信小程序 第一节 微信小程序的申请、注册方法，小程序和公众号的差别、小程序 开发环境的配置、小程序项目的创建。 第二节 公共配置文件 App.json 的设置：定义页面地址、定义导航栏样式、 定义标题栏文字、定义字体颜色。 配置 TabBar 属性 配置 Pages 显示顺序。 第三节 视图层的设置：微标记语言的使用：内容展示、数据绑定、属性 绑定、控制属性绑定、关键字绑定、运算绑定、列表渲染、条件、 模板、时间和引用 教学方法：使用边讲边练、特例演示的方法 作业：使用小程序制作包含选项卡的微信小程序首页 第十一周 第七章微信小程序 第三节 视图层的设置：微标记语言的使用：内容展示、数据绑定、属性 绑定、控制属性绑定、关键字绑定、运算绑定、列表渲染、条件、 模板、时间和引用 教学方法：使用边讲边练、特例演示的方法 作业：使用小程序进行数据绑定，数据选择和数据循环实验。 第十二周 3 3 0 第七章 微信小程序 第四节 视图容器组件的使用：view 组件、icon 组件、block 组件、Text 组 件、百分比组件、表单组件（Button 组件、CheckBox 组件、输入 框组件、静态文本组件、单选按钮组件、多选按钮组件） 微样式表的设置：文字颜色的设置、字体的设置、边框的设置。 第五节 事件的运行逻辑、事件的定义、事件的绑定、同步更新事件、消 息提示 教学方法：使用边讲边练、特例演示的方法 作业：使用小程序制作包含多种控件的页面。 第十三周 2 2 0 第七章 微信小程序 第五节 事件的运行逻辑、事件的定义、事件的绑定、同步更新事件、消 息 第六节