中国社会科学院大学《新媒体开发技术》课程大纲 课程基本信息（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
*教材 （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 的编辑规范、 声明、常用 HTML 标记：换行、标题、段落、空格、 链接、电子邮件、图像、特殊字体（斜体、加粗、上标、下划线）、 水平线、列表、表格
教学方法：以讲授为主、在讲课中间穿插案例教学 作业：基于 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 制作弹出式菜单栏。 第五周 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 完成用户登录功能
第九周 2 2 0 第六章微信公众号 第一节 微信公众号 微信公众号的意义和配置方法 第二节 HTML5 和文章编辑 基于 HTML5 的公众号素材编辑 第三节 基于内网服务器的视频服务 教学方法：使用边讲边练、特例演示的方法 作业：使用内网服务器为微信公众号提供视频播放服务。 第十周 3 3 0 第七章微信小程序 第一节 微信小程序的申请、注册方法，小程序和公众号的差别、小程序 开发环境的配置、小程序项目的创建。 第二节 公共配置文件 App.json 的设置：定义页面地址、定义导航栏样式、 定义标题栏文字、定义字体颜色。 配置 TabBar 属性 配置 Pages 显示顺序。 第三节 视图层的设置：微标记语言的使用：内容展示、数据绑定、属性 绑定、控制属性绑定、关键字绑定、运算绑定、列表渲染、条件、 模板、时间和引用 教学方法：使用边讲边练、特例演示的方法 作业：使用小程序制作包含选项卡的微信小程序首页 第十一周 第七章微信小程序 第三节 视图层的设置：微标记语言的使用：内容展示、数据绑定、属性 绑定、控制属性绑定、关键字绑定、运算绑定、列表渲染、条件、 模板、时间和引用 教学方法：使用边讲边练、特例演示的方法 作业：使用小程序进行数据绑定，数据选择和数据循环实验。 第十二周 3 3 0 第七章 微信小程序 第四节 视图容器组件的使用：view 组件、icon 组件、block 组件、Text 组 件、百分比组件、表单组件（Button 组件、CheckBox 组件、输入 框组件、静态文本组件、单选按钮组件、多选按钮组件） 微样式表的设置：文字颜色的设置、字体的设置、边框的设置。 第五节 事件的运行逻辑、事件的定义、事件的绑定、同步更新事件、消 息提示 教学方法：使用边讲边练、特例演示的方法 作业：使用小程序制作包含多种控件的页面。 第十三周 2 2 0 第七章 微信小程序 第五节 事件的运行逻辑、事件的定义、事件的绑定、同步更新事件、消 息 第六节
小程序的 flex 布局使用方法，常见属性设置：主轴方向设置、主 轴对齐设置、是否允许换行、控件在行中的对齐、多行控件的对 齐方式。 教学方法：使用边讲边练、特例演示的方法 作业：在布局管理器的帮助下，制作风格多样，结构工整的小程 序页面。 第十四周 2 2 0 第五章 微信小程序 第七节 高级视图容器组间：滚动视图组件、滑动视图组件、可移动视图 组件 第八节 导航标题的设置、页面跳转的设置、带有参数的页面跳转、跳转 回指定页面、重定向页面 媒体组件： 音频组件、图片组件、视频组件、相机组件 地图组件 输入选择器组件：单列选择器、多列选择器、时间选择器、日期 选择器、区域选择器。 定位组件的使用、地图组件的使用 小程序综合样例教学：头部为轮播效果、下面是新闻列表页的小 程序页面设置、新闻详情页的设置。 作业：使用微信小程序技术完成课程综合考核作业。 第十五周 2 2 0 第九节 地图组件 输入选择器组件：单列选择器、多列选择器、时间选择器、日期 选择器、区域选择器。 定位组件的使用、地图组件的使用 第十节 文件组件和云开发 基于文件组件的数据开发，和云空间的函数制作。 作业：使用云空间数据数据的存储和云函数的制作。 第十六周 2 2 0 第八章综合案例 使用小程序制作综合程序案例，包含程序的登录页，新闻导航页 面，新闻列表页面，新闻详情页面，以及各页面之间的跳转。 作业：使用微信小程序技术完成课程综合考核作业。 总计 32 32 课程教学方法包括课堂教授、讲练同步、课下作业、经典案例分 享、期末课程实践 备注（Notes）