英语音频播放优化

闫增涛

2024-06-27 8ba5b1346308451e2c66f4414aa2c0b242d503d2

 src/books/English/view/components/header.vue

@@ -1,14 +1,20 @@
<template>
  <div class="chapter" num="0">
  <div class="chapter" num="1">
    <!--  -->
    <div class="page-box mt-20" page="1" style="min-height: auto">
      <div v-if="showPageList.indexOf(1) > -1">
        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      </div>
    </div>
    <!-- 1 -->
    <div class="page-box" page="1">
      <p class="center">
    <div class="page-box" page="2" style="min-height: auto">
      <div v-if="showPageList.indexOf(2) > -1">
        <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
      </p>
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box text-center" style="padding: 136px 0" page="2">
      <div class="box">
    <div class="page-box text-center" style="padding: 136px 0" page="3">
      <div class="box" v-if="showPageList.indexOf(3) > -1">
        <hr class="line" />
        <p class="tl fz-14"><b>图书在版编目（CIP）数据</b></p>
        <p class="tl fz-14 m0">
@@ -65,118 +71,316 @@
      </div>
    </div>
    <!-- 3 -->
    <div class="page-box " page="3">
      <div class="pd-20 ">
        <div class="preface w100 fl al-end ju-cn">
          <h1 id="a003" class="front preface-text">前言</h1>
        </div>  
      </div>
      <div class="bodystyle padding-93 pb-104 ">
        <p>
          《新标准通用职场英语》的编写团队以党的教育方针为宗旨，贯彻党的二十大报告精神，对标《高等职业教育专科英语课程标准（2021年版）》，遵循《高等学校课程思政建设指导纲要》的要求，参照《中国英语能力等级量表》四级和五级能力要求，立足高职英语教学实际，进行设计和编写，既注重提升学生的核心素养、促进普职融通，又全方位融入课程思政，落实立德树人根本任务。
        </p>
        <p class="center primary-title-color "><b>一、教材编写理念</b></p>
        <p><span class="kaiti">1.全面贯彻落实新课程标准要求</span></p>
        <p>
          《新标准通用职场英语》系列教材全面对标《高等职业教育专科英语课程标准（2021年版）》，充分突出高职英语课程的思想性、科学性、职业性、时代性，关注各学段的衔接性，实现价值引领，培养学生的必备能力和关键能力。
        </p>
        <p>
          <span class="kaiti ">2.全程融入课程思政，彰显语言课程的育人功能</span>
        </p>
        <p>
          教材从单元主题、素材选取、练习设置等各方面综合设计，紧密联系中国社会和文化，弘扬正能量。在提升学生核心素养的同时，引导学生关注社会，关注他人，潜移默化地培养学生的家国情怀和人文素养，增强学生在多元文化交流环境中讲述中国故事和推介中国文化的能力。教材以“立德树人”为根本任务，立足新时代中国职业教育大背景，以职业为关键词，选取职业与个人、职业与社会、职业与环境主题的语言材料，在助力语言教学的同时，引导学生贡献社会、关心社会、爱岗敬业，实现公共英语课程培根铸魂、启智增慧的功能，促进学生全面发展。
        </p>
        <p><span class="kaiti">3.基于产出导向理念，实施项目化教学</span></p>
        <p>
          教材基于产出导向的理念，打破传统听、说、读、写分板块编写的体例，进行一单元一项目的项目化教学设计，综合运用听、说、读、写、看等多种语言技能和融媒体手段，搭建语言支架，层层递进，环环相扣，助力学生最终完成单元项目任务。
        </p>
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <div class="pd-20">
          <div class="preface w100 fl al-end ju-cn">
            <h1 id="a003" class="front preface-text">前言</h1>
          </div>
        </div>
        <div class="bodystyle padding-93 pb-104">
          <p>
            《新标准通用职场英语》的编写团队以党的教育方针为宗旨，贯彻党的二十大报告精神，对标《高等职业教育专科英语课程标准（2021年版）》，遵循《高等学校课程思政建设指导纲要》的要求，参照《中国英语能力等级量表》四级和五级能力要求，立足高职英语教学实际，进行设计和编写，既注重提升学生的核心素养、促进普职融通，又全方位融入课程思政，落实立德树人根本任务。
          </p>
          <p class="center primary-title-color"><b>一、教材编写理念</b></p>
          <p><span class="kaiti">1.全面贯彻落实新课程标准要求</span></p>
          <p>
            《新标准通用职场英语》系列教材全面对标《高等职业教育专科英语课程标准（2021年版）》，充分突出高职英语课程的思想性、科学性、职业性、时代性，关注各学段的衔接性，实现价值引领，培养学生的必备能力和关键能力。
          </p>
          <p>
            <span class="kaiti"
              >2.全程融入课程思政，彰显语言课程的育人功能</span
            >
          </p>
          <p>
            教材从单元主题、素材选取、练习设置等各方面综合设计，紧密联系中国社会和文化，弘扬正能量。在提升学生核心素养的同时，引导学生关注社会，关注他人，潜移默化地培养学生的家国情怀和人文素养，增强学生在多元文化交流环境中讲述中国故事和推介中国文化的能力。教材以“立德树人”为根本任务，立足新时代中国职业教育大背景，以职业为关键词，选取职业与个人、职业与社会、职业与环境主题的语言材料，在助力语言教学的同时，引导学生贡献社会、关心社会、爱岗敬业，实现公共英语课程培根铸魂、启智增慧的功能，促进学生全面发展。
          </p>
          <p><span class="kaiti">3.基于产出导向理念，实施项目化教学</span></p>
          <p>
            教材基于产出导向的理念，打破传统听、说、读、写分板块编写的体例，进行一单元一项目的项目化教学设计，综合运用听、说、读、写、看等多种语言技能和融媒体手段，搭建语言支架，层层递进，环环相扣，助力学生最终完成单元项目任务。
          </p>
        </div>
      </div>
    </div>
    <!-- 4 -->
    <div class="page-box" page="4">
      <div class="mb-20" style="padding-right: 20px;">
        <div class="primary-bc fl al-end" style="height: 100px;padding-left: 40px;">
          <div class="preface-header-box y-bc">
            <span class="l-text">新标准通用职场英语</span>
            <span class="g-text g-color">基础模块一</span>
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="mb-20" style="padding-right: 20px">
          <div
            class="primary-bc fl al-end"
            style="height: 100px; padding-left: 40px"
          >
            <div class="preface-header-box y-bc">
              <span class="l-text">新标准通用职场英语</span>
              <span class="g-text g-color">基础模块一</span>
            </div>
          </div>
        </div>
      </div>
      <div class="padding-93">
        <p><span class="kaiti">4.满足教与学的多元需求</span></p>
        <p>
          高职扩招之后，学生呈多元化层级结构，对学习的需求也变得多元化。本套教材，基于高职学生公共英语课程的现状调研，聚焦教学内容、教学活动、教学模式等方面，着力开发新形态教材和相关资源，满足高职院校学生的多种学习需求。
        </p>
        <p class="center primary-title-color"><b>二、教材体系设计</b></p>
        <p><span class="kaiti">1.项目为导向的单元设计</span></p>
        <p>
          每个单元包含三个子项目。输入材料由浅入深，从语言、内容、结构上逐渐搭建支架，引领学生有针对性地探索、学习，最终完成单元项目。
        </p>
        <p><span class="kaiti">2.职场为导向的情境设置</span></p>
        <p>
          将单元项目融入职场情境，结合行业和企业对高职学生语言技能的要求，从求职应聘、生产服务、营销售后等典型职业场景规划语言学习内容，创设学习情境和具体学习任务，培养学生在职场环境中用英语进行沟通的能力及解决职场问题的能力。
        </p>
        <p><span class="kaiti">3.混合式学习为导向的教学模式</span></p>
        <p>
          依托北师大“京师乐学”和“京师E课”平台，开发与教材深度融合的移动数字级创新慕课平台。数字课程包含视频微课、在线练习、互动讨论等，与教材有机结合，相互依托。线上线下深度融合，赋能教学。
        </p>
        <p class="center primary-title-color"><b>三、教材特色</b></p>
        <p>1.紧扣新课标要求，突出学生核心素养培养，落实立德树人根本任务</p>
        <p>
          基于学生现有的英语水平和未来的工作需求，针对基础模块课程，结合职场情境设计任务，通过多模态语篇和不同类型体裁的学习素材，夯实学生的听、说、读、写、译、看等技能，提高学生的职场涉外沟通能力，开拓学生的国际视野。单元项目设置聚焦思辨和创新思维训练，旨在提升学生的语言思维能力，使其养成善于探究的思维品格。自我评估环节旨在检测学生的学习效果，使其适时调整学习策略，促进自主学能的提升。
        </p>
        <p>
          <span class="kaiti">2.运用信息技术，建设融媒体资源，赋能教学</span>
        </p>
        <p>
          在遵循语言习得规律的基础上，探究将传统纸质教材融入丰富的融媒体教学资源的路径与方法，充分利用现代化的教学手段和出版社的信息化平台，克服传统教材知识容量有限、内容更新周期慢、图文形式单一、缺乏与学生的互动和反馈等的局限性，针对当代学生依赖互联网、注重阅读体验、感知和接受新事物
        </p>
      </div>
      <div class="preface-bottom">
        <span class="num-box">2</span>
        <div class="padding-93">
          <p><span class="kaiti">4.满足教与学的多元需求</span></p>
          <p>
            高职扩招之后，学生呈多元化层级结构，对学习的需求也变得多元化。本套教材，基于高职学生公共英语课程的现状调研，聚焦教学内容、教学活动、教学模式等方面，着力开发新形态教材和相关资源，满足高职院校学生的多种学习需求。
          </p>
          <p class="center primary-title-color"><b>二、教材体系设计</b></p>
          <p><span class="kaiti">1.项目为导向的单元设计</span></p>
          <p>
            每个单元包含三个子项目。输入材料由浅入深，从语言、内容、结构上逐渐搭建支架，引领学生有针对性地探索、学习，最终完成单元项目。
          </p>
          <p><span class="kaiti">2.职场为导向的情境设置</span></p>
          <p>
            将单元项目融入职场情境，结合行业和企业对高职学生语言技能的要求，从求职应聘、生产服务、营销售后等典型职业场景规划语言学习内容，创设学习情境和具体学习任务，培养学生在职场环境中用英语进行沟通的能力及解决职场问题的能力。
          </p>
          <p><span class="kaiti">3.混合式学习为导向的教学模式</span></p>
          <p>
            依托北师大“京师乐学”和“京师E课”平台，开发与教材深度融合的移动数字级创新慕课平台。数字课程包含视频微课、在线练习、互动讨论等，与教材有机结合，相互依托。线上线下深度融合，赋能教学。
          </p>
          <p class="center primary-title-color"><b>三、教材特色</b></p>
          <p>1.紧扣新课标要求，突出学生核心素养培养，落实立德树人根本任务</p>
          <p>
            基于学生现有的英语水平和未来的工作需求，针对基础模块课程，结合职场情境设计任务，通过多模态语篇和不同类型体裁的学习素材，夯实学生的听、说、读、写、译、看等技能，提高学生的职场涉外沟通能力，开拓学生的国际视野。单元项目设置聚焦思辨和创新思维训练，旨在提升学生的语言思维能力，使其养成善于探究的思维品格。自我评估环节旨在检测学生的学习效果，使其适时调整学习策略，促进自主学能的提升。
          </p>
          <p>
            <span class="kaiti">2.运用信息技术，建设融媒体资源，赋能教学</span>
          </p>
          <p>
            在遵循语言习得规律的基础上，探究将传统纸质教材融入丰富的融媒体教学资源的路径与方法，充分利用现代化的教学手段和出版社的信息化平台，克服传统教材知识容量有限、内容更新周期慢、图文形式单一、缺乏与学生的互动和反馈等的局限性，针对当代学生依赖互联网、注重阅读体验、感知和接受新事物
          </p>
        </div>
        <div class="preface-bottom">
          <span class="num-box">2</span>
        </div>
      </div>
    </div>
    <!-- 5 -->
    <div class="page-box" page="5">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class="left primary-bc "></li>
        <li>
          <span class="primary-bc">前&nbsp;言</span>
          <span class="y-bc"></span>
        </li>
      </ul>
      <div class="padding-93">
        <p class="t0">
          能力强的特点，更新教材内容和呈现形式，应用信息技术和资源，形成“纸质教材+微课堂+云资源”
          等融媒体教学资源的线上线下教学新形态，满足学生碎片化学习、自主学习、个性化学习的需求，增加学生的参与度，从而提高学生的学习效率。
        </p>
        <p class="center"><b>四、教材创新</b></p>
        <p><span class="kaiti">1.项目导向，任务创设情境化</span></p>
        <p>
          教材编写团队紧扣新课标主题类别话题要求，以层层递进的项目化任务为引领，通过引导学生完成精心设计的情境语言任务，帮助学生全面学习并掌握与主题和情境相关的语言文化知识，提高学生的语言沟通交流能力。
        </p>
        <p><span class="kaiti">2.学用结合，能力培养系统化</span></p>
        <p>
          教材采用系统化的教学设计，以发展学生的核心素养为核心，将学用结合的原则贯穿教学活动全过程，让学生习得的技能有用武之地。
        </p>
        <p class="center"><b>五、编写队伍</b></p>
        <p>
          《新标准通用职场英语》系列教材由成都纺织高等专科学校的王朝晖担任总主编，由四川文轩职业学院的刘大利、四川建筑职业技术学院的罗忠明和邓冬至担任主编，本册由成都纺织高等专科学校的贾丽萍、成都职业技术学院的刘海燕、四川开放大学的侯书华担任副主编。具体编写人员均为多年从事高职公共英语教学与研究的领军人物、骨干教师、双师型素质教师。编写团队教学、管理经验丰富，熟悉语言教学规律，了解职业教育理念，关注职业教育教学的政策和动态，确保了本套教材的编写质量。
        </p>
        <p>
          囿于水平，教材疏漏之处难免。我们真诚欢迎专家、师生对教材提出宝贵意见和建议，以便我们动态完善教材，更好地服务高职外语教育教学，服务广大师生。
        </p>
      </div>
      <div class="preface-bottom" style="margin-top: 236px">
        <span class="num-box">3</span>
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <ul class="preface-odd-header w100 fl ju-bt">
          <li class="left primary-bc"></li>
          <li>
            <span class="primary-bc">前&nbsp;言</span>
            <span class="y-bc"></span>
          </li>
        </ul>
        <div class="padding-93">
          <p class="t0">
            能力强的特点，更新教材内容和呈现形式，应用信息技术和资源，形成“纸质教材+微课堂+云资源”
            等融媒体教学资源的线上线下教学新形态，满足学生碎片化学习、自主学习、个性化学习的需求，增加学生的参与度，从而提高学生的学习效率。
          </p>
          <p class="center"><b>四、教材创新</b></p>
          <p><span class="kaiti">1.项目导向，任务创设情境化</span></p>
          <p>
            教材编写团队紧扣新课标主题类别话题要求，以层层递进的项目化任务为引领，通过引导学生完成精心设计的情境语言任务，帮助学生全面学习并掌握与主题和情境相关的语言文化知识，提高学生的语言沟通交流能力。
          </p>
          <p><span class="kaiti">2.学用结合，能力培养系统化</span></p>
          <p>
            教材采用系统化的教学设计，以发展学生的核心素养为核心，将学用结合的原则贯穿教学活动全过程，让学生习得的技能有用武之地。
          </p>
          <p class="center"><b>五、编写队伍</b></p>
          <p>
            《新标准通用职场英语》系列教材由成都纺织高等专科学校的王朝晖担任总主编，由四川文轩职业学院的刘大利、四川建筑职业技术学院的罗忠明和邓冬至担任主编，本册由成都纺织高等专科学校的贾丽萍、成都职业技术学院的刘海燕、四川开放大学的侯书华担任副主编。具体编写人员均为多年从事高职公共英语教学与研究的领军人物、骨干教师、双师型素质教师。编写团队教学、管理经验丰富，熟悉语言教学规律，了解职业教育理念，关注职业教育教学的政策和动态，确保了本套教材的编写质量。
          </p>
          <p>
            囿于水平，教材疏漏之处难免。我们真诚欢迎专家、师生对教材提出宝贵意见和建议，以便我们动态完善教材，更好地服务高职外语教育教学，服务广大师生。
          </p>
        </div>
        <div class="preface-bottom" style="margin-top: 236px">
          <span class="num-box">3</span>
        </div>
      </div>
    </div>

  </div>
</template>

<script>

export default {
  name: "page-header",
  props: {
    showPageList: {
      type: Array,
    },
  },
  data() {
    return {
      rawData: {
        left: [
          {
            oldId: "FB34",
            txt: "1",
          },
          {
            oldId: "64D6",
            txt: "2",
          },
          {
            oldId: "2ED4",
            txt: "3",
          },
          {
            oldId: "44DE",
            txt: "4",
          },
          {
            oldId: "A701",
            txt: "5",
          },
          {
            oldId: "A865",
            txt: "6",
          },
          {
            oldId: "D2A3",
            txt: "7",
          },
        ],
        right: [
          {
            oldId: "64D6",
            txt: "B",
          },
          {
            oldId: "FB34",
            txt: "A",
          },
          {
            oldId: "2ED4",
            txt: "C",
          },
          {
            oldId: "44DE",
            txt: "D",
          },
          {
            oldId: "A701",
            txt: "E",
          },
          {
            oldId: "D2A3",
            txt: "G",
          },
          {
            oldId: "A865",
            txt: "F",
          },
        ],
      },
      value: [],
      question: {
        KnowledgePoint: "123",
        analysis: "123",
        answer: [
          {
            id: "FB34",
            linkValue: "A",
            value: "1",
          },
          {
            id: "64D6",
            linkValue: "B",
            value: "2",
          },
          {
            id: "2ED4",
            linkValue: "C",
            value: "3",
          },
          {
            id: "44DE",
            linkValue: "D",
            value: "4",
          },
          {
            id: "A701",
            linkValue: "E",
            value: "5",
          },
          {
            id: "A865",
            linkValue: "F",
            value: "6",
          },
          {
            id: "D2A3",
            linkValue: "G",
            value: "7",
          },
        ],
        optionStyle:undefined,
        id: 489306,
        options: {
          linkValues: [
            {
              oldId: "64D6",
              txt: "B",
            },
            {
              oldId: "FB34",
              txt: "A",
            },
            {
              oldId: "2ED4",
              txt: "C",
            },
            {
              oldId: "44DE",
              txt: "D",
            },
            {
              oldId: "A701",
              txt: "E",
            },
            {
              oldId: "D2A3",
              txt: "G",
            },
            {
              oldId: "A865",
              txt: "F",
            },
          ],
          values:[
          {
            oldId: "FB34",
            txt: "1",
          },
          {
            oldId: "64D6",
            txt: "2",
          },
          {
            oldId: "2ED4",
            txt: "3",
          },
          {
            oldId: "44DE",
            txt: "4",
          },
          {
            oldId: "A701",
            txt: "5",
          },
          {
            oldId: "A865",
            txt: "6",
          },
          {
            oldId: "D2A3",
            txt: "7",
          },
          ]
        },
        questionType: "matching",
        stem:{
          stemTxt: "按顺序连线"
        },
        stemStyle: undefined,
        titleDescription: "1",
        userChoise:[],
        value:[]
      },
    };
  },
};
</script>