src/App.vue
@@ -23,6 +23,8 @@ </kindergartenLanguageActivity> <aurturingAndEducationAged0to3 v-if="activeBook.name == 'aurturingAndEducationAged0to3'"> </aurturingAndEducationAged0to3> <preschoolEvaluation v-if="activeBook.name == 'preschoolEvaluation'"> </preschoolEvaluation> </div> </template> <script> @@ -69,6 +71,7 @@ preschoolGameGuidance: () => import("./books/preschoolGameGuidance/view/index.vue"), kindergartenLanguageActivity: () => import("./books/kindergartenLanguageActivity/view/index.vue"), aurturingAndEducationAged0to3: () => import("./books/aurturingAndEducationAged0to3/view/index.vue"), preschoolEvaluation: () => import("./books/preschoolEvaluation/view/index.vue") }, data() { return { @@ -114,13 +117,14 @@ // childcareInstitutionsManagement //托育机构管理与实务 // toddlerGameImplementation //婴幼儿游戏活动实施 // preschoolGameGuidance //学前游戏指导 preschoolGameGuidance // kindergartenLanguageActivity // kindergartenLanguageActivity //幼儿园语言教育与活动指导 // aurturingAndEducationAged0to3 //0~3岁婴幼儿抚育与教育 // preschoolEvaluation // 学前教育评价 this.activeBook = await this.config.getBookConfig( process.env.VUE_APP_RESOURCE_CTX + (process.env.VUE_APP_ENV == "product" ? process.env.VUE_APP_BOOK_ID : "aurturingAndEducationAged0to3") : "preschoolEvaluation") ); // this.activeBook = await this.config.getBookConfig( src/books/preschoolEvaluation/assets/Fonts/FZHTJW.ttfBinary files differ
src/books/preschoolEvaluation/assets/Fonts/FZLTXIHJW.ttfBinary files differ
src/books/preschoolEvaluation/assets/Fonts/FZLTZHJW.ttfBinary files differ
src/books/preschoolEvaluation/assets/images/0020-1.jpg
src/books/preschoolEvaluation/assets/images/0029-1.jpg
src/books/preschoolEvaluation/assets/images/0031-1.jpg
src/books/preschoolEvaluation/assets/images/0032-1.jpg
src/books/preschoolEvaluation/assets/images/0034-1.jpg
src/books/preschoolEvaluation/assets/images/0034-2.jpg
src/books/preschoolEvaluation/assets/images/0035-1.jpg
src/books/preschoolEvaluation/assets/images/0035-2.jpg
src/books/preschoolEvaluation/assets/images/0035-3.jpg
src/books/preschoolEvaluation/assets/images/0035-4.jpg
src/books/preschoolEvaluation/assets/images/0035-5.jpg
src/books/preschoolEvaluation/assets/images/0035-6.jpg
src/books/preschoolEvaluation/assets/images/0035-7.jpg
src/books/preschoolEvaluation/assets/images/0037-1.jpg
src/books/preschoolEvaluation/assets/images/0038-1.jpg
src/books/preschoolEvaluation/assets/images/0039-1.jpg
src/books/preschoolEvaluation/assets/images/0041-1.jpg
src/books/preschoolEvaluation/assets/images/0043-1.jpg
src/books/preschoolEvaluation/assets/images/0048-1.jpg
src/books/preschoolEvaluation/assets/images/0049-1.jpg
src/books/preschoolEvaluation/assets/images/0049-2.jpg
src/books/preschoolEvaluation/assets/images/0050-1.jpg
src/books/preschoolEvaluation/assets/images/0050-2.jpg
src/books/preschoolEvaluation/assets/images/0070-1.jpg
src/books/preschoolEvaluation/assets/images/0074-1.jpg
src/books/preschoolEvaluation/assets/images/0075-1.jpg
src/books/preschoolEvaluation/assets/images/0076-2.jpg
src/books/preschoolEvaluation/assets/images/0080-1.jpg
src/books/preschoolEvaluation/assets/images/0083-1.jpg
src/books/preschoolEvaluation/assets/images/0084-1.jpg
src/books/preschoolEvaluation/assets/images/0086-1.jpg
src/books/preschoolEvaluation/assets/images/0105-1.jpg
src/books/preschoolEvaluation/assets/images/0105-2.jpg
src/books/preschoolEvaluation/assets/images/0109-1.jpg
src/books/preschoolEvaluation/assets/images/0110-2.jpg
src/books/preschoolEvaluation/assets/images/0111-1.jpg
src/books/preschoolEvaluation/assets/images/0112-1.jpg
src/books/preschoolEvaluation/assets/images/0113-1.jpg
src/books/preschoolEvaluation/assets/images/0113-2.jpg
src/books/preschoolEvaluation/assets/images/0115-1.jpg
src/books/preschoolEvaluation/assets/images/0115-2.jpg
src/books/preschoolEvaluation/assets/images/0116-1.jpg
src/books/preschoolEvaluation/assets/images/0116-2.jpg
src/books/preschoolEvaluation/assets/images/0117-1.jpg
src/books/preschoolEvaluation/assets/images/0118-1.jpg
src/books/preschoolEvaluation/assets/images/0129-1.jpg
src/books/preschoolEvaluation/assets/images/0132-1.jpg
src/books/preschoolEvaluation/assets/images/0138-1.jpg
src/books/preschoolEvaluation/assets/images/0141-1.jpg
src/books/preschoolEvaluation/assets/images/0142-1.jpg
src/books/preschoolEvaluation/assets/images/0149-1.jpg
src/books/preschoolEvaluation/assets/images/0152-1.jpg
src/books/preschoolEvaluation/assets/images/0153-1.jpg
src/books/preschoolEvaluation/assets/images/0160-1.jpg
src/books/preschoolEvaluation/assets/images/0163-1.jpg
src/books/preschoolEvaluation/assets/images/0163-2.jpg
src/books/preschoolEvaluation/assets/images/0163-3.jpg
src/books/preschoolEvaluation/assets/images/0163-4.jpg
src/books/preschoolEvaluation/assets/images/0166-2.jpg
src/books/preschoolEvaluation/assets/images/0175-1.jpg
src/books/preschoolEvaluation/assets/images/0176-1.jpg
src/books/preschoolEvaluation/assets/images/0177-1.jpg
src/books/preschoolEvaluation/assets/images/0178-1.jpg
src/books/preschoolEvaluation/assets/images/0179-1.jpg
src/books/preschoolEvaluation/assets/images/0179-3.jpg
src/books/preschoolEvaluation/assets/images/0180-1.jpg
src/books/preschoolEvaluation/assets/images/0180-5.jpg
src/books/preschoolEvaluation/assets/images/0183-1.jpg
src/books/preschoolEvaluation/assets/images/0183-2.jpg
src/books/preschoolEvaluation/assets/images/0184-1.jpg
src/books/preschoolEvaluation/assets/images/0189-1.jpg
src/books/preschoolEvaluation/assets/images/0192-1.jpg
src/books/preschoolEvaluation/assets/images/0195-1.jpg
src/books/preschoolEvaluation/assets/images/0195-2.jpg
src/books/preschoolEvaluation/assets/images/0197-1.jpg
src/books/preschoolEvaluation/assets/images/0200-1.jpg
src/books/preschoolEvaluation/assets/images/0201-1.jpg
src/books/preschoolEvaluation/assets/images/0203-1.jpg
src/books/preschoolEvaluation/assets/images/0203-3.jpg
src/books/preschoolEvaluation/assets/images/0206-1.jpg
src/books/preschoolEvaluation/assets/images/0207-1.jpg
src/books/preschoolEvaluation/assets/images/0207-2.jpg
src/books/preschoolEvaluation/assets/images/0209-1.jpg
src/books/preschoolEvaluation/assets/images/0210-1.jpg
src/books/preschoolEvaluation/assets/images/0212-1.jpg
src/books/preschoolEvaluation/assets/images/0214-1.jpg
src/books/preschoolEvaluation/assets/images/0236-1.jpg
src/books/preschoolEvaluation/assets/images/0237-1.jpg
src/books/preschoolEvaluation/assets/images/0239-1.jpg
src/books/preschoolEvaluation/assets/images/0241-1.jpg
src/books/preschoolEvaluation/assets/images/0243-1.jpg
src/books/preschoolEvaluation/assets/images/0244-1.jpg
src/books/preschoolEvaluation/assets/images/0246-1.jpg
src/books/preschoolEvaluation/assets/images/0246-2.jpg
src/books/preschoolEvaluation/assets/images/0248-1.jpg
src/books/preschoolEvaluation/assets/images/0250-1.jpg
src/books/preschoolEvaluation/assets/images/0251-1.jpg
src/books/preschoolEvaluation/assets/images/0259-1.jpg
src/books/preschoolEvaluation/assets/images/0265-1.jpg
src/books/preschoolEvaluation/assets/images/0269-1.jpg
src/books/preschoolEvaluation/assets/images/0270-1.jpg
src/books/preschoolEvaluation/assets/images/0277-2.jpg
src/books/preschoolEvaluation/assets/images/0279-1.jpg
src/books/preschoolEvaluation/assets/images/0280-1.jpg
src/books/preschoolEvaluation/assets/images/0287-1.jpg
src/books/preschoolEvaluation/assets/images/0289-1.jpg
src/books/preschoolEvaluation/assets/images/Cover.jpg
src/books/preschoolEvaluation/assets/images/FD.jpg
src/books/preschoolEvaluation/assets/images/SMY.jpg
src/books/preschoolEvaluation/assets/images/al.png
src/books/preschoolEvaluation/assets/images/bzxj.png
src/books/preschoolEvaluation/assets/images/ckwx.jpg
src/books/preschoolEvaluation/assets/images/feiye.png
src/books/preschoolEvaluation/assets/images/gjsy.png
src/books/preschoolEvaluation/assets/images/icon/heart-check.png
src/books/preschoolEvaluation/assets/images/icon/heart.png
src/books/preschoolEvaluation/assets/images/jyhd.png
src/books/preschoolEvaluation/assets/images/p1.jpg
src/books/preschoolEvaluation/assets/images/p2.jpg
src/books/preschoolEvaluation/assets/images/p3.jpg
src/books/preschoolEvaluation/assets/images/skt.png
src/books/preschoolEvaluation/assets/images/tzsp.jpg
src/books/preschoolEvaluation/assets/images/tzwb.jpg
src/books/preschoolEvaluation/assets/images/tzzs.jpg
src/books/preschoolEvaluation/assets/images/yemei-left.png
src/books/preschoolEvaluation/assets/images/yemei-right.png
src/books/preschoolEvaluation/assets/images/z1.jpg
src/books/preschoolEvaluation/assets/images/z2.jpg
src/books/preschoolEvaluation/assets/images/z3.jpg
src/books/preschoolEvaluation/assets/images/z4.jpg
src/books/preschoolEvaluation/assets/images/z5.jpg
src/books/preschoolEvaluation/assets/images/z6.jpg
src/books/preschoolEvaluation/assets/images/z7.jpg
src/books/preschoolEvaluation/assets/images/z8.jpg
src/books/preschoolEvaluation/assets/images/z9.jpg
src/books/preschoolEvaluation/assets/images/zstp.jpg
src/books/preschoolEvaluation/assets/main.less
New file @@ -0,0 +1,2539 @@ .preschoolEvaluation { width: 100%; height: 100%; // 自定义内容 .page-box { box-sizing: border-box; min-height: 1128px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; position: relative; } .max-400 { max-width: 400px; } .foreword { line-height: 10px !important; margin-top: 0; } .c-g { color: green; } .c-r { color: red; } .t-right { text-align: right; } .mr-0 { margin: 0 !important; } .mr-9 { margin-right: 9%; } .ml-9 { margin-left: 9%; } .ml-2e { margin-left: 2em; } .mt--25 { margin-top: -25px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-50 { margin-top: 50px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-10 { margin-bottom: 10px; } .pd-5 { padding: 0 5px; } .w100 { width: 100%; } .mk-img { height: 100%; } .w90 { width: 90%; } .w80 { width: 80%; } .b0 { border: 0; } .tal-j { font-size: 23px; font-family: "宋体"; display: inline-block; width: 100px; text-align-last: justify; } sup { vertical-align: super; /* 保持上标对齐方式 */ font-size: smaller; // position: relative; /* 相对于正常位置调整 */ // top: -0.2em; /* 根据需要调整这个值 */ } .fz-13 { font-size: 13px !important; } .fz-14 { font-size: 14px !important; } .fz-15 { font-size: 15px !important; } .fz-16 { font-size: 16px !important; } .fz-18 { font-size: 18px !important; } .fz-20 { font-size: 20px !important; } .fz-23 { font-size: 23px !important; } .fm-kt { font-family: "kaiti"; } .fm-st { font-family: "宋体"; } .img-0 { width: 100%; } .pt-10 { padding-top: 10px; } .pt-20 { padding-top: 20px; } .td-0 { text-indent: 0em !important; } .td-1 { text-indent: 1em !important; } .td-2 { text-indent: 2em !important; } .fl { display: flex; } .ju-cn { justify-content: center; } .ju-ev { justify-content: space-evenly; } .fd-c { flex-direction: column; } .fd-r { flex-direction: row-reverse; } .al-c { align-items: center; } .al-fe { align-items: flex-end; } .ac-f { align-content: flex-end; } .jc-fe { justify-content: flex-end; } .jc-c { justify-content: center; } .jc-sa { justify-content: space-around } .mr-70 { margin-right: 70px; } .mr-45 { margin-right: 45px; } .mr-10 { margin-right: 10px; } .mr-5 { margin-right: 5px; } .ma-l { margin-left: 10%; } .ta-l { text-align: left !important; } .wh-no { white-space: nowrap; } .pad-t-55 { padding-top: 55px; } .pad-l-60 { padding-left: 60px; } .mb-25 { margin-bottom: 25px; } .mb-45 { margin-bottom: 45px; } .headerImg { width: 30px; } .footer-right { font-size: 13px; position: absolute; bottom: 50px; right: 13%; } .footer-left { font-size: 13px; padding: 0; position: absolute; bottom: 50px; left: 13%; } .footerText { margin-right: 15px; font-weight: 200; } .footerText-left { margin-left: 15px; font-weight: 200; } .footerNumber { font-size: 15px; } .radioClass { margin: 0 0 0 4px !important; } .task-u2-c { width: 16%; margin-bottom: 6em; margin-top: 0; border-top: 0.7em solid #F89C1C; } .task-u3-c { width: 16%; margin-bottom: 6em; margin-top: 0; border-top: 0.7em solid #0A9CAC; } .task-u4-c { width: 16%; margin-bottom: 6em; margin-top: 0; border-top: 0.7em solid #92B03D; } .task-u5-c { width: 16%; margin-bottom: 6em; margin-top: 0; border-top: 0.7em solid #0180CD; } .p-odd { padding-right: 2%; } .p-even { padding-left: 2%; } .img-float-smaller { width: 200px; float: left; height: auto; margin: auto; margin-right: 20px; } .img-float-medium { width: 250px; float: left; height: auto; margin: auto; margin-right: 20px; } .img-float { width: 310px; float: left; height: auto; margin: auto; margin-right: 20px; p { margin: 0; } } .img-float-formula { width: 310px; float: left; height: auto; margin: auto; margin-right: 20px; p { margin: 0; } } .img-rights { width: 47%; float: right; height: auto; margin: auto; margin-left: 20px; p { margin: 0; } } .references { margin-top: 140px; hr { font-weight: bold; margin-left: 0; width: 15%; } } .w430 { width: 430px; } .w395 { width: 395px; } .w365 { width: 365px; } .w300 { width: 300px; } .w290 { width: 290px; } .w280 { width: 280px; } .w270 { width: 270px; } .w260 { width: 260px; } .w250 { width: 250px; } .w230 { width: 230px; } .w220 { width: 220px; } .w210 { width: 210px; } .w200 { width: 200px; } .w190 { width: 190px; } .w180 { width: 180px; } .w170 { width: 170px; } .w160 { width: 160px; } .w150 { width: 150px; } .w140 { width: 140px; } .w135 { width: 135px; } .w130 { width: 130px; } .w120 { width: 120px; } .w115 { width: 115px; } .w40 { width: 40% !important; } .w25 { width: 25%; } .w20 { width: 20%; } .w15 { width: 15%; } .w10 { width: 10%; } .table-th-bc { color: #00AEEF; background-color: #C6EAFA; line-height: 25px; } .table-tr-bc { background-color: #E1F4FC; line-height: 25px; p { font-family: 'Times New Roman', Times, serif; font-size: 14px; } } .jc-img { margin-bottom: -5px; cursor: pointer; } .textarea-box { width: 100%; overflow: auto; word-break: break-all; resize: none; border: 1px solid #01AFEE; border-radius: 5px; background-color: rgba(255, 255, 255, 0); } .table-title-bc { background-color: #8091BC; color: #fff; line-height: 25px; } .table-textarea { font-size: 18px; font-family: "Times New Roman", "宋体"; resize: none; width: 90%; background-color: transparent; margin-left: 40px; } .table-input-border { width: 80%; background-color: transparent; border: 0; &:focus { outline: none; } } .table-input-border-w20 { width: 20%; background-color: transparent; border: 0; &:focus { outline: none; } } .table-input-border-w15 { width: 15%; background-color: transparent; border: 0; &:focus { outline: none; } } .table-input-border-w10 { width: 10%; background-color: transparent; border: 0; &:focus { outline: none; } } .table-input-border-w5 { width: 5%; background-color: transparent; border: 0; &:focus { outline: none; } } .input-bottom-border { width: 11%; background-color: transparent; border: 0; border-bottom: 1px solid #000; &:focus { outline: none; } } .input-bottom-border1 { width: 33%; background-color: transparent; border: 0; border-bottom: 1px solid #000; &:focus { outline: none; } } .input-bottom-border2 { width: 21.5%; background-color: transparent; border: 0; border-bottom: 1px solid #000; &:focus { outline: none; } } // 视频 .video-box-cover { border: 1px dashed #40C7F4; padding: 2% 2%; } .video-box { margin: 30px 0 20px 0; border: 2px dashed #40C7F4; padding: 3% 2% 2% 2%; position: relative; } .video-img{ position: absolute; top: -20px; left: -20px; } .video-box-left { margin: 20px 8% 20px 0; border: 1px dashed #895B2E; padding: 2% 2%; } .videoname { display: flex; justify-content: center; } .sInput { width: 60px; border: 0; outline: none; text-align: center; } .collect-btn { cursor: pointer; width: 20px; height: 20px; margin-left: 10px; margin-top: 0.3%; } .collect-btn1 { cursor: pointer; width: 10px; height: 10px; margin-left: 10px; margin-top: 0.8%; } // 续表 .continued { text-align: right; margin: 0%; } .text-rights { width: 230px; float: right; height: auto; margin: auto; margin-left: 20px; img { width: 100%; } p { margin: 0 !important; } } .pdf-text { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; p { margin: 0; margin-right: 10px; } .pdf-con { display: flex; justify-content: flex-start; align-items: center; padding: 10px 0; box-sizing: border-box; border-radius: 10px; .pdf-view { min-width: 160px; display: flex; justify-content: center; align-items: center; border: 0.15em dashed #03AFED; margin-right: 15px; padding: 0 15px; border-radius: 5px; span { font-size: 14px; text-align: center; font-family: 'FZLTXIHJW'; display: flex; align-items: center; justify-content: flex-start; svg { fill: #03AFED; } } span:nth-child(2) { padding-top: 5px; box-sizing: border-box; } span:hover { color: #03AFED; cursor: pointer; text-decoration: underline; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* 标准语法 */ } } } .pdf-con-15 { margin-top: -20px; } } div.bk-ztgs { border: 0.15em dotted #5192c6; padding: 1.5em 0.5em; margin-bottom: 2em; margin-top: 2em; border-radius: 1em; position: relative; } p.bj1-ztgs { background-color: #5192c6; color: #ffffff; display: inline-block; font-size: 1em; padding: 0.1em 0.7em 0.12em 0.7em; font-weight: bold; border-radius: 0em; margin-left: 0em; text-align: center; text-indent: 0em; position: absolute; top: -1.2em; } .link-float { width: 120px; float: left; height: auto; margin: auto; margin-top: 12px; margin-right: 20px; } .imgBox-003 { width: 100%; height: 280px; margin-bottom: 18px; } .imgBox { display: flex !important; flex-direction: column-reverse !important; position: relative !important; .img { margin: 0 !important; font-size: 14px !important; position: absolute !important; left: 50% !important; transform: translateX(-50%); bottom: -2% !important; } img { height: 80%; } } // 题目 .textarea-box { background-color: transparent; max-width: 100%; min-width: 100%; outline: none; } .textarea-box-left { background-color: transparent; margin-left: 15%; max-width: 84%; min-width: 84%; outline: none; } .textarea-box-right { background-color: transparent; margin-left: 2em; margin-right: 9%; max-width: 95%; min-width: 95%; outline: none; } .textarea-focused { border-color: #5192c6 !important; box-shadow: #5192c6 !important; } .select-border { width: 60px; border: 0; border-bottom: 1px solid #767676; &:focus { outline: none; } } .btn-border { border-radius: 6px; border-color: #5192C6; } .btn-w { cursor: pointer; font-size: 14px; border-width: 1px; width: 80px; height: 30px; background-color: #fff; &:hover { background-color: #5192C6; color: #fff; } } .answertxt { color: #fff; background-color: #5192C6; padding: 0 2%; } .inputChoice { display: flex; align-items: center; input { margin: 0 5px; cursor: pointer; } span { cursor: pointer; } } .parimary-btn { cursor: pointer; min-width: 80px; height: 30px; font-size: 14px; margin-left: 5px; background-color: #5192C6; border-color: #5192C6; border-width: 1px; color: #fff; border-radius: 6px; &:hover { background-color: #a1afc8; border-color: #a1afc8; } } .event-header-text-bc { background-color: #D4F0FE; } // 迁移 ul { list-style-type: none; } li { list-style-type: none; } @font-face { font-family: 'FZLTZHJW'; src: url('Fonts/FZLTZHJW.ttf'); } @font-face { font-family: 'FZLTXIHJW'; src: url('Fonts/FZLTXIHJW.ttf'); } @font-face { font-family: 'FZHTJW'; src: url('Fonts/FZHTJW.ttf'); } .custom_tag2 { background-color: #F1BE49; color: #FFFFFF; display: inline-block; padding: 0.5px; border-radius: 1.5em; font-size: 1.1em; padding: 2px 10px 2px 10px; font-weight: bold; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } .custom_tag1 { background-color: #35ACD6; color: #FFFFFF; display: inline-block; padding: 1px; font-size: 1.1em; padding: 3px 10px 3px 10px; font-weight: bold; box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } .custom_tag { background-color: #35509F; color: #FFFFFF; display: inline-block; padding: 1px; border-radius: 1.5em; font-size: 1.1em; padding: 10px 20px 10px 20px; font-weight: bold; box-shadow: 30px 0px 0px 0px #F5D83E; margin: 0; text-indent: 0em; margin-bottom: 0.5em; } span.under1 { border-bottom: 2px solid #F0BD4A; border-width: 2px; } div.bodycontent-div-center { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; border-color: #dfb27d; padding: 1em; } img.bodycontent-divcenter-image { float: center; clear: both; height: 140px; margin: 15px; } .module_block { display: flex; font-size: 1.1em; position: relative; padding-left: 90px; justify-content: center; align-items: center; margin-right: 91px; } .module_block .custom1 { background-color: #9ACC77; padding: 10px 20px; color: #FFFFFF; /* position: absolute; */ /* left:0; */ /* top: 50%; */ border-radius: 0.5em 0em 0em 0.5em; /* transform: translateY(-50%); */ } .module_block .custom2 { background-color: #E9F3E0; padding: 10px 20px; color: #75A64E; font-weight: bold; border-radius: 0em 0.5em 0.5em 0em; } div.bodycontent-div-left1 { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; border-color: #dfb27d; padding: 1em; background-color: #F0F8FF; } div.bodycontent-div-left { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; border-color: #dfb27d; padding: 1em; } img.bodycontent-divright-image { float: right; clear: both; height: 140px; margin: 15px; } img.bodycontent-divleft-image { float: left; clear: both; height: 110px; margin: 15px; } div.bodystyle { font-family: 'FZLTXIHJW'; text-align: justify; margin: 0 14%; padding-bottom: 10%; line-height: 30px; hr { font-weight: 800; margin-left: 0; margin-top: 10px; margin-bottom: 10px; width: 25%; } } span.zt-0 { color: #0087AF; } p.pzt-0 { color: #0087AF; font-size: 18px; } p.pzt-0-right { font-size: 18px; color: #0087AF; text-align: right; } p.pzt-1 { font-weight: bold; color: #0087AF; font-size: 18px; } div.sgc-toc-title { font-size: 2em; font-weight: bold; margin-bottom: 1em; text-align: center; } div.sgc-toc-level-1 { margin-left: 0em; } div.sgc-toc-level-2 { margin-left: 2em; } div.sgc-toc-level-3 { margin-left: 2em; } div.sgc-toc-level-4 { margin-left: 2em; } div.sgc-toc-level-5 { margin-left: 2em; } div.sgc-toc-level-6 { margin-left: 2em; } .imz { width: 100%; text-align: center; } .note { font-size: 14px; } .block { color: #00ADEF; } .block1 { color: red; text-align: center; } .block2 { margin: 10px 0; line-height: 25px; } .block3 { margin: 5px 0; line-height: 20px; font-size: 14px; } .img { font-weight: bold; font-family: 'FZLTXIHJW'; text-align: center; font-size: 0.85em; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .img1 { font-weight: bold; color: #00ADEF; font-family: 'FZLTXIHJW'; text-align: center; font-size: 0.8em; margin-left: 0%; margin-right: 2em; text-indent: 0em; } p { text-indent: 2em; margin-top: 0; margin-bottom: 0.2em; line-height: 27px; text-align: justify; font-family: "宋体"; } .cover { width: 100%; padding: 0px; } .center { text-align: center; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .center-ss { text-align: center; color: #EF8472; font-weight: bold; margin-left: 0%; margin-right: 0%; text-indent: 0em; } .left { text-indent: 0em; margin-left: 0%; margin-right: 0%; } .left2 { font-size: 1.3em; text-indent: 0em; font-weight: bold; margin-left: 0%; margin-right: 0%; } .right { text-align: right; margin-left: 0%; margin-right: 0%; } .left1 { text-indent: 0em; margin-left: 0%; margin-right: 0%; } .center1 { text-align: center; margin-left: 0%; margin-right: 0%; font-size: 1.2em; text-indent: 0em; font-weight: bold; } .right1 { text-align: right; margin-left: 0%; margin-right: 0%; } .quote { margin-top: 0%; margin-bottom: 0%; margin-left: 1em; margin-right: 1em; text-align: justify; font-family: "cnepub", serif; } h1 { font-family: 'FZLTZHJW'; color: #01AFEE; font-weight: bold; font-size: 1.8em; text-align: center; margin-bottom: 1em; margin-top: 1em; text-indent: 0em; } .h1-zt { font-family: 'FZLTZHJW'; line-height: 2em; color: #01AFEE; font-weight: bold; font-size: 1.9em; margin-bottom: 1em; margin-top: -0.5em; text-indent: 0em; } .h1-bk { box-shadow: 0em 0.1em 0em 0em #C3C2C0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: none; padding: 0.1em 0.8em 0.1em 0.5em; font-weight: bold; color: #000000; margin-bottom: 1em; margin-top: 1em; } .front { font-family: 'FZLTZHJW'; font-weight: bold; font-size: 1.8em; color: #00ADEF; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; line-height: 3em; border-right: #000 solid 1px; padding-right: 5px; } .front1{ font-family: 'FZLTZHJW'; font-weight: bold; font-size: 1.5em; color: #00ADEF; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; border-right: #000 solid 1px; padding-right: 5px; } .zt-2 { font-size: 1.3em; font-weight: bold; background-color: #6DCFF6; border: 1px solid #00ADF2; } .zt-4 { font-family: 'FZLTZHJW'; color: #01AFEE; font-size: 1.8em; color: #00ADEF; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: right; } .zt-3 { font-size: 1.3em; font-weight: bold; border: 1px solid #00ADF2; } .left1 { text-indent: 3em; } h2 { font-family: 'FZHTJW'; color: #00ADEF; font-weight: bold; text-align: center; font-size: 1.6em; margin-bottom: 0em; margin-top: 1.5em; text-indent: 0em; } .h3-zt { color: #00ADEF; border-radius: 0.2em 0em 0em 0.2em; margin-bottom: 1em; margin-top: -0.5em; padding: 0.2em 0.5em 0.2em 0.5em; } .h3-zt1 { border-radius: 0em 0.2em 0.2em 0em; padding: 0.2em 0.5em 0.2em 0.5em; color: #00ADEF; margin-bottom: 1em; margin-top: -0.8em; } h3 { font-family: 'FZHTJW'; color: #03AFED; font-weight: bold; text-align: center; font-size: 1.5em; margin-bottom: 1.2em; margin-top: 1.2em; text-indent: 0em; } h4 { font-family: 'FZHTJW'; font-weight: bold; color: #03AFED; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.3em; text-indent: 2em; margin-left: 1.5em; } .h4-zt { color: #03AFED; border-radius: 0.2em; margin-bottom: 0em; margin-top: -0.5em; padding: 0.1em 0.2em 0.1em 0.2em; margin-left: -3.5em; margin-right: 0.2em; } h5 { font-family: 'FZHTJW'; border-radius: 1em; margin-bottom: 0.2em; margin-top: 0.2em; font-size: 1.1em; color: #03AFED; text-indent: 2em; } h6 { font-family: 'FZHTJW'; color: #00ADEF; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.1em; text-indent: 0em; border-bottom: 2px solid #00ADEF; } .h6-zt { font-weight: bold; font-family: 'FZHTJW'; color: #00ADEF; margin-bottom: 0.5em; margin-top: 1em; font-size: 1.05em; text-indent: 2em; } .bb { font-family: "cnepub", serif; font-family: 'FZHTJW'; color: #66CCCC; font-size: 1.1em; margin-top: 10px; text-indent: 2em; margin-bottom: 10px; border-bottom: 5px dotted #F4C388; margin-left: 2em; margin-bottom: 0.5em; text-indent: 0em; } .u { text-decoration: underline; } .img-0 { width: 100%; } .img-a { width: 95%; } .img-b { width: 70%; } .img-c { width: 60%; } .img-d { width: 50%; } .img-e { width: 45%; } .img-f { width: 40%; } .img-g { width: 30%; } .img-h { width: 20%; } .img-i { width: 10%; } .img-j { width: 5%; } .img-zt { height: 6em; margin-top: -1.5em; margin-bottom: -0.4em; margin-left: 15%; } .inline { height: 1.2em; margin-bottom: -0.3em; } .inline0 { height: 3em; } .inline0-1 { height: 2em; } .inline1 { height: 2.2em; margin-top: 0.5em; margin-bottom: -0.5em; } .inline2 { height: 2.3em; } .img-qj { height: 7.5em; margin-bottom: -3.4em; margin-right: 0.5em; } .bk-bwh { background-color: #DFEBF7; font-size: 1.2em; padding: 25px; border: 4px dotted #197ABF; } div.bj { margin-bottom: 0em; margin-top: -0.5em; margin-left: -2.8em; } .un1 { border-bottom: 2px solid #00ADEF; } .zt-1 { font-weight: bold; font-size: 1.2em; text-indent: 0em; } .zt-ls1 { color: #00ADEF; font-weight: bold; font-size: 1.2em; text-indent: 0em; } .zt-ls { color: #00ADEF; text-indent: 0em; font-weight: bold; } .zt-ht { text-indent: 0em; font-size: 1.2em; font-weight: bold; } span.lsyq-1 { background-color: #0082D4; padding: 0.2em 0.4em 0.2em 0.4em; border-radius: 1.2em; margin-right: 0.5em; color: #FFFFFF; font-weight: bold; font-size: 1.3em; } span.hsyq-1 { background-color: #FFB7D4; padding: 0.2em 0.4em 0.2em 0.4em; border-radius: 1.2em; margin-right: 0.5em; color: #FFFFFF; font-weight: bold; font-size: 1.3em; } .zt-hs1 { font-weight: bold; color: #F0855B; font-size: 1.2em; } .h1-zt1 { padding: 5px 25px 5px 25px; border-radius: 10px 0px 0px 10px; background-color: #5392C7; font-size: 1.2em; color: #FFFFFF; } .h1-zt2 { padding: 10px; background-color: #B1DDE0; margin-right: 2em; color: #FFFFFF; padding: 5px 50px 5px 25px; border-radius: 0px 5px 80px 0px; font-size: 1.2em; } div.bk { border: 2px solid #00ADEF; margin-top: 2em; margin-bottom: 1em; display: flex; } .bk-txt{ border-left: #00ADEF solid 1px; padding: 10px 10px; p{ font-family: "kaiti"; font-size: 15px; text-indent: 0; line-height: 25px; } } div.bk1 { margin-top: -2.5em; margin-bottom: 1em; margin-left: -0.5em; } div.bk-1 { margin-top: -2.7em; margin-bottom: 1.5em; margin-left: -0.5em; } div.bk2 { border: 2px dashed #00ADEF; padding: 3px 10px 3px 10px; margin-top: 2em; margin-bottom: 1em; } div.bk3 { background-color: #C7EAFD; border: 2px solid #12C1F8; padding: 3px 10px 3px 10px; margin-top: 2em; margin-bottom: 1em; } div.bk4 { border: 2px solid #00ADEF; padding: 1px; margin-top: 2em; margin-bottom: 1em; } div.bk4-1 { border: 2px solid #00ADEF; margin-right: 0.1em; margin-left: 0.1em; margin-top: 0.1em; margin-bottom: 0.1em; } span.bk { border: 2px solid #0BADF5; color: #0BADF5; font-size: 1.1em; font-weight: bold; padding: 3px 10px 3px 10px; margin-top: 2em; margin-bottom: 1em; } span.bj { border: 2px solid #00ADEF; font-weight: bold; color: #0BADF5; font-size: 1.1em; background-color: #A8DAF1; padding: 3px 10px 3px 10px; margin-top: 2em; margin-bottom: 1em; } p.bj1-qjms { background-color: #5392C7; color: #FFFFFF; display: inline-block; font-size: 1em; padding: 0.1em 0.7em 0.12em 0.7em; font-weight: bold; border-radius: 1.5em; margin-left: 0em; text-align: center; text-indent: 0em; position: absolute; top: -2em; } span.bj1 { background-color: #00ADEF; padding: 0.2em 1em 0.2em 1em; font-size: 1em; font-weight: bold; color: #FFFFFF; } div.tp { margin-bottom: 0.2em; margin-top: -3em; margin-left: 5.5em; } div.tp-1 { margin-bottom: 0.2em; margin-top: -3em; margin-left: 3.2em; } div.tp-2 { margin-bottom: 0.2em; margin-top: -2.8em; margin-left: 17.2em; } div.tp-3 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: 6em; } div.tp-4 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: 5em; } div.tp-5 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: 4em; } div.tp-6 { margin-bottom: 0.2em; margin-top: -2.7em; margin-left: 5em; } div.tp-7 { margin-bottom: 0.2em; margin-top: -2.8em; margin-left: 6em; } div.tp-8 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: -1.2em; } div.tp-9 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: -2.2em; } div.tp-10 { margin-bottom: 0.2em; margin-top: -2.9em; margin-left: -1.8em; } .rwmb-1 { height: 2.1em; } .rwmb-4 { margin-bottom: -0.6em; margin-top: 0.1em; margin-left: -1.8em; height: 2em; } .rwmb-5 { height: 2em; } .rwmb-2 { height: 2.6em; } .rwmb-3 { margin-bottom: -0.3em; margin-top: 0.1em; height: 2em; } .rwmb-6 { height: 2em; } span.bj2 { background-color: #00ADEF; padding: 0.2em 1.5em 0.2em 1em; font-size: 1.1em; font-weight: bold; text-indent: 0em; color: #FFFFFF; border-radius: 1.5em; } span.bj3 { background-color: #00ADEF; padding: 0.2em 1.5em 0.2em 1em; font-size: 1.1em; font-weight: bold; margin-left: -0.8em; color: #FFFFFF; border-radius: 1.5em; } span.bj4 { background-color: #6DCFF6; padding: 0.2em 1.5em 0.2em 1em; box-shadow: 0.2em 0.2em 0px 0px #00ADEF; font-size: 1.1em; font-weight: bold; margin-left: 0em; border-radius: 1.5em; } div.bj1 { background-color: #AAE0FA; padding: 0.2em 0.5em 0.2em 0.5em; border-radius: 1em; margin-bottom: 0.5em; margin-left: -0.6em; margin-right: -0.6em; margin-top: 0.5em; } div.bj2-1 { background-color: #9ADBF9; padding: 0.1px 0.5px 0.1px 0.5px; border-radius: 1.5em; margin-bottom: 0.2em; margin-left: -0.6em; margin-right: -0.6em; margin-top: -1.4em; } div.bj3 { background-color: #C7EAFD; padding: 0.8em 1.8em 0.5em 0.1em; border-radius: 1.5em; margin-bottom: 0.2em; margin-left: -0.6em; margin-right: -0.6em; margin-top: -1.4em; } span.bj3-xyx { background-color: #92B03E; color: #FFFFFF; border-radius: 1.5em; padding: 5px 20px 5px 20px; font-size: 1em; font-weight: bold; } .ts-1 { font-weight: bold; } .zt-h4 { background-color: #F0BD40; padding: 10px; color: #FFFFFF; margin-left: -2em; border-radius: 1.5em; } .qyls-h4 { font-family: "HiFont Hei GB"; color: #6CB26C; font-weight: bold; padding: 0.2em; text-indent: 0em; margin-left: 0%; } span.bj4-xyx { background-color: #FA9D1A; color: #FFFFFF; border-radius: 1.5em; padding: 5px 20px 5px 20px; font-size: 1em; font-weight: bold; } .bj5 { background-color: #CFCBDC; padding: 20px; border-radius: 1em; margin-bottom: 1em; margin-top: 2.5em; } span.bj5-xyx { background-color: #FFFFFF; color: #7D719F; border-radius: 0.5em 0.5em 0em 0em; padding: 5px 20px 5px 20px; font-size: 1em; font-weight: bold; } div.bj5-xyx { margin-top: -4em; margin-bottom: 1.5em; margin-left: -1.5em; } div.bj6 { margin-top: 1.6em; margin-bottom: -2.2em; margin-left: -1.3em; } span.bj6-xyx { background-color: #7B72A1; border-radius: 0.5em 0.5em 0em 0em; padding: 10px 20px 10px 20px; font-size: 1em; font-weight: bold; } .zt-lvs1 { color: #95B321; } .zt-cs { color: #FCA01B; } .zysx { margin-top: -2.2em; margin-left: -2em; } .zt-zysx { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; background-color: #24b8bc; border-radius: 1.5em; color: #FFFFFF; font-weight: bold; padding: 4px; font-size: 1.2em; box-shadow: 0.2em 0.2em 0px 0px #c1e3e4; } .zt-zysx1 { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; background-color: #96A7D5; border-radius: 1.5em; color: #FFFFFF; font-weight: bold; padding: 6px; font-size: 1.2em; } .zt-zysx2 { font-family: "DK-HEITI", "方正兰亭黑简体", "黑体"; background-color: #0071BD; font-size: 1.2em; } // 迁移结束 .frontOne { font-family: "宋体"; color: #fff; margin: 0 !important; font-size: 24px; position: absolute; width: 260px; height: 50px; line-height: 50px; } .rw-bg { width: 90%; height: 90px; position: relative; color: #00B1F5; margin-bottom: 1em; } div.bj3-xyx { position: absolute; top: -15px; left: -25px; } .f-kai { font-family: "kaiti"; } .qyls-h4 { font-family: "HiFont Hei GB"; padding: 0.2em 0; text-indent: 0em; margin-left: 0%; } div.bj6-xyx { position: absolute; top: -20px; } div.bj-1 { color: #fff; border-radius: 2em; margin-bottom: 1.5em; margin-top: 1.5em; } .bj-2-zt { color: #fff; font-weight: 400; font-size: 24px; line-height: 1.8em; } .bj-1-zt { font-family: kaiti; font-weight: 100; text-indent: 2em; color: #fff; font-size: 15px; line-height: 1.8em; } .bj-3-zt { font-size: 16px; color: #fff; font-weight: 400; line-height: 1.8em; } .rwmb-5 { width: 15%; position: absolute; top: -10px; left: -2px; } .title { width: 260px; height: 50px; text-align: center; margin: 0 auto; padding-top: 5%; position: relative; } } .pdfModal { width: 100%; height: 90vh; .pdfBox-component { width: 100%; height: 100%; position: relative; .preview { width: 100%; height: 100%; .imageBox { height: calc(100% - 30px); overflow-x: hidden; overflow-y: auto; background: #ccc; box-sizing: border-box; } .imageBox:hover { cursor: zoom-in !important; } ::v-deep .el-dialog__header { background-color: rgba(0, 0, 0, 0.8); .header_title { display: flex; justify-content: space-between; align-items: center; color: #fff; font-weight: 900; font-size: 16px; font-family: 'FZLTXIHJW'; span:nth-child(2):hover { cursor: pointer; } } ::v-deep .el-dialog__title, ::v-deep .el-dialog__headerbtn .el-dialog__close { color: #fff; font-weight: 900; font-size: 16px; font-family: 'FZLTXIHJW'; } } .bottom_tool { height: 30px; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: flex-end; align-items: center; svg { margin-right: 15px; fill: #d1d1d1; } svg:hover { fill: #fff; cursor: pointer; } } } .notBox { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 30px); min-height: 300px; } } } .custom-dialog { overflow: hidden !important; .el-dialog__body { padding: 0; } .el-dialog__header { background-color: rgba(0, 0, 0, 0.8); .header_title { display: flex; justify-content: space-between; align-items: center; color: #fff; font-weight: 900; font-size: 16px; font-family: 'FZLTXIHJW'; span:nth-child(2):hover { cursor: pointer; } } .el-dialog__title, .el-dialog__headerbtn .el-dialog__close { color: #fff; font-weight: 900; font-size: 16px; font-family: 'FZLTXIHJW'; } } } .header_title { display: flex; justify-content: space-between; align-items: center; // color: #fff; font-weight: 900; font-size: 16px; font-family: 'FZLTXIHJW'; span:nth-child(2):hover { cursor: pointer; } } // 页眉 .pad-l-14 { padding-left: 14%; } .pad-r-14 { padding-right: 14%; } .header-left { font-size: 14px; font-family: "FZHTJW"; position: relative; } .header-left-text{ font-size: 14px; margin-left: 10px; padding-left: 10px; border-left: #00ADEF solid 2px; } .header-left-img{ position: absolute; top: 60px; left: 19%; width: 22%; } .headerTextImg{ width: 2%; margin-right: 5px; } .headerText{ font-size: 14px; } .headerRightNumber{ font-size: 14px; border-left: #00ADEF solid 1px; padding-left: 10px; margin-left: 10px; } // // 隐藏页面 .hidePage { min-height: 0 !important; height: 0 !important; box-shadow: none !important; } /* 媒体查询做基础响应式布局 */ @media screen and (max-width: 1024px) { .pdfModal { width: 100%; height: 80vh; } h1 { font-size: 1.1em; } .custom-dialog { .el-dialog { width: 90vw !important; } } .span-box { display: inline-block; width: 8px; height: 8px; background-color: #FAAD70; } .span-text { font-size: 16px; font-weight: 100; padding: 0em 0.15em 0em 0.3em; } } @media screen and (max-width: 800px) { .pdfModal { width: 100%; height: 60vh; } .custom-dialog { .el-dialog { width: 90vw !important; } } } @media (max-width: 660px) { .preschoolEvaluation { /* 分页padding */ .padding-93 { padding: 0 20px; } .padding-102 { padding: 0 20px; } .page-box { min-height: 500px; } .max-400 { max-width: 200px; } .img-float { width: 130px; } .img-rights { width: 130px; } .btn-w { width: 42px; } .pad-l-10 { padding-left: 10%; } .mr-70 { margin-right: 15px; } h1 { font-size: 1.1em; } .footer-right { bottom: 1%; right: 13%; } .footer-left { bottom: 1%; } } } @media (min-width: 660px) { .preschoolEvaluation { .padding-93 { padding: 0 93px 0px 93px; } .padding-102 { padding: 0 102px 0 102px; } } } ::-webkit-scrollbar { width: 8px; height: 10px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.3); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.3); -webkit-border-radius: 6px; } src/books/preschoolEvaluation/view/components/chapter001.vue
New file @@ -0,0 +1,1044 @@ <template> <div class="chapter" num="2"> <!-- 封面 --> <div class="page-box mt-20" page="8" style="padding-bottom: 0px"> <div v-if="showPageList.indexOf(8) > -1"> <img class="img-0" alt="" src="../../assets/images/p1.jpg" /> </div> </div> <!-- 3页 --> <div class="page-box" page="9"> <div v-if="showPageList.indexOf(9) > -1"> <h2 id="b001"><img class="img-0" alt="" src="../../assets/images/z1.jpg" /></h2> <div style="padding: 3% 15% 10% 15%;"> <div class="bk"> <p class="td-0 img-f fl al-c jc-c"><span class="zt-ls1">学习<br>目标</span></p> <div class="bk-txt"> <p>学习完本章内容后,你应该能够:</p> <p>·了解学前教育评价的产生与发展;了解我国当前学前教育评价的现状与发展趋势;</p> <p>·掌握学前教育评价的特点、学前教育评价等有关基本概念以及学前教育评价的类型;</p> <p>·理解学前教育评价的意义、作用和原则;</p> <p>·根据要求运用不同类型的评价对学前教育活动开展具体的评价工作。</p> </div> </div> <p>对于初步接触“学前教育评价”课程的学习者来说,了解学前教育评价的产生与发展情况,了解我国当前学前教育评价的现状与发展趋势,理解学前教育评价的意义和作用是有必要的;在此基础上,还要掌握学前教育评价的类型、特点以及进行学前教育评价需要坚持的一些原则。这些基本内容就是本章需要大家学习的。 </p> <h3 id="c001"><span class="h3-zt">第一节</span><span class="h3-zt1">学前教育评价的产生与发展</span></h3> <h4 id="d001"><span class="h4-zt">一、</span>学前教育评价的含义</h4> <p>把握和理解学前教育评价的内涵,首先要从认识和理解评价说起。有了对评价本质的认识,再来谈教育评价和学前教育评价才有依据。</p> <h5 id="e001">(一)评价</h5> <p>所谓评价,《新华字典》给予的解释是“对事物估定价值”,也就是评定事物价值的大小。就其本质而言,评价是一种价值判断活动,“是主体对于客体有 </p> <div class="video-box"> <p class="video-img"><img class="rwmb-1" alt="" src="../../assets/images/tzsp.jpg" /></p> <p class="center text td-0"> <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video> </p> <p class="center videoname"> <span>视频:学前教育评价的内涵与相关概念</span> <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start"> <img :src="collectResourceList.findIndex( (item) => item.id == 'DDEC20290E43029222463DD28BB3D237' ) > -1 ? collectCheck : collectImg " alt="" class="collect-btn" @click="handleCollect('video-01')" /> </el-tooltip> </p> </div> </div> </div> </div> <!-- 4页 --> <div class="page-box" page="10"> <div v-if="showPageList.indexOf(10) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 004 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 无价值以及价值大小所做的判断”<sup>①</sup>。客体有没有价值、有多大的价值不仅取决于客体本身,而且取决于主体的价值观念和主体自身的需要,不同主体的需要是不一样的,所以同一客体对于不同主体来说价值也是不一样的。比如,对乐于在幼儿教育领域任职的学前教育专业学生来说,获得幼儿教师任职资格是一件十分重要而且很有价值和意义的事情,而对于不想在此领域任职的学生来说,获得该资格则价值不大或者说没有价值。所以,对事物的价值做出准确的、符合客观实际的判断受主观和客观因素的共同影响,不是一件容易的事,它只能对事物的价值进行评估。由此,评价体现出以下特点。 </p> <p>第一,评价离不开评价主体。任何评价活动都离不开评价主体——人。我们对周围的人、事、物进行评价,判断某些或某一人、事、物有无价值、有多大价值,都跟评价主体的需要被满足的程度有关。满足程度越高,评价客体的价值越大。所以,抛开评价主体去谈论客体的价值是毫无意义的。 </p> <p>第二,评价是贯穿人类活动始终的活动。人们在社会生活中从事各种各样的社会实践活动,活动中的主体意向、明确的行动计划和目的,都离不开评价活动。正是通过评价,主体进行比较和选择,由此决定做什么和怎么做,给出价值判断。 </p> <h5 id="e002">(二)教育评价</h5> <p>首次提出教育评价概念的是美国教育家泰勒(R.W.Tyler)。泰勒于1929年提出了以教育目标为核心的教育评价原理,即教育评价的泰勒原理,并明确提出了教育评价的概念,从而把教育评价与教育测量区别开来。泰勒原理强调,必须分析教育要达到的目标,然后依据教育目标的达到程度来评价教育的效果。同时,认为教育评价可以对实现理想的教育目标起到促进和保证作用。但是,由于教育本身的复杂性,以及人们看待问题的视角、方法的差异,时至今日,人们对教育评价也未给出一个确切的、被大家一致接受的定义。比较有代表性的定义有以下几种<sup>②</sup>。 </p> <p>第一,教育评价实质上是一个确定课程与教学计划实际达到教育目标的程度的过程。(泰勒)</p> <p>第二,教育评价是一种对优缺点或价值的评估。[斯克里文(M.Scriven)]</p> <p>第三,教育评价是为做出关于教育方案的决策提供有用信息的过程。[克龙巴赫(Lee J.Cronbach)、斯塔弗尔比姆(D.L.Stufflebeam)]</p> <p>第四,教育评价是对某些对象的价值和优缺点的系统调查。(美国教育评价标准联合委员会)</p> <p>第五,教育评价是根据一定的教育价值或教育目标,运用可操作的科学手段,通过系统地收集信息、资料,分析、整理,对教育活动、教育过程和教育结果进行价值判断,从而为不断自我完善和教育决策提供依据的过程。(国内学者) </p> <p>虽然对教育评价的科学界定还未形成统一的认识,但是人们一般都认可教育评价是对教育活动的价值做出判断,是对教育满足个体需要和社会需要的程度做出价值判断的过程。换句话说,判定某类教育是否有价值或者价值的大小,关键是要看 </p> <hr class="img-g"> <p class="note td-0"> <a id="m1">①</a> 霍力岩等:《学前教育评价》第3版,8页,北京,北京师范大学出版社,2015。</p> <p class="note td-0"> <a id="m1">②</a> 袁振国:《当代教育学》,241页,北京,教育科学出版社,1998。</p> </div> </div> </div> <!-- 5页 --> <div class="page-box" page="11"> <div v-if="showPageList.indexOf(11) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">005</li> </ul> <div class="bodystyle"> <p class="td-0"> 这类教育满足该层次个体需要和社会需要的情况。以学前教育为例,学前儿童在其受教育阶段需要的是健康的身体、愉快的游戏、良好的习惯、保教人员的关爱、心智的启蒙以及适宜的环境。如果在这个阶段我们不能满足学前儿童的这些需要,而是强迫他们学习小学生才应该学习的知识、技能,或者强迫他们以“端坐静听”等“小学化”的方式和方法进行学习,那么,我们就可以判断这样的学前教育是有问题的,其价值是要被质疑的。同理,社会也会有其对教育的需要,不同社会阶段对教育的需要是不同的。还以学前教育为例,当今我国社会对学前教育的需要虽然越来越多元化,但是社会对这个层次教育的核心需要是公益化和普惠性,家长们都希望自己的孩子能入托高质量、低收费的幼儿园。当公办幼儿园越来越难入托、收费越来越高的时候,就会引起社会的强烈不满。孙春兰在谈深入学习贯彻习近平总书记关于教育的重要论述时就强调:“要着力抓好薄弱环节。当前,学前教育、农村义务教育、职业教育仍是短板,必须下大力气解决。要扩大普惠性幼儿园供给,实现幼儿园监管全覆盖。”这就是国家的态度与决心<sup>①</sup>。 </p> <p>当然,不同的个体或社会对教育的需要通常是存在差异的,同一个体或社会在不同的历史时期对教育的需要也会有所不同,所以对教育的价值做出比较准确的判断并非易事。比如,一个学前儿童对教育的需要可能涉及健康、语言、社会、科学和艺术五大领域,而不同的学前儿童对这些领域的需要是有先后顺序的或者说是有差异的,有的需要先在健康领域发展,有的需要先在社会领域发展,还有的需要先在艺术领域发展。就是同一个学前儿童,他对教育的需要也在不断地发生变化。一个3岁的儿童可能需要在语言领域加快发展,等到该儿童5岁的时候可能需要在艺术领域进一步发展,也可能需要在科学领域加快发展,所以我们对教育的评价也要随着个体和社会需要的改变而变化。 </p> <h5 id="e003">(三)学前教育评价</h5> <p>在了解了评价和教育评价之后,可以说学前教育评价就是“对学前教育活动有关的各个方面和各种问题进行系统的检测和科学的价值判断的过程”<sup>②</sup>。学前教育“麻雀虽小,五脏俱全”,不但其内部的各个活动要素之间有着紧密的联系,而且它与相邻的教育阶段,所处的社会、政治、经济和文化背景也都有着不可分割的联系。可见,学前教育活动不是孤立存在的,要对其做出准确而科学的评价不是一件容易的事。在学前教育工作中我们会碰到一些具体的问题,比如,幼儿在健康、语言、社会、科学和艺术五个领域的发展水平是否达到了教育目标的要求?幼儿园教师的师德理念、专业知识和专业能力如何?某幼儿园的集体教学和区域游戏开展得如何?一所幼儿园的管理水平和保教质量如何?所有这类问题,都是学前教育评价这门学科所要研究和解决的问题。研究认为,学前教育评价具有如下特点。<sup>③</sup> </p> <p>第一,学前教育评价是一个变化着的概念,是一个不断充实、完善和丰富的概 </p> <hr class="img-g"> <p class="note td-0"> <a id="m1">①</a> 孙春兰:《深入学习贯彻习近平总书记关于教育的重要论述 奋力开创新时代教育工作新局面》,载《求是》,2018(19)。</p> <p class="note td-0"> <a id="m1">②</a> 王坚红:《学前教育评价》,2页,北京,人民教育出版社,2010。</p> <p class="note td-0"> <a id="m1">③</a> 霍力岩等:《学前教育评价》第3版,15页,北京,北京师范大学出版社,2015。</p> </div> </div> </div> <!-- 6页 --> <div class="page-box" page="12"> <div v-if="showPageList.indexOf(12) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 006 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 念。学前教育评价对学前教育给予价值上的判断,这是始终不变的,但在学前教育评价中非常重要的价值、价值标准以及要判断的问题则是不断变化的,或者说,价值标准如何确定、如何进行价值判断、判断什么等,都不是固定不变的。 </p> <p>第二,学前教育评价是一个系统地收集资料的过程。进行学前教育评价,不能仅仅依靠一次观察、测试等得来的资料做出判断。系统地收集资料是学前教育评价的一个重要特点,只有将测量、评定、观察、访谈、问卷等多种渠道得来的资料加以综合,进行系统的整理,才能成为评价的基础和依据。 </p> <p>第三,学前教育评价注重对资料的解释。仅仅将资料收集起来不是学前教育评价,只有对资料做出解释、分析,才是评价。</p> <p>第四,学前教育评价是一种反馈—矫正系统。要通过不断地判断、分析和比较,来判断是否有效;如果无效,必须思考采取什么手段才能确保过程的有效性,从而为学前教育决策和采取更佳的学前教育政策提供科学、及时的服务。 </p> <div class="bk3"> <p class="left"><span class="zt-ls1">教师资格考试·考点分析</span></p> <p>《保教知识与能力》考试大纲“考试目标”第六条提出,幼儿教师要具有“幼儿园教育评价的基础知识和能力。了解教育评价的基础知识,能够运用评价知识对教育活动进行反思,改进保育教育工作”。</p> <p>注:学前教育评价基础知识包括的内容很多,本章所示学前教育评价的含义,相关概念的阐释,评价的意义、作用、原则、类型等都属于基础知识,这些内容都是需要学习者首先学习并掌握的。只有学习和掌握了基础知识,才谈得上掌握评价技能和提升评价能力。 </p> </div> <h4 id="d002"><span class="h4-zt">二、</span>相关概念阐释</h4> <p>教育评价、教育评估、教育测量与教育研究是我们在教育评价领域会接触到的几个常见概念,那么,它们之间有什么样的区别与联系呢?</p> <h5 id="e004">(一)评价与评估</h5> <p>教育评价和教育评估是两个意义非常接近、在使用过程中并无严格区分、经常被人们混同使用的概念,它们都指对教育的社会价值做出判断。但是,二者又不完全一样。教育评估更多地注意教育现象和教育事实的复杂性、广泛性等,较多地运用模糊评判技术,对教育过程中的某些特征进行估量、估计或推测,因此评估告诉我们“估计如此”,是一种“评价加估量”。教育评价则较多地强调根据教育目标和原则,采用较为严格的评价方法及技术对实际的教育过程及预期的教育效果给予价值上的判断,其评价的主要对象是教育机构、教育政策、教育方案、教育者和受教育者等,涉及社会、政治、经济、文化和人的因素,复杂程度较高。<sup>①</sup>完全按照严 </p> <hr class="img-g"> <p class="note td-0"> <a id="m1">①</a>  王坚红:《学前教育评价》,4页,北京,人民教育出版社,2010。</p> </div> </div> </div> <!-- 7页 --> <div class="page-box" page="13"> <div v-if="showPageList.indexOf(13) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">007</li> </ul> <div class="bodystyle"> <p class="td-0"> 格精确的量化标准对教育进行价值判断是有困难的,目前还只能采取量化与质性相结合、客观判断与主观描述并用的分析与判断方法来开展评价工作。所以,教育评价实际上也只是对有关对象价值的估量和推测,从这个意义上说,评价与评估并没有本质的区别。 </p> <h5 id="e005">(二)评价与测量</h5> <p>评价与测量是一对既相互联系又存在区别的概念,二者的关系可以形象地描述如下。</p> <p>首先,测量是评价的基础。测量是根据一定的标准,给人或事物赋予某种数值以说明其特征的过程,它的基本要求是客观性,要求如实地反映所测量对象的实际情况。测量的目的是获得数据,是对人或者事物的行为或属性进行客观描述,并区分客体在数量上的差异。例如,对全班幼儿的身高和体重进行测量,每一个幼儿都得到比较确切的身高和体重的数值;对幼儿园的绿化面积进行测量,也得到一个确切的数值。评价是在进行系统调查和测量获得数据的基础上,根据评价者的愿望和需要进行价值判断的过程。比如,将测得的全班幼儿的身高和体重与该年龄段幼儿的身体发育常模进行比较,得出某幼儿身高和体重处于正常或低于或高于正常发展水平的结论,这就是评价。 </p> <p>其次,评价不是单纯以测量的结果为依据的。因为教育的价值是由教育活动满足主体需要的程度决定的,所以教育评价必然要受到评价者教育价值观念的影响和制约。同一种教育活动或教育现象,持有不同教育价值观念的人会做出不同的价值判断,测量只能作为评价的依据之一,不能作为唯一的依据。所以,评价本身同时兼有客观性和主观性两种基本属性。比如,对小班幼儿手口一致点数的能力进行测量,根据测得的结果,不同的评价者在其教育观、儿童观和课程观的影响下会给出不同的评价结果。 </p> <h5 id="e006">(三)评价与研究</h5> <p>教育评价与教育研究是一对既密切相关又有一些区别的概念。二者的关系表现在以下三个方面。</p> <p>第一,教育评价与教育研究息息相关,密不可分。当代教育评价的一个突出特点就是将评价过程与研究过程相结合。每一项评价都必须是一个研究项目,得出评价结论的过程,也就是系统地针对一系列有关问题收集资料和分析研究的过程。不含研究过程的评价不能称作科学的评价。比如,要对幼儿教师国家级培训(以下简称“幼师国培”)进行评价,必然要对培训过程中的一系列问题进行研究,要研究培训团队的建设、课程的设置、过程管理、培训模式、方法的选择和培训对象的需求等,没有对这些问题的研究,就不可能对幼师国培的质量做出较为科学的评价。 </p> <p>第二,教育研究与教育评价具有包含关系。从概念的宽泛程度来说,教育研究的概念更为宽泛一些,教育评价只是教育研究的一个组成部分。</p> <p>第三,教育评价与教育研究也具有一定的区别。以学前教育评价为例,学前教育评价一般都在自然的教育环境中进行,无法严格控制某些因素并对其进行反复比较,所以,评价要尽可能采取研究的态度和严格系统的考察分析方法,以保证评价 </p> </div> </div> </div> <!-- 8页 --> <div class="page-box" page="14"> <div v-if="showPageList.indexOf(14) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 008 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 的客观性和科学性。二者的区别见表1-1。 </p> <p class="img1">表1-1 教育研究与教育评价的区别</p> <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0020-1.jpg" /></p> <h4 id="d003"><span class="h4-zt">三</span>产生与发展</h4> <p>学前教育评价是伴随着学前教育实践活动的需要而产生和不断发展的。它的产生和发展大致可以分为这样几个阶段。</p> <h5 id="e007">(一)儿童研究运动阶段</h5> <p>学前教育评价产生于20世纪初期的儿童研究运动。达尔文(C.R.Darwin)、霍尔(G.S.Hall)、弗兰克(L.Frank)等都是该运动的领导者。达尔文《一个婴儿的传略》(1876)开创了关于儿童的研究。霍尔开创和扩展了关于儿童研究的方法,他在马萨诸塞州的克拉克大学建立了儿童研究中心,他的学生杜威(J.Dewey)、阿诺德·格塞尔(A.L.Gesell)和推孟(L.M.Terman)等对儿童的研究与评价做出了各自的重要贡献。“杜威支持能影响儿童教育方案开发的教育改革。格塞尔第一次描述了儿童在每个发展阶段会出现的行为。推孟成为智力测验(intelligence test)发展的一个领导者。” <sup>①</sup>随后,儿童调查研究在学术中心的儿童研究所、在学院或大学的实验室和托儿所逐渐建立和发展,同时也将儿童家长吸收进来,以扩展人们对儿童成长的理解,许多其他学科的研究者也纷纷加入了当时正在进行的儿童研究运动。儿童研究运动教会我们通过观察或使用其他策略来对儿童进行评价。 </p> <h5 id="e008">(二)学前儿童标准化测验阶段</h5> <p>标准化测验始于1900年左右。1905年法国心理学家比奈(A.Binet)发表了他的第一个智力量表,该量表指出了3岁、5岁、7岁的儿童分别可以做什么,家长可以根据这个量表来测验自己的孩子。1908年和1911年比奈对量表进行了修订,引入了智力年龄的概念,1916年,美国心理学家推孟又修订了比奈的量表,并引入智商的概念,这就是今天的斯坦福—比奈智力量表(The Stanford-Binet Intelligence Scale)。到1918年,人们已经设计研发出了100多种标准化测试来评价学业成绩,从而使对学前儿童的测验也进入了科学化阶段。</p> <hr class="img-g"> <p class="note td-0"> <a id="m1">①</a>  [美]苏·C.沃瑟姆、贝琳达·J.哈丁:《学前教育评价》第7版,向海英译,6页,北京,北京师范大学出版社,2019。</p> </div> </div> </div> <!-- 9页 --> <div class="page-box" page="15"> <div v-if="showPageList.indexOf(15) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">009</li> </ul> <div class="bodystyle"> <p>把学前儿童作为重点进行测验且影响最大的人物当推美国心理学家格塞尔。从1916年开始,格塞尔和其同事就系统研究了5岁以下儿童的发展,他们收集了大量关于儿童发展常模的材料,并于1940年正式提出专门测验学前儿童的格塞尔发展量表,也称“耶鲁量表”。该量表包括从出生到5岁儿童的四个方面行为的发展常模。与此同时,一些心理学家也进行了学前儿童测验研究,如德国心理学家彪勒(C.B.Bühler)于1932年提出的维也纳量表,美国的贝莱(N.Bayley)于1930年正式提出的加州1岁婴儿量表,美国的费尔莫尔(E.A.Fillmore)于1936年发表的依阿华婴儿测验等,都为科学测量学前儿童发展做出了贡献。 </p> <h5 id="e009">(三)学前教育评价阶段</h5> <p>20世纪50年代以来,重视数量化的学前教育测验时期基本结束,从本质上对学前教育进行评价的时期到来了。随着各国对学前教育投入的不断增加,对学前教育投资效益进行评价的需求越来越多,学前教育评价工作得到了世界各国的普遍重视。 </p> <p class="h6-zt">1.美国的学前教育投资效益评价</p> <p>20世纪60年代以来,美国联邦政府决定提高来自低收入家庭或者以英语为第二语言的儿童的学业成绩,实行了“开端计划”(Head Start Project)。“开端计划”是美国联邦政府追求教育公平,改善人群代际恶性循环的一个早期儿童项目,于1965年起按照国会通过的一项法律开始实施。该计划以联邦政府及州政府为主投入资金,由受过培训的教师对家庭条件不佳的儿童提供免费的学前教育。20世纪60年代和70年代,美国联邦政府每年为参加该计划的每个儿童提供约3000美元的投资。 </p> <p>1975年,美国联邦政府颁布了《公法94-142》(Public Law of 94-142),即《全体残障儿童教育法案》(Education for All Handicapped Children Act),后经修正命名为《残疾人教育法案》(Individual with Disabilities Education Act)。该法案规定,美国所有3~21岁的残障儿童都可免费就读公立学校,这意味着幼儿教育机构必须面向6岁以下的儿童,公立学校也要为残障儿童提供幼儿教育。1986年美国联邦政府颁布了新法案《公法99-457》(Public Law of 99-457),即《残疾婴幼儿法》(Handicapped Children Act),1990年颁布了《残疾人教育法修正案》(Individual with Disabilities Education Act Amendment),新法案批准了两个新项目:联邦幼儿教育项目和早期干预项目。联邦幼儿教育项目扩充了《公法94-142》中规定的所有3~5岁残障儿童享有的权利,早期干预项目要求相关部门对所有0~2岁的发育迟滞儿童提供早期干预服务。1990年美国联邦政府通过了《美国残疾人法》(Americans with Disabilities Act),该法规定,所有幼儿教育机构必须准备好为残障儿童提供特殊服务,为他们提供所需的设施与膳宿,包括户外活动环境,并且这些环境设施必须经过设计、建造和适当的改建,以满足残障儿童的需要。1991年美国联邦政府通过了《公法94-142修正案》(Public Law of 94-142 Amendment),要求所有幼儿教育机构必须满足每个残障儿童的受教育需求。这些法案保障了儿童的权利,使幼儿园教育与学校教育能结合起来。</p> <p>乔治·沃克·布什(J.W.Bush)当选美国总统以后,致力于为改进所有儿童的教育而立法。2001年美国国会通过了一个新的教育法案——《不让一个孩子掉队法案》(No Child Left Behind Act),该法案提出将以科学为基础的阅读研究整合 </p> </div> </div> </div> <!-- 10页 --> <div class="page-box" page="16"> <div v-if="showPageList.indexOf(16) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 010 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 到针对儿童的综合性指导中。该法案还规定在2006年之前,各州对儿童的阅读和数学能力要实行标准化测试。而且尤其关注针对幼儿的测试,对幼儿实施适应性评价的工作获得了美国幼儿教育协会(National Association for the Education of Young Children,NAEYC)的支持。可见,所有由联邦政府进行资助的项目都要求评估其有效性,这无疑促进了学前教育评价的发展。 </p> <p class="h6-zt">2.英国的学前教育投资效益评价</p> <p>英国政府于1968年开始实施“援助城市计划”,该计划六年之内向贫困地区拨款6000万英镑,其中三分之一以上用于开展5岁以下儿童的教育工作。到了1998年,英国的“确保开端”(Sure Start)项目在全国启动,1999—2002年,财政部共支出5.4亿英镑,其中4.52亿英镑用于在英格兰建立250个“确保开端”地方项目(Sure Start Local Programmes),用于帮助贫困地区的15万名儿童。首批“确保开端”地方项目选择的试点区域全部为贫困地区,教育部还提供了额外资金用于前期人员培训,共有2000名专业人员以及800位儿童中心领导者接受了培训。2003年政府出台《每个孩子都重要:为孩子而改变》(Every Child Matters:Change for Children,2003),该政策提议将“确保开端”地方项目向“确保开端”儿童中心(Sure Start Children's Centres)过渡。2004年财政大臣戈登·布朗(Gordon Brown)宣布,到2008年政府将为2500所儿童中心提供资金。截至2006年,英国教育部已经在“确保开端”地方项目与儿童中心及其相关项目方面支出21亿英镑。2006—2010年,是“确保开端”儿童中心增量推广阶段,地方政府开始接管当地儿童中心的规划与运营工作并开展多元合作。按照英国政府此前的预期,2008年地方政府要负责将儿童中心的总数提高到2500所,2010年建成3500所,实现每个社区一所儿童中心。2010年至今,是增效保质阶段,虽然政府每年拨付给确保开端儿童中心的资金有逐年减少的趋势,但是仍然期望在资金困境中追求投资的高效益。2013 年,英国政府斥资200 万英镑启动学前教育实习计划,那些致力于从事学前教育的青年可以申请到最高1500 英镑的实习经费,如果参加更多的实习可获得额外300英镑的补贴。申请人必须能胜任2岁儿童保育院的实习工作。设置这些要求的目的是确保让更专业的人士来提供优质的学前教育。可见,英国政府也高度重视学前教育投资效益问题。 </p> <p class="h6-zt">3.中国的学前教育投资效益评价</p> <p>2010年《国家中长期教育改革和发展规划纲要(2010—2020年)》颁布实施以来,中国的学前教育迎来了前所未有的发展契机,随后国务院颁布了《国务院关于当前发展学前教育的若干意见》,2011年教育部、财政部联合印发《教育部 财政部关于实施幼儿教师国家级培训计划的通知》,从2011—2020年实施了三期学前教育行动计划。“十二五”期间,中央财政安排500亿元,重点支持中西部地区发展农村学前教育,中央财政主要支持实施4大类7个重点项目。第一类是改建校舍,将农村中小学闲置校舍改建成幼儿园,农村小学附设幼儿园,开展学前教育支教;第二类是综合奖补,对民办园和企事业单位、社会团体办园实行综合奖补;第三类是进行幼师培训,对中西部农村幼儿教师进行国家级培训;第四类是幼儿资助,对家庭经济困难的儿童、孤儿和残疾儿童接受普惠性学前教育进行资助。“十三五”期间,学前教育占国家财政性教育经费的比例从2015年的不到4%提高到2019年的5%,学前 </p> </div> </div> </div> <!-- 11页 --> <div class="page-box" page="17"> <div v-if="showPageList.indexOf(17) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">011</li> </ul> <div class="bodystyle"> <p class="td-0"> 教育财政性经费年均增长15.4%,在各级教育中提高幅度最大。政府的这些投资都需要考虑效益问题。因此,涉及学前教育发展的各类评价也被提到议事日程上来。 </p> <h3 id="c002"><span class="h3-zt">第二节</span><span class="h3-zt1">学前教育评价的意义与作用</span></h3> <h4 id="d004"><span class="h4-zt">一、</span>学前教育评价的意义</h4> <p>对学前教育事业发展、学前教育组织机构运转和学前教育活动开展情况进行评价,无论在理论上还是实践上都具有重要的价值和意义。</p> <p>理论上,学前教育评价能够丰富和发展教育评价的相关理论研究。教育是一个庞大而复杂的系统,从学前教育到高等教育的每一个学段都是这个系统的重要组成部分。学前教育是基础教育的基础,这个学段的发展在一定程度上影响个体一生的学习与发展。但学前教育的发展由于其阶段的特殊性等问题得不到人们的重视,成为教育系统中的短板。21世纪以来,各国发展学前教育的步伐加快,对学前教育的投入大幅度增加,对学前教育评价的需求也越来越多,所以,对学前教育发展进行评价首先是对教育系统理论研究的丰富与完善。 </p> <p>实践上,学前教育评价可以解决学前教育发展过程中遇到的现实问题。学前教育发展从宏观到微观都会遇到一系列的问题。比如,国家在发展学前教育事业过程中的投资是否有良好的效益;各省、区、市的学前教育事业发展规划是否既符合国家总体发展的要求又满足当地发展的需要;各类性质的学前教育机构发展如何,是否能满足适龄儿童发展的需要;在具体教育活动中,幼儿在健康、语言、社会、科学和艺术领域的发展是否达到了国家教育目标的要求;幼儿园教师的整体素质和水平如何;等等。所有这些问题,都是学前教育评价所要研究和解决的实际问题。 </p> <h4 id="d005"><span class="h4-zt">二、</span>学前教育评价的作用</h4> <p>学前教育评价不是单纯地为了评价而评价,评价的目的是改进工作、提升学前教育质量。从这个意义上说,学前教育评价的作用有以下几点。</p> <h5 id="e010">(一)有助于对学前教育活动进行鉴定与诊断</h5> <p>学前教育是一种有目的、有计划的教育活动。 “保教并重,关注个别差异,促进每个幼儿富有个性的发展” 是我国学前教育目标的基本精神,教育活动是否已经达到了目标所提出的要求以及达到目标的程度如何,都需要通过评价来做出鉴定。评价可以是全面的、综合的,也可以是部分的、单向性的,目的就在于判断要评价的学前教育活动是否达到了预期目标。 同时,学前教育活动中也会存在这样那样的问题,说得具体一些,对于幼儿在健康、语言、社会、科学和艺术五大领域方面的发展能力和实际发展状况,也需要通过评价发现幼儿发展与教育目标之间的差距。从这个意义上说,教育评价又具有对教育活动的诊断功能。 </p> <h5 id="e011">(二)有助于对学前教育活动进行选择与改进</h5> <p>在学前教育活动中,有多种课程模式或方案可供选择,典型的课程模式有蒙台 </p> </div> </div> </div> <!-- 12页 --> <div class="page-box" page="18"> <div v-if="showPageList.indexOf(18) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 012 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 梭利课程模式、意大利瑞吉欧课程模式、多元智能课程模式、美国高瞻课程模式、陈鹤琴五指活动课程模式等,哪种课程模式是适用于某一地区或某一所幼儿园的课程模式?或者说哪几种课程模式中的哪些观点的组合可以成为适用于某一地区或某一所幼儿园的模式?这样的问题都需要通过学前教育评价来回答,所以学前教育评价具有选择适宜学前教育模式的功能。如果说鉴定和诊断是学前教育评价首先凸显出的作用,那么,改进学前教育活动则是学前教育评价体现的最重要的作用,即针对评价中发现的问题和不足,及时地通过信息反馈,引起被评价者的注意,并根据评价标准采取改进的措施,从而保证学前教育活动朝着正确的方向和目标前进。 </p> <h5 id="e012">(三)有助于对学前教育工作者进行引导与激励</h5> <p>各种类型和层次的学前教育评价所依据的目标和标准都具有鲜明的导向作用。目前我国的学前教育评价所依据的标准应该是在《幼儿园教师专业标准(试行)》(以下简称《专业标准》)、《幼儿园园长专业标准》、《3—6岁儿童学习与发展指南》(以下简称《指南》)、《幼儿园保育教育质量评估指南》(以下简称《评估指南》)等国家性目标和标准的指导下确立的,也具有鲜明的导向作用,它可以促使评价对象追求肯定的评价结果,从而有意识地对照评价标准和目标,并引导自己的工作朝正确的方向迈进。可见,评价不但具有明显的导向功能,而且科学合理的评价也会对评价对象起到良好的激励与鼓舞作用。 </p> <h3 id="c003"><span class="h3-zt">第三节</span><span class="h3-zt1">学前教育评价的原则</span></h3> <p>学前教育评价的原则是指导我们进行学前教育评价的行动准则。它是整个评价指导思想的体现,是评价规律的集中反映,是统帅评价工作的总纲领。不遵照一定原则进行的评价就是盲目的评价,那样的评价就失去了它存在的价值和意义。所以,进行学前教育评价必须遵循一定的原则。根据多年来人们对学前教育活动的认识,进行学前教育评价需要遵循如下原则。 </p> <div class="video-box"> <p class="video-img"><img class="rwmb-1" alt="" src="../../assets/images/tzsp.jpg" /></p> <p class="center text td-0"> <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video> </p> <p class="center videoname"> <span>视频:学前教育评价的原则</span> <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start"> <img :src="collectResourceList.findIndex( (item) => item.id == 'CDA971A0D5219A1A94E4B090DF143CE8' ) > -1 ? collectCheck : collectImg " alt="" class="collect-btn" @click="handleCollect('video-02')" /> </el-tooltip> </p> </div> <h4 id="d006"><span class="h4-zt">一、</span>目标性原则</h4> <p>任何层次的学前教育活动都是有目标的,目标明确可以保证学前教育工作有目的、有计划地开展,可以规定行动的方向,目标不明确或目标错误将导致学前教育活动偏离正确方向和学前教育质量下降,所以,目标是学前教育评价工作的依据和出发点。任何一种学前教育评价都有明确的目标,没有目标的学前教育评价是不存在的。 </p> <p>学前教育评价的目标有宏观层面的整体性或总体性目标,有中观层面的幼儿园工作目标,还有微观层面的幼儿发展目标。宏观层面的总体性目标应该以教育部2001年颁发的《幼儿园教育指导纲要(试行)》(以下简称《纲要》)中提出的“以游戏为基本活动,保教并重,关注个别差异,促进每个幼儿富有个性的发展”以及2012年颁布的《指南》中提及的“关注幼儿学习与发展的整体性”“尊重幼儿 </p> </div> </div> </div> <!-- 13页 --> <div class="page-box" page="19"> <div v-if="showPageList.indexOf(19) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">013</li> </ul> <div class="bodystyle"> <p class="td-0"> 发展的个体差异性”“理解幼儿的学习方式和特点”“重视幼儿的学习品质”为目标。《纲要》和《指南》不仅是指导、规范我国学前教育工作重要的行政法规,而且是我们进行学前教育评价的基本依据,其核心思想 “尊重幼儿发展的个体差异,促进每个幼儿富有个性的发展” 是学前教育评价的总体方向,也是幼儿园工作评价和幼儿发展评价的总方向。 </p> <p>幼儿园工作评价既有与总目标一致的目标也有它自己的目标,就是说它要在总目标的引领下开展该层面目标完成情况的评价。例如,评价幼儿的游戏活动,其目标应该看游戏是否成为幼儿的基本活动,是否贯穿于幼儿的一日生活之中。如果只评价教学活动中幼儿游戏的情况,或者只评价户外活动中幼儿的游戏水平与质量,那是不全面的,也是违背学前教育总目标要求的。按照总体目标和幼儿园工作目标对幼儿的游戏活动进行评价,既要评价教学活动中幼儿游戏的情况,也要评价区域活动中幼儿的游戏情况,因为幼儿在很多情况下是进入区域开展游戏活动的,还要评价户外活动中幼儿游戏的水平与质量,甚至还要评价游戏在幼儿一日生活中的应用。只有考虑到了幼儿各个方面游戏的情况,才能判定游戏是否成为幼儿的基本活动。 </p> <p>对幼儿发展的评价可以是全面性的评价,也可以是对某一个方面发展情况的评价;可以是对几个年龄段幼儿发展的评价,也可以只对一个年龄段幼儿的发展做出评价。这一点可以根据评价的目的来确定。如果是对幼儿发展做全面性评价,那就必须对幼儿在健康、语言、社会、科学和艺术五个领域的发展情况全部做出评价,这样才能判定该幼儿的总体发展情况。忽略任何一个方面都是不全面的,都无法代表幼儿的总体发展情况。当然,也可以只对幼儿某一个方面的发展进行评价,如评价某幼儿或某年龄段幼儿语言沟通能力的发展情况,或评价幼儿的社会性发展能力,或评价幼儿的数学认知能力等都是可以的。 </p> <h4 id="d007"><span class="h4-zt">二、</span>可行性原则</h4> <p>学前教育评价工作的可行性原则要求学前教育评价是具体、可操作、切实可行的,如果没有可行性,评价工作就成了一句空话。要保证学前教育评价工作的可行性,需要注意以下几个方面的问题。</p> <p>第一,评价指标体系和测量方法要简便易行。我们不是苛求评价指标体系要简单易操作,而是主张要处理好简便易测和全面先进的关系。虽然全面先进的原则是我们建立学前教育评价指标体系应该追求的,但是过分追求全面先进,可能会不符合我国学前教育发展的实际情况,使评价工作耗费大量的人力、物力和财力,却得到令评价方和被评价方均不满意的结果,这样的评价也没有发挥其应有的作用。所以,在保证学前教育评价指标体系科学合理的同时,要注意评价指标体系和测量方法的简便、可操作。 </p> <p>第二,评价指标要具有一致性和普遍性。学前教育评价指标的一致性有两个方面的含义。一是评价指标与学前教育评价的总目标是一致的,即由国家规定的统一要求和标准必须坚持,不能任意改变或降低。比如,《指南》对3~6岁儿童在五大领域可能达到的目标提出了统一要求,无论是城市儿童还是农村儿童,在对其进行 </p> </div> </div> </div> <!-- 14页 --> <div class="page-box" page="20"> <div v-if="showPageList.indexOf(20) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 014 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 学习或发展评价时都应该遵照这个标准,不能人为任意降低。二是评价指标体系中的各个指标要具有一致性,即各个指标之间要具有包含和被包含的关系,要形成统一的指标体系。普遍性原则是指学前教育评价指标体系要有较广泛的适用范围,不应仅仅适用于某一个项目的评估活动,应该对某一类的活动或现象都可以进行客观评价。 </p> <p>第三,不追求过分精确的评价结果。学前教育活动纷繁复杂、丰富多彩,影响因素多,可控性差,要对其做出精确的评价是非常困难的。我们必须处理好复杂性与精确性的矛盾,在兼顾客观和准确性的同时,可以降低对精确性的要求,以求符合学前教育评价的实际。 </p> <h4 id="d008"><span class="h4-zt">三、</span>全面性原则</h4> <p>全面性原则主要有两个层面的含义。一是评价指标体系中的指标要尽可能全面,不能片面强调评价指标体系中的某一个指标而忽视其他重要的指标,要尽可能根据评价的目标设定科学合理的评价指标体系。二是收集的信息要全面。无论进行哪个层次的评价,只有全面收集信息,不偏听偏信,才可能保证评价工作的客观公正。 </p> <p>在学前教育评价中运用全面性原则尤其要注意收集信息的全面性。全面收集信息是做好客观、公正、科学评价的基础和前提,在得出评价结论之前一定要利用各种手段和方式全方位地收集相关信息,绝不是抓住某个方面的信息简单草率地得出结论。比如,评价一所幼儿园的后勤管理工作,既要听取园长对后勤工作的评价,也要听取后勤主管的意见,还要看全园的幼儿教师怎样评价本园的后勤工作,甚至还要听听各年龄段幼儿的家长对幼儿园后勤管理工作的意见,这样既有自评又有他评的评价才可能是全面、客观的。 </p> <h4 id="d009"><span class="h4-zt">四、</span>客观性与主观能动性相结合的原则</h4> <p>学前教育评价工作遵循客观性原则就是要求评价者采取客观的、实事求是的态度,科学地确定和使用评价标准,尽可能减少主观因素的影响或者说将主观因素的影响降到最低。按照评价目标的要求确定了的评价标准,就应该遵照执行,随意地增加或减少标准、提高或降低标准都有悖客观性原则,是不可取的。对我国学前教育事业发展的宏观领域做出客观性评价,有利于国家在总体上把握学前教育发展的方向和总体发展水平,提出适合我国学前教育事业发展的总体目标;对幼儿园的学前教育发展做出客观性评价,有利于发现问题、总结经验、提升该幼儿园教育教学质量,最终促进每一个幼儿的全面发展。可见,在学前教育评价工作中遵守客观性原则是非常重要的。 </p> <p>主观能动性原则是指在学前教育评价工作中既要遵守客观性原则,也要注意发挥评价者的主观能动性,因为任何层次的评价工作都是由评价者来完成的,在评价过程中都不可避免地反映了评价者的意见和态度。但是,评价的客观性和主观能动性二者是辩证统一的,并不矛盾。因为,学前教育评价是一个透过种种现象抓其本质的过程,对各种各样现象的描述要客观,这是评价工作必须遵守的客观性原则,而透过现象看本质的过程则必须由评价者经过一系列的分析、综合、比较、概括和抽象等工作去完成。所以,客观性和主观能动性是相互依赖、相互支持的,二者缺一不可。 </p> </div> </div> </div> <!-- 15页 --> <div class="page-box" page="21"> <div v-if="showPageList.indexOf(21) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">015</li> </ul> <div class="bodystyle"> <h4 id="d010"><span class="h4-zt">五、</span>定性评价与定量评价相结合的原则</h4> <p>所谓定性评价就是从质的方面对要评价的人或事物进行分析评价,这种分析评价侧重于质的方面,通过对被评价现象进行深入的分析和综合做出评价。所谓定量评价就是从数量方面对要评价的人或事物进行分析评价,这种分析评价侧重于量的方面,通过数量化的说明对所要评价的人或事物做出评价。定性评价与定量评价相结合的原则就是学前教育评价既要用定性的评价,也要用定量的评价,是一种将二者结合起来进行的评价。 </p> <p>学前教育评价既需要定性评价,也需要定量评价。一是因为学前教育活动本身的复杂性,有些方面可以用量来表示,有些方面只能用质来表达。比如,对幼儿身体发育状况和智力发展水平的评价就常常用数量化的方式来表达;对幼儿园领导班子的评价常常涉及团队的凝聚力、管理的科学性等,对这些方面的评价一般从质的方面来进行;对幼儿五个领域方面的发展评价既需要从量的方面来进行,也需要从质的方面来进行,需要质与量相结合的评价。二是因为单纯的质性评价和量化评价都有其局限性,任何一种评价方式都不能全面、翔实、直观、生动地反映要评价的对象,都需要质性评价与量化评价的结合,这也是近些年来社会科学研究领域普遍认可的方式。 </p> <h4 id="d011"><span class="h4-zt">六、</span>动态评价与静态评价相结合的原则</h4> <p>动态评价是指对评价对象发展状态的评价,它关注评价对象的发展过程、未来发展的潜力以及发展的趋势,重视纵向比较,能够看到评价对象的发展变化过程,便于根据评价的结果发现评价对象发展变化的规律,为进一步的教育和指导提供帮助。静态评价是指对评价对象已经达到的水平或已经具备的条件进行的评价,这种评价只关注结果,不考虑评价对象在过程中所发生的变化,也不考虑评价对象过去的发展情况和未来的发展趋势,有利于进行横向比较。 </p> <p>依据学前教育活动的特点,学前教育评价既需要静态评价,也需要动态评价。静态评价有利于对相同性质的机构或活动进行比较,从而判断优劣,找到差距。比如,评价两所或多所乡镇中心幼儿园的办园质量,就可以采取静态评价的方式,看看它们同样是经过了三年的发展,在园所环境创设、活动开展、师资队伍建设、安全管理、膳食营养等方面的情况如何。动态评价适合对幼儿发展和教师专业成长做出评价,因为幼儿发展和教师专业成长本身就是一个动态变化的过程,只有关注他们成长的过程,才能发现和找到成长的规律,从而更好地指导其成长。需要说明的是,仅用静态评价,无法进行纵向比较,还可能使某些评价对象产生自满情绪而不再追求进步,使另外一些评价对象产生泄气情绪,从而全盘否定自己;仅用动态评价,无法进行横向比较,使评价对象看不到自己与他人之间的差距,满足于自己点滴的进步,从而故步自封,止步不前。所以,进行学前教育评价时,我们要将动态评价与静态评价结合起来使用。 </p> <h4 id="d012"><span class="h4-zt">七、</span>评价与指导相结合的原则</h4> <p>任何评价都不是单纯为评价而评价的,也不是简单地对评价对象“打棍子”, </p> </div> </div> </div> <!-- 16页 --> <div class="page-box" page="22"> <div v-if="showPageList.indexOf(22) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 016 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 而是为了让评价对象受到启发和教育,得到评价主管部门的指导与引领,从而使被评价的人或事物更好地把握发展的方向,获得更加切合实际的进步与发展。要达到这一评价目标,就必须把评价与指导结合起来。 </p> <p>指导是评价工作的继续与发展,是把评价的结果上升到一定的理论高度加以认识,并根据评价对象所具有的主、客观条件,从实际出发,帮助评价对象掌握自身在今后一个时期内发展的方向,扬长避短,争取更大的进步。把评价与指导结合起来,就要求我们在评价工作结束后考虑怎样对评价对象进行指导,从哪些方面进行指导,不能简单地给评价工作与指导工作画上句号。 </p> <h3 id="c004"><span class="h3-zt">第四节</span><span class="h3-zt1">学前教育评价的类型</span></h3> <p>学前教育活动的丰富性决定了学前教育评价种类的多样性,按照不同的分类标准,可以将学前教育评价划分成不同的类型。我们按照评价对象的范围、评价的功能、评价的参照体系、评价的主体、评价的层次以及收集与分析资料的方式等对学前教育评价做出以下划分。 </p> <div class="video-box"> <p class="video-img"><img class="rwmb-1" alt="" src="../../assets/images/tzsp.jpg" /></p> <p class="center text td-0"> <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video> </p> <p class="center videoname"> <span>视频:学前教育评价的类型</span> <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start"> <img :src="collectResourceList.findIndex( (item) => item.id == 'CDA971A0D5219A1A94E4B090DF143CE8' ) > -1 ? collectCheck : collectImg " alt="" class="collect-btn" @click="handleCollect('video-03')" /> </el-tooltip> </p> </div> <h4 id="d013"><span class="h4-zt">一、</span>按照评价对象的范围划分</h4> <p>按照评价对象的范围大小,学前教育评价可划分为整体评价、局部评价和单纯评价三种。评价对象的范围包括地域范围和评价所涉及的教育活动或现象的内容范围两个方面。</p> <h5 id="e013">(一)整体评价</h5> <p>整体评价中的“整体”可以从两个方面去理解。一方面是指所涉及的地域范围较大。比如,国家对实施“学前教育三年行动计划”的情况进行的督导评估,对全国3~6岁儿童的语言表达能力进行测查、评价,对西部3~6岁留守儿童社会能力发展进行的调查、评价,对某省幼儿教育质量进行的评价,对某市贯彻落实《指南》实验园的评价等,这些评价涉及全国、西部、某省、某市的所有对象,范围是比较大的,可以看作整体。另一方面是指评价所涉及的教育活动或现象的内容是整体的、全面的。比如,对幼儿园教育质量的评价,就不能只评价某一个方面,要从多个角度做出全面的评价;对幼儿发展的评价,不是只评价幼儿发展的某一个方面,而是要对幼儿的健康、语言、社会、科学和艺术五个领域的发展水平都进行调查,然后才能做出比较准确的幼儿发展评价。整体评价的优点是所得出的评价结论具有普适性,对较大范围内的同一类事物或现象都具有指导意义,也能对较大范围内的同一事物或现象进行比较。其缺点是由于涉及的范围较广,评价工作需要投入较多的人力、物力和财力,同时由于涉及的内容范围要求全面,相对来讲难以做到深入、细致。表1-2是教育部关于印发《学前教育督导评估暂行办法》的通知中的“学前教育督导评估指标体系”。 </p> </div> </div> </div> <!-- 17页 --> <div class="page-box" page="23"> <div v-if="showPageList.indexOf(23) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">017</li> </ul> <div class="bodystyle"> <p class="img1">表1-2 学前教育督导评估指标体系</p> <p class="center"><img class="img-0" alt="" src="../../assets/images/0029-1.jpg" /></p> </div> </div> </div> <!-- 18页 --> <div class="page-box" page="24"> <div v-if="showPageList.indexOf(24) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 018 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <h5 id="e014">(二)局部评价</h5> <p>相对于整体评价来说,局部评价所涉及的区域范围和内容范围都要小一些,它是对教育的某一个方面或者教育机构内部的某一个部分进行的评价。比如,对省级示范类幼儿园区域活动设置的评价,对普惠性民办幼儿园大型活动设施设备的评价,对某县乡镇中心幼儿园教师队伍建设与管理的评价等,都可以看作局部评价。局部评价的优点是评价的问题比较集中,容易进行相对深入的研究与分析,对所评价的机构或活动有较为直接的指导价值。其缺点是由于评价范围的缩小,评价结果的普适性不足,难以在较大范围内进行指导。 </p> <h5 id="e015">(三)单纯评价</h5> <p>单纯评价也称微观评价,评价对象所涉及的范围更小,内容更单一。比如,对一个班级幼儿体格发育或者社会性发展的评价,对一个班级区域游戏活动开展情况的评价(见表1-3),对一名孤独症儿童的评价,对某幼儿园青年骨干教师专业发展的评价等都属于单纯评价。这类评价的优点是研究和评价的对象特别集中,指向性强,评价工作能够深入细致地开展,评价结果对评价对象有直接且具体的教育指导作用。其不足之处是普适性差,评价结果不适宜在较广范围内应用。 </p> </div> </div> </div> <!-- 19页 --> <div class="page-box" page="25"> <div v-if="showPageList.indexOf(25) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">019</li> </ul> <div class="bodystyle"> <p class="img1">表1-3 班级区域游戏活动开展情况评价表</p> <p class="center"><img class="img-0" alt="" src="../../assets/images/0031-1.jpg" /></p> <h4 id="d014"><span class="h4-zt">二、</span>按照评价的功能划分</h4> <p>按照评价的功能,学前教育评价可划分为诊断性评价、形成性评价和总结性评价。</p> <div class="pdf-text p-even"> <div class="pdf-con"> <div class="pdf-view"> <span> <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098"> <path d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z" p-id="11010"></path> </svg> </span> <span @click="toUrl(1)">幼儿一日生活常规评价表.pdf</span> </div> </div> </div> <h5 id="e016">(一)诊断性评价</h5> <p>诊断性评价又称事先评价,是指对评价对象的基础或现实情况做出的评定。一般在进行一项新的学前教育计划或者方案之前都要对评价对象的基础或现实状况进行评定,以便能够在了解现状的基础上,选择正确的计划或方案。诊断性评价在学前教育评价中使用非常普遍,如幼儿园对初入园幼儿的身心发展状况进行的摸底测验,就是为了让教师更好地了解每一个新入园幼儿的实际发展情况,以便能在今后的工作中依据幼儿的发展水平和发展特点因材施教。诊断性评价的优点是为选择和制订学前教育计划或方案提供基础,不足是未关注计划或方案执行的过程。 </p> <h5 id="e017">(二)形成性评价</h5> <p>形成性评价是指在某项学前教育计划或方案实施的过程中进行的评价,又称过程中评价或即时评价。这种评价使评价工作始终处于一个动态的过程中。比如,幼儿园贯彻落实《指南》,依据《指南》对3~6岁幼儿在健康、语言、社会、科学和艺术五个领域的发展情况或者在某一个领域的发展情况每一个学期或者半个学期进行的评价,这种评价能帮助教师掌握幼儿的实际发展情况,及时调整教育计划或方案。再比如,对幼儿一日生活常规建立情况进行评价,教师需要每隔一段时间(如一个或者两个星期)对幼儿常规建立的情况进行一次评价,以便及时掌握每个幼儿常规建立的具体情况,并根据每个幼儿的具体情况制定下一步的常规培养方案。 </p> <h5 id="e018">(三)总结性评价</h5> <p>总结性评价是指在某项学前教育计划或方案实施结束后对其最终结果进行的评价,也称事后评价。这类评价主要是对最终取得的成绩与预先设定的目标之间的差距进行评价,评价所关心的是教育活动达到的效果。其优点是可以对评价对象做出 </p> </div> </div> </div> <!-- 20页 --> <div class="page-box" page="26"> <div v-if="showPageList.indexOf(26) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 020 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p class="td-0"> 鉴定、给出等级,可以预测评价对象未来发展的可能性,评价相对也简便易行,所以在学前教育评价中被较多关注和使用。例如,各省普遍开展的对幼儿园分级分类的验收就属于总结性评价。当然,这种评价也有其不足之处:第一,它是事后评价,不关注教育活动的过程,所以评价对所评对象本身的改进和完善起到的作用不明显;第二,它重视的是最终结果,不关注这个结果是通过什么手段或者方法得到的,容易造成评价对象之间不正当竞争或者追求表面上成功的现象。 </p> <p>由于各类评价均有其独特的功能和作用,现在的学前教育评价较多采用诊断性评价、形成性评价和总结性评价相结合的评价。下面是一例诊断性评价和总结性评价相结合的评价(见表1-4)。</p> <p class="img1">表1-4 “4~6岁留守儿童语言与社会性发展能力提升项目”评估量表(教师用)</p> <p class="center"><img class="img-0" alt="" src="../../assets/images/0032-1.jpg" /></p> </div> </div> </div> <!-- 21页 --> <div class="page-box" page="27"> <div v-if="showPageList.indexOf(27) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">021</li> </ul> <div class="bodystyle"> <div class="bk3"> <p class="left"><span class="zt-ls1">教师资格考试·真题再现</span></p> <p>(2019年下半年)<b>幼儿园教师资格考试《保教知识与能力》真题</b></p> <p>在教学过程中,王老师随时观察和评价幼儿的行为表现,并以此为依据调整指导策略,该老师采用的评价方式是( )。</p> <p>A.诊断性评价</p> <p>B.标准化评价</p> <p>C.终结性评价</p> <p>D.形成性评价</p> </div> <h4 id="d015"><span class="h4-zt">三、</span>按照评价的参照体系划分</h4> <p>按照评价的参照体系,学前教育评价可分为相对评价、绝对评价和个体内差异评价。</p> </div> </div> </div> <!-- 22页 --> <div class="page-box" page="28"> <div v-if="showPageList.indexOf(28) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 022 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <h5 id="e019">(一)相对评价</h5> <div class="img-rights w200"> <p class="center openImgBox"><img class="img-c" alt="" src="../../assets/images/0034-1.jpg" /> </p> <p class="img1">图1-1 相对评价示意图</p> </div> <span> <p>相对评价是在评价对象的集合中选取一个或者几个对象作为基准,然后把各个评价对象与基准进行比较的评价方法。如果假定评价对象集合中的元素是<i>A</i><sub>1</sub>,<i>A</i><sub>2</sub>,<i>A</i><sub>3</sub>,…,<i>A<sub>n</sub></i>,选取的基准为<i>A</i><sub>2</sub>,那么,相对评价可以用图1-1表示。相对评价的范围可大可小,大可以在全市、全省乃至全国的范围内进行,小可以在全园的范围内进行。比如,对全市一级一类幼儿园环境创设的水平与质量进行评价,选取其中一所大家公认的拥有最好或者比较好的环境创设水平与质量的幼儿园作为基准,将全市其他各幼儿园环境创设的情况与选择出的这所基准幼儿园做对比。也可以在一所幼儿园中进行相对评价,比如,对某园各班级区域游戏活动开展的情况进行评价,选择其中一个班级区域游戏活动开展的情况作为基准(相当于标准),将全园其他班级区域游戏活动开展与指导的水平和质量跟这个基准相对比,从而做出评价。班级中对幼儿的评价也常常采用相对评价,选择某一个或几个幼儿的典型表现作为基准,将其他幼儿的表现与选出的幼儿相比较,要求其他幼儿向基准看齐,这也是相对评价。可见,相对评价的范围比较广,适用性比较强,这是它较其他评价方法的优越之处。但是,这类评价也有不足之处,即选择的基准就在评价对象的集合中,容易降低评价标准。 </p> </span> <h5 id="e020">(二)绝对评价</h5> <p>绝对评价是在评价对象的集合之外确定一个标准,即客观标准,然后将各个评价对象与客观标准进行比较的评价方法。假定评价对象集合中的元素是<i>A</i><sub>1</sub>,<i>A</i><sub>2</sub>,<i>A</i><sub>3</sub>,…,<i>A<sub>n</sub></i>,选定的客观标准是<i>M</i><sub>0</sub>,绝对评价可以用图1-2表示。 </p> <p class="center openImgBox"><img class="img-d" alt="" src="../../assets/images/0034-2.jpg" /></p> <p class="img1">图1-2 绝对评价示意图</p> <p>由绝对评价示意图可以看出,绝对评价既不考虑评价对象集合的整体状态,也不考虑集合中各要素的实际情况,评价对象集合中的每一个对象都需要与集合外的标准进行比较。绝对评价的标准是比较客观的,评价者比较容易公正地对评价对象进行评价,同时,评价对象也能够明确了解自己与客观标准的差距。当然,客观标准也难以完全做到绝对客观。比如,某省对省级示范幼儿园的评价就是绝对评价,评价者首先确定一个评价标准,愿意参评省级示范幼儿园的每一个园所都要与这个标准进行比较,评价者不完全考虑每一所参评幼儿园的实际发展水平。 </p> </div> </div> </div> <!-- 23页 --> <div class="page-box" page="29"> <div v-if="showPageList.indexOf(29) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">023</li> </ul> <div class="bodystyle"> <h5 id="e021">(三)个体内差异评价</h5> <p>个体内差异评价有两种评价的方式。一种是将各个评价对象的过去和现在相比较做出评价,假定评价对象集合中各个对象过去的情况是<i>A</i><sub>1</sub>,<i>A</i><sub>2</sub>,<i>A</i><sub>3</sub>,…,<i>A<sub>n</sub></i>,现在的状态是<img class="inline" alt="" src="../../assets/images/0035-4.jpg" />,<img class="inline" alt="" src="../../assets/images/0035-5.jpg" />,<img class="inline" alt="" src="../../assets/images/0035-6.jpg" />,…,<img class="inline" alt="" src="../../assets/images/0035-7.jpg" />,这种个体内差异评价可以用图1-3表示。另一种个体内差异评价是把某一个对象的各个侧面相比较后做出评价。假定评价的对象为<i>A</i>,该对象的各个侧面为<i>A</i><sub>1</sub>,<i>A</i><sub>2</sub>,<i>A</i><sub>3</sub>,…,<i>A<sub>n</sub></i>,这种个体内差异评价可以用图1-4表示。 </p> <div class="fl al-c"> <div> <p class="center openImgBox"><img class="img-b" alt="" src="../../assets/images/0035-1.jpg" /></p> <p class="img1">图1-3 个体内差异评价(一)</p> </div> <div> <p class="center openImgBox"><img class="img-b" alt="" src="../../assets/images/0035-2.jpg" /></p> <p class="img1">图1-4 个体内差异评价(二)</p> </div> </div> <p>比如,一所幼儿园原来的教育质量比较差,经过几年的发展,其教育质量在评测中有了很大的提升,就可以说这个幼儿园进步了;一个幼儿在小班时候的行为习惯较差,到了大班再评价这个幼儿的行为习惯时他有了很大的改善,就可以说这个幼儿的行为习惯有了很大的改进。这种对一个机构或者一个个体过去和现在差别的评价都属于个体内差异评价。下面是一个对某县(乡、村)幼儿教育发展情况进行个体内差异评价的实例(见表1-5)。 </p> <p class="img1">表1-5 某县(乡、村)幼儿教育发展情况统计表<sup>①</sup></p> <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0035-3.jpg" /></p> <hr class="img-g"> <p class="note td-0"> <a id="m1">①</a>  中央教育科学研究所幼教室:《幼儿教育自我评价指导手册》,74~75页,北京,教育科学出版社,2010。收入本书时有改动。</p> </div> </div> </div> <!-- 24页 --> <div class="page-box" page="30"> <div v-if="showPageList.indexOf(30) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 024 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <p>个体内差异评价的第二种情况在学前教育评价中应用也十分广泛。比如,对幼儿智能的评价,可以通过对该幼儿八种智能进行比较,看看这名幼儿哪种智能是强项,哪种智能是弱项,最终评价其智能发展情况。又如,评价一名大班幼儿全面发展的情况,可以对该幼儿的健康、语言、社会、科学和艺术五个领域的发展水平进行测查与评定,然后再评价这名幼儿在哪个领域发展得好,在哪个领域发展得一般,在哪个领域发展得较差,从而为幼儿教师和家长提供较为具体的教育和指导建议。我们依据《指南》中的标准制定了一个评价5~6岁儿童全面发展情况的评价表,见二维码。 </p> <p>总之,个体内差异评价充分尊重了个体间的差异性,不会给评价对象带来恐惧或压力,但也容易导致评价对象的自我满足与陶醉,从而阻碍个体最大限度地成长与发展。所以,我们常常将个体内差异评价与相对评价结合起来使用,这样就能弥补两者的缺陷和不足。 </p> <div class="pdf-text p-even"> <div class="pdf-con"> <div class="pdf-view"> <span> <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098"> <path d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z" p-id="11010"></path> </svg> </span> <span @click="toUrl(2)">5~6岁儿童全面发展评价表.pdf</span> </div> </div> </div> <h4 id="d016"><span class="h4-zt">四、</span>按照评价的主体划分</h4> <p>按照评价主体,学前教育评价分为自我评价、他人评价和自我与他人相结合的评价。下面详细介绍自我评价和他人评价。</p> <h5 id="e022">(一)自我评价</h5> <p>自我评价是指评价者对自己进行的评价。比如,一位幼儿教师在开展一次具体的教育活动之后的“教育反思”就是自我评价,一位教师参与某类学习活动后的反思与总结也是自我评价,学期末教师所做的自我鉴定或工作总结也是一种自我评价。自我评价是一种非常便于开展的评价方式,随时、随地、每天、每周、每月、每学期都可以进行,幼儿教师应善于运用这种评价方式改进自己的教育教学工作。当然,自我评价也有不足之处,由于缺乏横向比较,自我评价的客观性相对较差。 </p> </div> </div> </div> <!-- 25页 --> <div class="page-box" page="31"> <div v-if="showPageList.indexOf(31) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">025</li> </ul> <div class="bodystyle"> <p>需要说明的是,自我评价虽然是自己评价自己,但也不是毫无标准和根据的随意评价。评价哪些方面,评价的结果是什么,评价的标准是什么,依据哪些材料进行评价,应是别人可以听到和看到的。同样,自我评价最好是形成性评价和总结性评价相结合。下面就是对一位幼儿教师参加“幼师国培”后设计的培训绩效自我评价表(见表1-6)。 </p> <p class="img1">表1-6 “幼师国培”绩效自我评价表</p> <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0037-1.jpg" /></p> </div> </div> </div> <!-- 26页 --> <div class="page-box" page="32"> <div v-if="showPageList.indexOf(32) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 026 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <h5 id="e023">(二)他人评价</h5> <p>他人评价是指除自身以外的任何人或组织对该对象进行的评价。例如,教师对幼儿的评价、幼儿教师之间的相互评价、幼儿园管理者对幼儿教师的评价、幼儿家长对幼儿园教师的评价、上级主管部门对幼儿园的评价等都属于他人评价。下面是一个他人评价表(见表1-7)。 </p> <p class="img1">表1-7 幼儿活动观察记录表<sup>①</sup></p> <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0038-1.jpg" /></p> <p>相比于自我评价来说,他人评价要客观一些,但他人评价的组织工作相对麻烦一些,花费的人力、物力多一些。在学前教育评价的实践工作中,最好将自我评价与他人评价结合起来使用,这样可以获得比较满意的评价结果。下面是一个既适合 </p> <hr class="img-g"> <p class="note td-0"> <a id="m1">①</a>  中央教育科学研究所学前教育研究室:《幼儿园教育质量评价手册》,101页,北京,教育科学出版社,2009。</p> </div> </div> </div> <!-- 27页 --> <div class="page-box" page="33"> <div v-if="showPageList.indexOf(33) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">027</li> </ul> <div class="bodystyle"> <p class="td-0"> 幼儿教师自我评价,也适合同行或管理者他人评价的幼儿教师组织教育教学情况评价表(见表1-8)。 </p> <p class="img1">表1-8 幼儿教师组织教育教学情况评价表<sup>①</sup></p> <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0039-1.jpg" /></p> <h4 id="d017"><span class="h4-zt">五</span>按照评价的层次划分</h4> <p>按照评价的层次,学前教育评价分为分析评价和综合评价。</p> <hr class="img-g"> <p class="note td-0"> <a id="m1">①</a>  霍力岩等:《学前教育评价》第3版,34~35页,北京,北京师范大学出版社,2015。收入本书时有改动。</p> </div> </div> </div> <!-- 28页 --> <div class="page-box" page="34"> <div v-if="showPageList.indexOf(34) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 028 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> <h5 id="e024">(一)分析评价</h5> <p>分析评价是把要评价的内容分解成几个子项目分别进行评价,然后将各个子项目的评价结果进行综合,再对评价对象做出判断。比如,评价幼儿注意力的发展,可以从注意的广度、注意的稳定性、注意的分配能力和注意的转移能力等几个方面来分别测查、评价,这是分析评价。又如,从学习态度、学习倾向、学习兴趣、学习坚持性、好奇心、想象力、创造性等方面评价幼儿的学习品质,都属于分析评价。 </p> <h5 id="e025">(二)综合评价</h5> <p>综合评价是对评价内容整体进行的评价,不做分解性的工作。比如,教师评价某幼儿的学习品质,不把它分解成若干小项目进行评价,而是凭借教师对幼儿的观察和了解对幼儿做出学习品质好与不好的评价,这位教师使用的就是综合评价。使用综合评价对评价者的要求比较高,一是要有较为丰富的经验,二是要有靠视觉直观获得大量关于评价对象的信息的能力。 </p> <p>在学前教育的实际评价活动中,分析评价和综合评价经常是一起使用的。 因为综合评价往往建立在分析评价的基础上,也就是说对某一项内容进行评价时首先进行分析评价,将要评价的内容分解成几个部分,在对各部分内容进行评价的基础上才便于进行综合评价或者称整体评价。 可见综合评价是分析评价的整合与提升,它在学前教育评价工作中是必不可少的。</p> <h4 id="d018"><span class="h4-zt">六</span>按照收集与分析资料的方式划分</h4> <p>按照收集与分析资料的方式,学前教育评价分为量化评价、质性评价和混合型评价三种。不同类型的评价适用于不同的评价项目,也都有各自的优缺点。</p> <h5 id="e026">(一)量化评价</h5> <p>量化评价是指在学前教育评价中,采用数学方法的评价。在学前教育评价中,采用量化评价有多种形式:有时是用数字或数学公式对学前教育现象进行描述,有时是把评价结果用数字来表达,有时是在分析学前教育现象时以数学为工具进行描述,有时是综合运用以上方法。 </p> <p>量化评价是相对较为客观的评价,所以它是当代学前教育评价中运用较多、较为普遍的一种评价方式,其特点是直观、形象,便于理解。有关幼儿心理发展水平和能力的评价基本采用数量化的方法。例如,对幼儿智力发展水平的评价,通常采用智力测验的方法,测验的结果常常用数量化的指标——智商(IQ)来表示。我们根据测量的结果就可以评价一个幼儿智商的高低,从而为教育提供有针对性的策略与建议。 </p> <div class="pdf-text p-even"> <div class="pdf-con"> <div class="pdf-view"> <span> <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098"> <path d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z" p-id="11010"></path> </svg> </span> <span @click="toUrl(3)">韦克斯勒智力分类表.pdf</span> </div> </div> </div> </div> </div> </div> <!-- 29页 --> <div class="page-box" page="35"> <div v-if="showPageList.indexOf(35) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">029</li> </ul> <div class="bodystyle"> <p>下表就是一个学前儿童交往能力的评价表(见表1-9)。</p> <p class="img1">表1-9 学前儿童交往能力评价表</p> <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0041-1.jpg" /></p> <h5 id="e027">(二)质性评价</h5> <p>凡是在评价中不采用数学方法的评价都可以被称为质性评价。质性评价的方法很多,在学前教育评价中通常使用的是等级法和评定法等。等级法就是把被评价对象分成几个等级,从而做出评价。评定法就是采用一定的语言表达对所要评价的对象做出价值判断。例如,我国各省对幼儿园所做的分级分类验收工作,运用的就是等级法,评价者将幼儿园分成不同的等级或类别,如一级一类、一级二类、二级一类、二级二类等,通过评定将参与的幼儿园分成不同的等级。幼儿教师在家园联系簿上对幼儿一月或一学期的综合表现写下的简明评语,就是运用的评定法。 </p> <p>量化评价和质性评价各有长短,相对来说,量化评价比较客观、准确,质性评价比较全面、周到,但是,很多学前教育活动是难以量化的,必须采取质性评价的方法进行价值判断,当然,质性评价的方式也会带有一定的主观因素,评价者的主观意向会在一定程度上影响评价的结果。鉴于这种原因,在当前的学前教育评价中,大家比较倾向于将两种评价方式结合起来使用。 </p> <h5 id="e028">(三)混合型评价</h5> <p>混合型评价指将量化评价和质性评价结合起来进行评价。这是现代教育评价采用较多的一种评价方式。混合型评价既发挥了量化评价和质性评价各自的优势,也弥补了单一类型评价的不足。二者的有机结合能够全面揭示教育现象的本质,有助于对评价对象做出更加全面、合理的评价。 </p> <h3 id="c005"><span class="h3-zt">第五节</span><span class="h3-zt1">我国学前教育评价的现状与发展趋势</span></h3> <p>20世纪90年代以来,我国高等师范院校的学前教育专业开始开设“学前教育评价”这门课程,当时主要是学习和借鉴国外学前教育评价的理论、模式和方法,能</p> </div> </div> </div> <!-- 30页 --> <!-- <div class="page-box" page="36"> <div v-if="showPageList.indexOf(36) > -1"> <ul class="fl al-c pad-t-55 pad-l-14 mb-25 header-left"> <li class="header-left-Number"> 030 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div class="bodystyle"> </div> </div> </div> --> <!-- 31页 --> <!-- <div class="page-box" page="37"> <div v-if="showPageList.indexOf(37) > -1"> <ul class="fl al-c jc-fe pad-t-55 mb-25 pad-r-14 "> <img class="headerTextImg" src="../../assets/images/yemei-right.png" alt=""> <li class="headerText">第一章 学前教育评价概述</li> <li class="headerRightNumber">031</li> </ul> <div class="bodystyle"> </div> </div> </div> --> <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView> </div> </template> <script> import { getResourcePath } from "@/assets/methods/resources"; import { getCollectResource, setCollectResource, } from "@/assets/methods/resources"; import preView from '@/components/pdfview/index.vue' export default { name: "chapterOne", props: { showPageList: { type: Array, }, }, components: { preView, }, data() { return { collectImg: require("../../assets/images/icon/heart.png"), collectCheck: require("../../assets/images/icon/heart-check.png"), videoPathOne: "", videoPathTwo: "", videoPathThree: "", videoPathFour: "", videoPathFive: "", videoPathSix: "", collectResourceList: [], p_md5: '', dialogVisible: false, somePdfTitleValue: '', chapterData: { isCollectVideo: false, isCollectVideo01: false, isCollectVideo02: false, isCollectVideo03: false, isCollectVideo04: false, isCollectVideo05: false, }, chapter001: { pdfMd5: { 1: { md5: '8139966BC80128456E9B9B99EC6BDF09', name: '幼儿一日生活常规评价表', }, 2: { md5: 'A0DEFB55DD37C0650F1615FF3E61E471', name: '5~6岁儿童全面发展评价表', }, 3: { md5: 'B33EC2C6FB40C528118A9045CE921282', name: '韦克斯勒智力分类表', }, }, }, }; }, async mounted() { const videoData = localStorage.getItem("preschoolEvaluation-book-chapter01-Data"); if (videoData) { this.chapterData = JSON.parse(videoData); } this.getVidoePath(); // 获取视频是否被收藏 this.collectResourceList = await getCollectResource( this.config.activeBook.bookId ); }, methods: { async getVidoePath() { this.videoPathOne = await getResourcePath( "DDEC20290E43029222463DD28BB3D237" ); this.videoPathTwo = await getResourcePath( "EDAEF9B9D01620F14D24F738EB5281EE" ); this.videoPathThree = await getResourcePath( "CDA971A0D5219A1A94E4B090DF143CE8" ); // this.videoPathFour = await getResourcePath( // "74BEF46F849DD53D530C9AC60A2FD19F" // ); // this.videoPathFive = await getResourcePath( // "27A945AC80F952B99AB75B865C443BE0" // ); // this.videoPathSix = await getResourcePath( // "5719B1368112A8B2CEEE968D8FB6CD62" // ); }, handleCollect(e) { if (e == "video-01") { this.handleCollectResource( "DDEC20290E43029222463DD28BB3D237", "DDEC20290E43029222463DD28BB3D237", "", "视频", "bits", "视频:学前教育评价的内涵与相关概念" ); this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo; } else if (e == "video-02") { this.handleCollectResource( "EDAEF9B9D01620F14D24F738EB5281EE", "EDAEF9B9D01620F14D24F738EB5281EE", "", "视频", "bits", "视频:学前教育评价的原则" ); this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01; } else if (e == "video-03") { this.handleCollectResource( "CDA971A0D5219A1A94E4B090DF143CE8", "CDA971A0D5219A1A94E4B090DF143CE8", "", "视频", "bits", "视频:学前教育评价的类型" ); this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02; } this.handleChapterData(); }, handleChapterData() { localStorage.setItem( "preschoolEvaluation-book-chapter01-Data", JSON.stringify(this.chapterData) ); }, //资源收藏事件 // resourcePath 文件路径, // resourceType 文件类型 // source 文件来源 handleCollectResource( id, md5, resourcePath, resourceType, source, resourceName ) { let list = this.collectResourceList; if (list.findIndex((item) => item.id == id) > -1) { list = list.filter((item) => item.id != id); } else { list.push({ id, md5, resourcePath, resourceType, source, resourceName, }); } this.collectResourceList = list; setCollectResource( this.config.activeBook.bookId, this.collectResourceList ); }, toUrl(val) { if (val) { this.p_md5 = this.chapter001.pdfMd5[val].md5 this.somePdfTitleValue = this.chapter001.pdfMd5[val].name this.$refs.pdfDialogRef.openDialog() } }, } }; </script> <style lang="less" scoped></style> src/books/preschoolEvaluation/view/components/chapter002.vue
src/books/preschoolEvaluation/view/components/header.vue
New file @@ -0,0 +1,178 @@ <template> <div class="chapter" num="1"> <!-- 封面 --> <div class="page-box mt-20" page="1" style="padding-bottom: 0px"> <div v-if="showPageList.indexOf(1) > -1"> <img class="img-0" alt="" src="../../assets/images/Cover.jpg" /> </div> </div> <div class="page-box mt-20" page="2" style="padding-bottom: 0px"> <div v-if="showPageList.indexOf(2) > -1"> <img class="img-0" alt="" src="../../assets/images/feiye.png" /> </div> </div> <div class="page-box" page="3"> <div v-if="showPageList.indexOf(3) > -1"> <div class="max-400" style="margin: 0 auto; padding: 15% 0 20% 0"> <hr /> <p class="td-1 fz-15 block2"><b>图书在版编目(CIP)数据</b></p> <p class="td-1 fz-15 block2"> 学前教育评价/程秀兰主编.—2版.—北京:北京师范大学出版社,2023.12 </p> <p class="td-1 fz-15 block2">ISBN 978-7-303-28754-3</p> <p class="td-1 fz-15 block2"> Ⅰ.①学… Ⅱ.①程… Ⅲ.①学前教育-教育评估 Ⅳ.①G610 </p> <p class="td-1 fz-15 block2"> 中国版本图书馆CIP数据核字(2023)第014497号 </p> <hr /> <p><br /></p> <p><br /></p> <p class="td-0 fz-15 block3"> <b>图书意见反馈 gaozhifk@bnupg.com 010-58805079</b> </p> <p class="td-0 fz-15 block3">营销中心电话 010-58802181 58802755</p> <p class="td-0 fz-15 block3">编辑部门电话 010-58808898</p> <hr /> <p class="td-0 fz-14 block3"> 出版发行:北京师范大学出版社 www.bnupg.com </p> <p class="td-0 fz-14 block3"> 北京市西城区新街口外大街12-3号 </p> <p class="td-0 fz-14 block3"> 邮政编码:100088</p> <p class="td-0 fz-14 block3">印 刷:天津中印联印务有限公司</p> <p class="td-0 fz-14 block3">经 销:全国新华书店</p> <p class="td-0 fz-14 block3">开 本:787mm×1092mm 1/16</p> <p class="td-0 fz-14 block3">印 张:18.75</p> <p class="td-0 fz-14 block3">字 数:409千字</p> <p class="td-0 fz-14 block3">版 次:2023年12月第2版</p> <p class="td-0 fz-14 block3">印 次:2023年12月第8次印刷</p> <p class="td-0 fz-14 block3">定 价:49.80元</p> <hr /> <p class="td-0 fz-15 block3"> 策划编辑:罗佩珍 责任编辑:申立莹 </p> <p class="td-0 fz-15 block3"> 美术编辑:焦 丽 装帧设计:焦 丽 </p> <p class="td-0 fz-15 block3"> 责任校对:陈 民 责任印制:陈 涛 </p> <p class="td-0 fz-15 block3">封面插图:魏青兰·琪琪格</p> <p class="center block3 mt-30"><b class="fz-20">版权所有 侵权必究</b></p> <p class="center block3 "><b>反盗版、侵权举报电话:</b>010-58800697</p> <p class="center block3 fm-kt">北京读者服务部电话:010-58808104</p> <p class="center block3 fm-kt">外埠邮购电话:010-58808083</p> <p class="center block3 fm-kt"> 本书如有印装质量问题,请与印制管理部联系调换。 </p> <p class="center block3 fm-kt">印制管理部电话:010-58800608</p> </div> </div> </div> <div class="page-box" page="4"> <div v-if="showPageList.indexOf(4) > -1"> <div style="padding: 22% 0 10% 0; margin: 0 15%; background-color: #fff;"> <h1 id="a003" class="front">修订说明</h1> <div style="padding: 12% 0 0 0;"> <p>为了更好地贯彻党的二十大提出的有关教育精神,落实中共中央、国务院印发的《深化新时代教育评价改革总体方案》(以下简称《总体方案》)以及教育部颁布的《幼儿园保育教育质量评估指南》(以下简称《评估指南》)等政策文件,落实国家对高等学校教材提出的学科交叉、产教融合等要求,满足教材使用院校师生对融媒体教材的需求,受北京师范大学出版集团委托,我们启动修订2016年出版的《学前教育评价》教材。由于国家层面对教育评价的重视,教育评价改革已箭在弦上、势不可挡。 根据教育评价改革的新形势和现实需要,本次对如下方面的内容做了修订。</p> <p>1.将党的二十大有关教育论述中与学前教育评价相关的内容渗透到教材中。二十大报告提出要加快建设高质量教育体系,发展素质教育,促进教育公平,还提出继续关注教师队伍建设,强调要加强师德师风建设,培养高素质教师队伍。高质量教育体系离不开高素质教师队伍,本次修订中我们特别关注了第八章幼儿教师发展评价,将第一节评价的指导思想、第三节专业知识评价均做了理念和知识上的修改,同时在各节增加了幼儿园教师资格证考试真题,以引起大家对提升教师素质、强化师德师风建设、落实二十大精神的重视。 </p> <p>2.将《总体方案》和《评估指南》中有关要求融入教材的相应章节。《总体方案》中提出幼儿园教师评价突出保教实践,把以游戏为基本活动促进儿童主动学习和全面发展的能力作为关键指标,这一要求在第七章学前儿童发展评价以及第八章幼儿教师发展评价中均有体现;《评估指南》的指导思想、基本原则、评估方式等在第一章学前教育评价概述、第五章学前教育评价资料收集、第六章学前教育评价资料统计与分析中体现突出,《评估指南》中的五大维度评估内容在 </p> </div> </div> </div> </div> <div class="page-box" page="5"> <div v-if="showPageList.indexOf(5) > -1"> <ul class="fl al-c pad-t-55 pad-l-10 mb-25 header-left"> <li class="header-left-Number"> 002 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div style="padding: 0 0 10% 0; margin: 0 15%;"> <p class="td-0"> 教材的第三篇评价实践篇中重点贯彻。 </p> <p>3.将原来的纸质版教材改为融媒体教材。本次修订增加二维码资源,包括重要知识点微视频讲授、拓展知识等。这样的修改便于授课教师把握重要知识点,方便教师进行课程教学设计,也有利于学生借助二维码资源进行拓展学习。 </p> <p>4.增加幼儿园教师资格证考试真题以及全国幼儿教师技能大赛真题。本次修订在各章均增加了考试真题或大赛真题, 并结合知识点对真题进行了分析,便于学生学习时领会,灵活掌握课程教学知识。</p> <p>总体来说,本次修订在框架结构上还是保持评价理论篇、评价技术篇和评价实践篇三篇九章,但是在评价指导思想、评价理念以及评价方法上均将党的二十大精神、 《总体方案》以及《评估指南》的要求有机地渗透其中。同时,也将第1版的纸质教材改版为第2版的融媒体教材,以方便大家使用。</p> <p class="right">程秀兰</p> <p class="right fm-kt">2023年11月12日</p> </div> </div> </div> <div class="page-box" page="6"> <div v-if="showPageList.indexOf(6) > -1"> <div style="padding: 22% 0 10% 0; margin: 0 15%; background-color: #fff;"> <h1 id="a004" class="front1"> <span class="mb-20">序</span> <span>FOREWORD</span> </h1> <div style="padding: 12% 0 0 0;"> <p>2010年以来,我国学前教育事业进入新的发展时期,迎来了前所未有的春天。国家倡导大力发展学前教育,颁布了一系列政策文件。2010年颁布了《国务院关于当前发展学前教育的若干意见》《托儿所幼儿园卫生保健管理办法》,2011年颁布了《幼儿园收费管理暂行办法》《教育部关于规范幼儿园保育教育工作 防止和纠正“小学化”现象的通知》,2012年颁布了《3—6岁儿童学习与发展指南》《幼儿园教师专业标准(试行)》《学前教育督导评估暂行办法》,2013年颁布了《幼儿园教职工配备标准(暂行)》,2015年颁布了《幼儿园园长专业标准》,2016年3月开始实施新修订的《幼儿园工作规程》等,这些政策文件从不同侧面和视角对学前教育事业发展提出了新的标准与要求。由此,各个层面对学前教育事业发展各项内容的评价需求日益增多,如何在评价中反映这些新的标准与要求成为时代对“学前教育评价”课程的需求,这本教材就是在这样的背景下诞生的。 </p> <p>2012年秋,受北京师范大学出版社罗佩珍女士的邀约,我开始担纲这本教材的编写工作,当时心里是有些许惶恐的。虽然在1999年至2006年我一直承担陕西师范大学学前教育专业“学前教育评价”课程的教学工作,之后的几年也陆陆续续地承担该课程的教学任务,但我一直觉得编写一本既能满足学前教育专业学生理论学习需要,又能服务于学前教育评价实践需求的教材,不是一件容易的事。尤其是教材要反映近几年国家新出台的一系列学前教育政策文件的精神,这向编者提出了更高的要求。三载春秋,经过团队成员的共同努力,这本教材终于要与读者见面了。 </p> <p>本书由评价理论篇、评价技术篇和评价实践篇构成。评价理论篇由第一章、第二章和第三章组成,评价技术篇由第四章、第五章和第六章组成,评价实践篇由第七章、第八章和第九章组成。评价理论篇着重对学前教育评价的产生与发展、意义与作用、原则、类型,主要理论基础和理论模式进行概述;评价技术篇着重围绕学前教育评价方案编制、评价资料收集与统计分析进行阐述,目的在于帮助学生初步掌握开展学前教育评价的方法;评价实践篇着重对学前教育发展中的核心要素——学前儿童发展、幼儿教师发展和幼儿园管理工作进行评价,试图将国家新颁布的有关学前教育的政策内容融入其中。总体来看,本书凸显出如下几个方面的特点。 </p> <p>第一,全面反映国家发展学前教育的新政策、新要求。全书在编写过程中始 </p> </div> </div> </div> </div> <div class="page-box" page="7"> <div v-if="showPageList.indexOf(7) > -1"> <ul class="fl al-c pad-t-55 pad-l-10 mb-25 header-left"> <li class="header-left-Number"> 002 </li> <li class="header-left-text">学前教育评价(第2版)</li> <img class="header-left-img" src="../../assets/images/yemei-left.png" alt=""> </ul> <div style="padding: 0 0 10% 0; margin: 0 15%;"> <p class="td-0"> 终坚持以国家近几年新颁布的有关学前教育的政策文件为指导,各种评价方案的编制尽可能反映国家的相关要求,如对学前儿童身心发展诸方面的评价紧紧围绕《3—6岁儿童学习与发展指南》(以下简称《指南》)进行,《指南》的思想精神是指导我们开展学前儿童评价的依据;对幼儿教师专业发展的评价依托《幼儿园教师专业标准(试行)》中对幼儿教师提出的专业理念与师德、专业知识和专业能力三个方面的内容展开;对幼儿园管理工作的评价结合《学前教育督导评估暂行办法》《幼儿园教职工配备标准(暂行)》《托儿所幼儿园卫生保健管理办法》《幼儿园收费管理暂行办法》《幼儿园工作规程》等一系列有关幼儿园管理工作的政策文件;相关板块还融合了最新的教师资格考试大纲的要求,力图最大限度地反映国家发展学前教育的新精神。 </p> <p>第二,理论与实践密切结合。评价理论是指导评价实践的依据和先导,缺乏理论指导的实践可能沦为盲目的实践;反之,没有实践根基的理论也只能被视为空洞的理论。本教材在编写过程中时刻注意将理论指导与实践应用结合起来。比如,本教材论述了系统理论对学前教育评价的指导、量表理论和检验理论在学前教育评价中的具体应用、各种评价模式在学前教育实践中的具体运用,对学前教育评价类型的分析也基于大量的实践案例,学前教育评价方案的编制、评价资料的收集与处理也都凸显了理论与实践的结合。 </p> <p>第三,内容系统全面、可操作性强。本教材由评价理论、评价技术和评价实践三个模块构成,内容是相当系统和全面的。学习评价的目的是更科学、合理地开展评价活动,本教材在评价技术篇介绍了切实可用的评价方案编制方法以及收集评价资料和处理评价资料的技术与方法,在评价实践篇提供了对学前儿童身心发展、幼儿教师专业发展和幼儿园管理工作诸方面进行评价的具体方法。另外,本教材在每一章之后都列出了本章的关键术语、值得思考的问题,并设计了切实可行的操作性活动。 </p> <p>第四,广泛吸收国内外相关研究的前瞻性成果。国外关于学前教育评价方面的资料非常丰硕,且内容翔实、方法新颖;国内专家学者近年来也开展了大量有关学前教育评价方面的理论研究与实践工作,为本教材的编写提供了诸多借鉴与启发,恕不一一列举,在此一并致谢。 </p> <p>本教材适合作为高等师范院校学前教育专业学生的专业课教材使用,也希望成为学前教育实践中的管理者、教师开展研究和进行具体评价工作时的有用“帮手”。当然,由于编写者学识浅陋,本教材在编写过程中还存在一些不足与缺憾,恳请大家在使用过程中提出宝贵意见,也欢迎各位同行不吝赐教! </p> <p class="right">程秀兰</p> <p class="right">2016年3月于西安</p> </div> </div> </div> </div> </template> <script> export default { name: "pageHeader", props: { showPageList: { type: Array, }, }, data() { return {}; }, }; </script> <style lang="less" scoped></style> src/books/preschoolEvaluation/view/components/index.vue
New file @@ -0,0 +1,1002 @@ <template> <div class="page-main" @scroll="throttledScrollHandler"> <div id="searchDomBox" style="display: none"> <div id="searchContent"></div> </div> <div class="page-content" :style="{ fontSize: fontSize + 'px', transform: `scale(${pageZoom})`, transformOrigin: 'center top', }" > <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList" ></pageHeader> <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" ></chapterOne> <!-- <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" ></chapterTwo> <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" ></chapterThree> <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" ></chapterFour> <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList" ></chapterFive> <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList" > </chapterSix> <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList" > </chapterSeven> --> </div> </div> </template> <script> import pageHeader from "./header.vue"; import chapterOne from "./chapter001.vue"; // import chapterTwo from "./chapter002.vue"; // import chapterThree from "./chapter003.vue"; // import chapterFour from "./chapter004.vue"; // import chapterFive from "./chapter005.vue"; // import chapterSix from "./chapter006.vue"; // import chapterSeven from "./chapter007.vue"; import NoteIcon from "@/assets/images/biji.png"; import _ from "lodash"; import Swiper from "swiper/bundle"; import "swiper/swiper-bundle.css"; import Viewer from "viewerjs"; import "viewerjs/dist/viewer.css"; export default { name: "pageContent", data() { return { catalogLength: 2, // 总章节数 showCatalogList: [], // 显示的章节 loadThreshold: 300, // 触发加载阈值 throttleThreshold: 100, // 节流阈值 previousScrollTop: 0, throttledScrollHandler: null, observer: null, loadPageObserver: null, loadPageList: [], questionDataMap: {}, renderSignMap: {}, highlightData: null, audioPath: "", currentTime: null, videoList: [], }; }, computed: { fontSize() { this.transformDom(this.$store.state.qiankun.fontSize); return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 16; }, pageZoom() { return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1; }, }, watch: { showCatalogList: { handler(newVal, oldVal) { if ( this.$store.state.qiankun && this.$store.state.qiankun.catalogChange ) { // 调用父层方法 this.$store.state.qiankun.catalogChange({ showCatalogList: newVal, }); } // 启动页码观察 setTimeout(() => { this.initObservation(); this.initThemeColor(); }, 500); }, }, loadPageList: { handler(newVal, oldVal) { setTimeout(() => { this.transformDom(this.$store.state.qiankun.fontSize); this.initSwiper(); this.initViewer(); this.closeAudio(); this.closeVideo(); }, 200); }, }, pageZoom: { handler(newVal, oldVal) { const scrollBox = ( this.container ? this.container : document ).querySelector(".page-main"); scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal; }, }, }, mounted() { // 默认加载章节 this.showCatalogList = [1]; // 滚动监听节流 this.throttledScrollHandler = _.throttle( this.scrollFun, this.throttleThreshold, { leading: true, trailing: false } ); // 定义子层方法 if (this.setGlobalState) { // 提供页面跳转功能 this.setGlobalState({ gotoPage: (catalog, page) => { this.gotoPage(catalog, page); }, // 渲染笔记、高亮、划线 renderSign: (type, data) => { // 因为调整为页面懒加载,所以渲染标记也需要按照页面进行处理,先储存数据,页面加载完成再渲染对应的标记; this.handelSignData(type, data); // this.renderSign(type, data); }, // 删除笔记、高亮、划线 delSign: (data) => { this.delSign(data); }, // 全文检索 searchBookByKeyword: (keyword) => { return this.searchTextByPage(keyword); }, // 跳转检索结果位置 jumpSearchItem: (data) => { this.searchItemLocation(data); }, }); } // 创建一个新的 Intersection Observer 实例,用于观察目标元素和执行相应的回调函数。 // new IntersectionObserver(callback, options):使用之前定义的 callback 回调函数和 options 配置选项来初始化 Intersection Observer 实例。 this.observer = new IntersectionObserver(this.pageChangeCallback, { root: null, // 指定根元素,这里设为 null,表示选取整个视窗作为根元素。 rootMargin: "0px", // 指定根元素的边界,这里设为 "0px",表示根元素的边界和视窗的边界重合 threshold: 0.5, // 指定交叉比例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。 }); this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, { root: null, // 指定根元素,这里设为 null,表示选取整个视窗作为根元素。 rootMargin: "0px", // 指定根元素的边界,这里设为 "0px",表示根元素的边界和视窗的边界重合 threshold: 0, // 指定交叉比例,这里设为 0.5,表示当目标元素一半或更多显示在视窗中时触发回调函数。 }); // 启动页码观察 setTimeout(() => { this.initObservation(); this.initThemeColor(); }, 500); // 测试页面跳转 setTimeout(() => { this.gotoPage(2, 9); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", // txt: "题一学习主题一 运动", // page: "10", // type: "Highlight", // color: "#F5E12A" // }); // setTimeout(() => { // this.delSign({ // ids: ["2ACA9359"] // }); // }, 2000); }, 500); // const pageDom = (this.container ? this.container : document) // .querySelector("#app") // .querySelectorAll(".page-box"); // 检索 // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage"); // 检索跳转 // this.searchItemLocation({ // catalog: 2, // page: 10, // txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ", // txtIndex: 57 // }); // }, 500); }, methods: { // setZoom1() { // let scale = this.$store.state.qiankun.scale + 10; // const scrollBox = ( // this.container ? this.container : document // ).querySelector(".page-main"); // this.$store.commit("setZoom", scale); // }, // setZoom2() { // let scale = this.$store.state.qiankun.scale - 10; // const scrollBox = ( // this.container ? this.container : document // ).querySelector(".page-main"); // this.$store.commit("setZoom", scale); // }, // 滚动监听 scrollFun(event) { this.handleVideoPicture(); // 判断向上滚动还是向下滚动 if (event.target.scrollTop > this.previousScrollTop) { this.getAduio(); // 向下 const currentScrollTop = event.target.scrollTop + event.target.offsetHeight; if ( currentScrollTop >= event.target.scrollHeight - this.loadThreshold ) { console.log(1); // 到达阈值 if ( this.showCatalogList[this.showCatalogList.length - 1] < this.catalogLength ) { // 加载下一章 this.showCatalogList.push( this.showCatalogList[this.showCatalogList.length - 1] + 1 ); if (this.showCatalogList.length > 3) { // 超过三章隐藏顶部一章 this.showCatalogList.shift(); } } } } else if (event.target.scrollTop < this.previousScrollTop) { this.handleAudio(); // 向上 const currentScrollTop = event.target.scrollTop; if (currentScrollTop <= this.loadThreshold) { // 到达阈值 if (this.showCatalogList[0] > 0) { // 加载上一章 this.showCatalogList.unshift(this.showCatalogList[0] - 1); if (this.showCatalogList.length > 3) { // 超过三章隐藏底部一章 this.showCatalogList.pop(); } } } } // showCatalogList 当前显示的三个章节,watch监听传递给主应用 // 更新上一次滚动的位置 this.previousScrollTop = event.target.scrollTop; }, // 章节、页面跳转 gotoPage(catalog, page) { if (catalog >= 0 && catalog <= this.catalogLength) { // 处理渲染章节 if (catalog == 0) { this.showCatalogList = [0, 1]; } else if (catalog == this.catalogLength) { this.showCatalogList = [ this.catalogLength - 2, this.catalogLength - 1, this.catalogLength, ]; } else { this.showCatalogList = [catalog - 1, catalog, catalog + 1]; } setTimeout(() => { // 跳转页码 const pageDom = ( this.container ? this.container : document ).querySelector(`[page="${page}"]`); if (pageDom) { pageDom.scrollIntoView(); } else { console.log("页码错误!"); } }, 500); } else { console.log("章节错误!"); } }, // 处理标记数据 handelSignData(type, data) { if (this.loadPageList.indexOf(Number(data.page)) > -1) { // 立即渲染 this.renderSign(type, data); } // 储存数据 if (!this.renderSignMap[type]) this.renderSignMap[type] = {}; if (!this.renderSignMap[type][data.page]) this.renderSignMap[type][data.page] = []; this.renderSignMap[type][data.page].push(data); }, // 渲染标记 renderSign(type, data) { // 父层设置禁止渲染标记时不再进行渲染 if (this.$store.state.qiankun.disableSign) { return false; } const existence = ( this.container ? this.container : document ).querySelector(`[dataid="${data.id}"]`); // 去重 if (!existence) { const pageDom = ( this.container ? this.container : document ).querySelector(`[page="${data.page}"]`); // 创建 createTreeWalker 迭代器,用于遍历文本节点,保存到一个数组 const treeWalker = document.createTreeWalker( pageDom, NodeFilter.SHOW_TEXT ); const allTextNodes = []; let currentNode = treeWalker.nextNode(); while (currentNode) { allTextNodes.push(currentNode); currentNode = treeWalker.nextNode(); } for (let i = 0; i < allTextNodes.length; i++) { const textDom = allTextNodes[i]; if (textDom.textContent.indexOf(data.txt) > -1) { let reg = new RegExp(`${data.txt}`, "ig"); switch (type) { case "Highlight": // 高亮 textDom.parentNode.innerHTML = textDom.parentNode.innerHTML.replace( reg, `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>` ); break; case "Dashing": // 划线 textDom.parentNode.innerHTML = textDom.parentNode.innerHTML.replace( reg, `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>` ); break; case "Note": // 笔记 textDom.parentNode.innerHTML = textDom.parentNode.innerHTML.replace( reg, `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>` ); break; } } } } }, // 删除标记渲染 delSign({ ids, type }) { if (ids && ids.length) { for (let i = 0; i < ids.length; i++) { const id = ids[i]; const dom = ( this.container ? this.container : document ).querySelector(`[dataid="${id}"]`); dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace( dom.outerHTML, dom.outerText ); } } if (type) { const doms = ( this.container ? this.container : document ).querySelectorAll(`[datatype="${type}"]`); for (let i = 0; i < doms.length; i++) { const dom = doms[i]; dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace( dom.outerHTML, dom.outerText ); } } }, initObservation() { const sections = ( this.container ? this.container : document ).querySelectorAll(".page-box"); sections.forEach((section) => { if (this.config.activeBook && this.config.activeBook.tryPageCount) { const page = section.getAttribute("page"); if (Number(page) > this.config.activeBook.tryPageCount) { let chapterDom = this.getParentWithClass(section, "chapter"); const chapterNum = chapterDom.getAttribute("num"); this.catalogLength = Number(chapterNum) - 1; section.remove(); return false; } } // observer 观察每个元素,以便在它们进入或离开视窗时触发回调函数。 const isObserver = section.getAttribute("observer"); const isLoadObserver = section.getAttribute("loadObserver"); if (!isObserver) { this.observer.observe(section); section.setAttribute("observer", "1"); } if (!isLoadObserver) { this.loadPageObserver.observe(section); section.setAttribute("loadObserver", "1"); } }); }, initThemeColor() { // 获取各种需要主题色的节点 const colorDom = ( this.container ? this.container : document ).querySelectorAll(".theme-color"); const backgroundColorDom = ( this.container ? this.container : document ).querySelectorAll(".theme-back"); const borderColorDom = ( this.container ? this.container : document ).querySelectorAll(".theme-border"); // 获取配置的主题色 const bookThemeColor = this.config.activeBook && this.config.activeBook.bookThemeColor ? this.config.activeBook.bookThemeColor : null; const chapterThemeColor = this.config.activeBook && this.config.activeBook.chapterThemeColor ? this.config.activeBook.chapterThemeColor : null; const pageThemeColor = this.config.activeBook && this.config.activeBook.pageThemeColor ? this.config.activeBook.pageThemeColor : null; colorDom.forEach((domItem) => { // 获取章节、页码 let pageDom = this.getParentWithClass(domItem, "page-box"); let chapterDom = this.getParentWithClass(domItem, "chapter"); let page, chapterNum; if (pageDom) page = pageDom.getAttribute("page"); if (chapterDom) chapterNum = chapterDom.getAttribute("num"); // 向上匹配主题色 const themeColor = page && pageThemeColor && pageThemeColor[page] ? pageThemeColor[page] : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum] ? chapterThemeColor[chapterNum] : bookThemeColor; if (themeColor) { domItem.style.color = themeColor; } }); backgroundColorDom.forEach((domItem) => { // 获取章节、页码 let pageDom = this.getParentWithClass(domItem, "page-box"); let chapterDom = this.getParentWithClass(domItem, "chapter"); let page, chapterNum; if (pageDom) page = pageDom.getAttribute("page"); if (chapterDom) chapterNum = chapterDom.getAttribute("num"); // 向上匹配主题色 const themeColor = page && pageThemeColor && pageThemeColor[page] ? pageThemeColor[page] : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum] ? chapterThemeColor[chapterNum] : bookThemeColor; if (themeColor) { domItem.style.backgroundColor = themeColor; } }); borderColorDom.forEach((domItem) => { // 获取章节、页码 let pageDom = this.getParentWithClass(domItem, "page-box"); let chapterDom = this.getParentWithClass(domItem, "chapter"); let page, chapterNum; if (pageDom) page = pageDom.getAttribute("page"); if (chapterDom) chapterNum = chapterDom.getAttribute("num"); // 向上匹配主题色 const themeColor = page && pageThemeColor && pageThemeColor[page] ? pageThemeColor[page] : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum] ? chapterThemeColor[chapterNum] : bookThemeColor; if (themeColor) { domItem.style.borderColor = themeColor; } }); }, getParentWithClass(element, className) { while (element.parentElement) { element = element.parentElement; if (element.classList.contains(className)) { return element; } } }, pageChangeCallback(entries, observer) { //entries:代表观察到的目标元素的集合。 observer:代表观察者对象。 entries.forEach((entry) => { //entry.isIntersecting:检查当前目标元素是否与根元素相交。 if (entry.isIntersecting) { const target = entry.target; //entry.target:获取当前目标元素 const page = target.getAttribute("page"); const catalogDom = this.tool.getParentNodeByClassName( target, "chapter" ); const catalog = catalogDom.getAttribute("num"); let text = null; if (target.querySelector("p")) { text = target.querySelector("p").textContent.substring(0, 50); } // 返回页码和章节信息 if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange) this.$store.state.qiankun.pageChange({ page: page, catalog: catalog, text, }); // const sections = Array.from(document.querySelectorAll(".section")); //sections:获取所有具有 .section 类名的元素,并转换为数组。 // let index = sections.findIndex((section) => section === target) + 1; //index:查找当前目标元素在 sections 数组中的索引,并加 1,用于确定当前页码。 } }); }, loadPageCallback(entries, observer) { entries.forEach(async (entry) => { if (entry.isIntersecting) { const target = entry.target; const page = target.getAttribute("page"); if (this.loadPageList.indexOf(Number(page)) == -1) { const catalogDom = this.tool.getParentNodeByClassName( target, "chapter" ); // 添加页码 this.loadPageList.push(Number(page)); const catalog = catalogDom.getAttribute("num"); // if (!this.questionDataMap[page]) { // if (testData && testData[catalog]) { // if (testData[catalog][page]) { // if (Array.isArray(testData[catalog][page])) { // this.questionDataMap[page] = await getQuestionList( // page, // testData[catalog][page], // this.config.activeBook // ); // } else { // const obj = {}; // for (let key in testData[catalog][page]) { // obj[key] = await getQuestionList( // [], // testData[catalog][page][key], // this.config.activeBook // ); // } // this.questionDataMap[page] = obj; // } // console.log("题目", this.questionDataMap); // } // } // } // 渲染这一页的标记 for (const key in this.renderSignMap) { if (this.renderSignMap[key][page]) { this.renderSignMap[key][page].forEach((item) => { this.renderSign(key, item); }); } } // 处理高亮 if (this.highlightData) { // 高亮行 setTimeout(() => { // 获取页面所有text节点 const pageTextList = document.createTreeWalker( target, NodeFilter.SHOW_TEXT ); // 匹配关键字 const allPageTextNodes = []; let currentNode = pageTextList.nextNode(); while (currentNode) { allPageTextNodes.push(currentNode); currentNode = pageTextList.nextNode(); } for (let i = 0; i < allPageTextNodes.length; i++) { const textDom = allPageTextNodes[i]; let txtIndex = textDom.textContent.indexOf( this.highlightData.txt ); if (txtIndex > -1) { textDom.parentNode.style.transition = "background-color 0.8s"; textDom.parentNode.scrollIntoView(); textDom.parentNode.style.backgroundColor = "#79bbf0"; setTimeout(() => { textDom.parentNode.style.backgroundColor = ""; }, 1000); } } }, 100); } if (this.loadPageList.length > 5) { // 超过5页 this.loadPageList.shift(); } } } }); }, initSwiper() { const doms = ( this.container ? this.container : document ).querySelectorAll(".swiper-img"); for (let i = 0; i < doms.length; i++) { const dom = doms[i]; new Swiper(dom, { loop: false, // 无缝 autoplay: { //自动开始 delay: 3000, //时间间隔 disableOnInteraction: false, //*手动操作轮播图后不会暂停* }, paginationClickable: true, slidesPerView: 1, // 一组三个 spaceBetween: 30, // 间隔 // 如果需要前进后退按钮 navigation: { nextEl: dom.querySelector(".swiper-button-next"), prevEl: dom.querySelector(".swiper-button-prev"), }, // 窗口变化,重新init,针对F11全屏和放大缩小,必须加 // observer: true, // observeParents: true // // 如果需要分页器 // pagination: { // el: (this.container ? this.container : document).querySelector( // ".swiper-pagination" // ), // clickable: true // 分页器可以点击 // } }); } const pptDoms = ( this.container ? this.container : document ).querySelectorAll(".swiper_ppt"); for (let i = 0; i < pptDoms.length; i++) { const dom = pptDoms[i]; new Swiper(dom, { loop: false, // 无缝 autoplay: false, paginationClickable: true, slidesPerView: 1, // 一组三个 spaceBetween: 30, // 间隔 // 如果需要前进后退按钮 navigation: { nextEl: dom.querySelector(".swiper-button-next"), prevEl: dom.querySelector(".swiper-button-prev"), }, // 窗口变化,重新init,针对F11全屏和放大缩小,必须加 observer: true, observeParents: true, on: { init: (value) => { let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数) let totalPages = value.slides.length; // 获取总页数 var paginationInfoEl = dom.querySelector(".pageBox"); if (paginationInfoEl) paginationInfoEl.textContent = currentPage + "/" + totalPages; }, slideChange: (value) => { let currentPage = value.activeIndex + 1; // 获取当前页(从1开始计数) let totalPages = value.slides.length; // 获取总页数 var paginationInfoEl = dom.querySelector(".pageBox"); if (paginationInfoEl) paginationInfoEl.textContent = currentPage + "/" + totalPages; }, }, }); } }, initViewer() { const doms = ( this.container ? this.container : document ).querySelectorAll(".openImgBox"); for (let i = 0; i < doms.length; i++) { const dom = doms[i]; new Viewer(dom, { container: this.container ? this.container.querySelector("#app") : "body", navbar: true, // 显示导航栏 toolbar: true, // 显示工具栏 title: true, // 显示标题 }); } }, // 根据关键字全文检索 searchTextByPage(keyword) { const searchResult = []; let catalogIndex = 0; // 所有章节组件(每本书制作时单独配置) const pageData = { pageHeader, chapterOne, // chapterTwo, // chapterThree, // chapterFour, // chapterFive, // chapterSix, // chapterSeven }; // 遍历所有章节文件 for (const key in pageData) { catalogIndex++; let pageComponent, pageExample; // 先渲染一次当前章节文件(这时页面的内容为空),获取页码信息 pageComponent = Vue.extend(pageData[key]); pageExample = new pageComponent({ propsData: { showPageList: [], questionData: {}, isSearch: true, }, }); pageExample.$mount( (this.container ? this.container : document).querySelector( "#searchContent" ) ); // 获取页码 const pageDom = (this.container ? this.container : document) .querySelector("#searchDomBox") .querySelectorAll(".page-box"); const pages = []; for (let i = 0; i < pageDom.length; i++) { const pageDomItem = pageDom[i]; pages.push(Number(pageDomItem.getAttribute("page"))); } // 获取页面结束,卸载销毁 pageExample.$destroy(); (this.container ? this.container : document).querySelector( "#searchDomBox" ).innerHTML = '<div id="searchContent"></div>'; // 遍历页码 if (pages.length) { for (let i = 0; i < pages.length; i++) { const pageNum = pages[i]; // 动态渲染对应章节的页码 pageComponent = Vue.extend(pageData[key]); pageExample = new pageComponent({ propsData: { showPageList: [pageNum], questionData: {}, isSearch: true, }, }); pageExample.$mount( (this.container ? this.container : document).querySelector( "#searchContent" ) ); // 获取对应页面dom const thisPageDom = (this.container ? this.container : document) .querySelector("#searchDomBox") .querySelector(`[page="${pageNum}"]`); if (thisPageDom) { // 获取页面所有text节点 const pageTextList = document.createTreeWalker( thisPageDom, NodeFilter.SHOW_TEXT ); // 匹配关键字 const allPageTextNodes = []; let currentNode = pageTextList.nextNode(); while (currentNode) { allPageTextNodes.push(currentNode); currentNode = pageTextList.nextNode(); } for (let i = 0; i < allPageTextNodes.length; i++) { const textDom = allPageTextNodes[i]; let txtIndex = textDom.textContent.indexOf(keyword); if (txtIndex > -1) { // 记录关键字所在页码、章节以及匹配到的段落 searchResult.push({ page: pageNum, catalog: catalogIndex, txt: textDom.textContent, txtIndex: txtIndex, }); } } // 结束,卸载销毁 pageExample.$destroy(); (this.container ? this.container : document).querySelector( "#searchDomBox" ).innerHTML = '<div id="searchContent"></div>'; } } } } // 输出搜索结果 console.log(searchResult); return searchResult; }, // 根据检索结果跳转对应位置并高亮 searchItemLocation(data) { // 记录高亮信息 this.highlightData = data; // 跳转 this.gotoPage(data.catalog, data.page, () => {}); }, // 页面向下滚动,音频小窗播放功能 getAduio() { let allVideo = ( this.container ? this.container : document ).querySelectorAll(".audio"); allVideo = Array.from(allVideo); this.videoList = allVideo; if (allVideo.length) { // 查找播放状态的最后一条音频 const playAudio = allVideo .reverse() .find((item) => item.paused == false); if (playAudio) { const bottomGap = playAudio.getBoundingClientRect().bottom; if (bottomGap < 0) { playAudio.pause(); this.audioPath = playAudio.src; this.currentTime = playAudio.currentTime; } } } }, // 页面向上滚动,音频小窗回收 handleAudio() { if (!this.audioPath) return false; let allVideo = ( this.container ? this.container : document ).querySelectorAll(".audio"); allVideo = Array.from(allVideo); if (allVideo.length) { //查找与小窗播放音频同源的页面audio DOM const playAudio = allVideo.find((item) => item.src == this.audioPath); if (playAudio) { const bottomGap = playAudio.getBoundingClientRect().bottom; if (bottomGap >= 0) { if (this.$refs.audioPlayer) { const playerState = this.$refs.audioPlayer.getVideoPlayer(); this.audioPath = ""; playAudio.currentTime = playerState.currentTime; if (!playerState.paused) playAudio.play(); } } } } }, // 关闭mini video closeMiniAudio() { this.audioPath = ""; }, // 点击音频播放,关闭其他音频 closeAudio() { let allAudio = ( this.container ? this.container : document ).querySelectorAll(".audio"); for (let index = 0; index < allAudio.length; index++) { const item = allAudio[index]; item.addEventListener("play", () => { const audioList = Array.from(allAudio); for (let cindex = 0; cindex < audioList.length; cindex++) { const citem = audioList[cindex]; if (citem.currentSrc != item.src) { citem.pause(); } } this.closeMiniAudio(); }); } }, // 点击视频关闭其他 closeVideo() { let allVideo = ( this.container ? this.container : document ).querySelectorAll(".video"); for (let index = 0; index < allVideo.length; index++) { const item = allVideo[index]; item.addEventListener("playing", (item) => { const path = item.srcElement.src; const videoList = Array.from(allVideo); for (let cindex = 0; cindex < videoList.length; cindex++) { const citem = videoList[cindex]; if (citem.currentSrc != path && path) { citem.pause(); } } }); } }, // 视频小窗 handleVideoPicture() { let doms = (this.container ? this.container : document).querySelectorAll( ".video" ); doms = Array.from(doms); if (!doms.length) return false; const playVudio = doms.reverse().find((item) => item.paused == false); if (playVudio) { const bottomGap = playVudio.getBoundingClientRect().bottom; const topGap = playVudio.getBoundingClientRect().top; if (bottomGap < 0 || topGap > window.innerHeight) { try { if (playVudio.readyState) playVudio.requestPictureInPicture(); } catch (error) { console.log(error, "小窗错误error"); } } } }, //其他类名下字体大小变化 transformDom(fs) { if (!fs) return; let doms = (this.container ? this.container : document).querySelectorAll( ".block" ); if (!doms.length) return; for (let index = 0; index < doms.length; index++) { const dom = doms[index]; dom.style.fontSize = fs + "px"; } }, }, components: { pageHeader, chapterOne, // chapterTwo, // chapterThree, // chapterFour, // chapterFive, // chapterSix, // chapterSeven }, }; </script> <style lang="less" scoped> .page-main { width: 100% !important; // height: 100% !important; overflow: auto; .page-content { max-width: 816px; min-width: 375px; margin: 0 auto; padding-bottom: 100px; } } </style> src/books/preschoolEvaluation/view/index.vue
New file @@ -0,0 +1,80 @@ <template> <div class="preschoolEvaluation" @mouseup="handleMouseUp"> <pageContent></pageContent> </div> </template> <script> import pageContent from "./components/index.vue"; export default { name: "preschoolEvaluation", components: { pageContent, }, computed: { fontSize() { return this.$store.state.qiankun.fontSize; }, pageZoom() { return this.$store.state.qiankun.scale / 100; }, }, methods: { getParentWithClass(element, className) { while (element.parentElement) { element = element.parentElement; if (element.classList.contains(className)) { return element; } } }, handleMouseUp(e) { const selection = ( this.container ? this.container : window ).getSelection(); const txt = selection.toString(); if (selection.type != "none" && txt) { let node = selection.anchorNode.parentNode; let pageHtml = this.getParentWithClass( selection.anchorNode, "page-box" ); let chapterDom = this.getParentWithClass( selection.anchorNode, "chapter" ); let chapterNum; if (chapterDom) chapterNum = chapterDom.getAttribute("num"); if (pageHtml) { const page = pageHtml.getAttribute("page"); // 监听选中文本事件,并触发父层方法 if (this.$store.state.qiankun.windowSelection) { this.$store.state.qiankun.windowSelection({ chapterNum, txt, page, x: e.x, y: e.y, }); } } } else { if (this.$store.state.qiankun.windowSelection) { this.$store.state.qiankun.windowSelection({ chapterNum: "", txt: "", page: "", x: e.x, y: e.y, }); } } }, }, }; </script> <style lang="less"> @import "../assets/main.less"; </style>