<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/" xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>Canva &#8211; QUIZEDUCATE</title>
	<atom:link href="https://quizeducate.com/tag/canva/feed/" rel="self" type="application/rss+xml" />
	<link>https://quizeducate.com</link>
	<description></description>
	<lastBuildDate>Sat, 15 Aug 2026 13:00:45 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://quizeducate.com/wp-content/uploads/2025/03/cropped-23-03-2025_145309-32x32.webp</url>
	<title>Canva &#8211; QUIZEDUCATE</title>
	<link>https://quizeducate.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva for Beginners สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-611/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Sat, 15 Aug 2026 12:50:56 +0000</pubDate>
				<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ความเป็นครู]]></category>
		<category><![CDATA[อบรมออนไลน์]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7266</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง Canva for Beginners เพื่ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง Canva for Beginners เพื่อรับเกียรติบัตรออนไลน์ ผ่าน E-learning</h2>



<p class="wp-block-paragraph">วิชา <strong>Canva for Beginners</strong> จัดทำโดย <strong>KMITL Learning Intelligence X</strong> สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง เหมาะสำหรับน้องๆ ที่ต้องการเริ่มต้นเรียนรู้การใช้งานโปรแกรม Canva เพื่อสร้างสรรค์งานกราฟิกและการสื่อสารด้วยภาพ วิชาเรียนนี้ช่วยพัฒนากระบวนการออกแบบ จัดการองค์ประกอบศิลป์ และสื่อสารความคิดออกมาเป็นชิ้นงานที่เข้าใจง่าย</p>


<figure class="wp-block-post-featured-image"><img fetchpriority="high" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva for Beginners สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva for Beginners สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง 1"></figure>


<p class="wp-block-paragraph">การเรียนรู้ระบบการทำงานของเครื่องมือออกแบบ การจัดการข้อความ การปรับแต่งภาพถ่าย การตัดต่อวิดีโอและเสียง รวมถึงเทคนิคการทำงานร่วมกัน เป็นพื้นฐานสำคัญที่ช่วยพัฒนากระบวนการคิดเชิงสร้างสรรค์และการสื่อสาร ความรู้ชุดนี้สามารถนำไปเชื่อมโยงกับกลุ่มสาขาวิชานิเทศศาสตร์ การสื่อสารมวลชน เทคโนโลยีมัลติมีเดีย การออกแบบกราฟิก สารสนเทศศาสตร์ หรือสาขาการตลาด ซึ่งล้วนต้องใช้นำเสนอผลงานและการสื่อสารด้วยภาพ</p>



<p class="wp-block-paragraph">น้องๆ สามารถนำทักษะที่ได้จากการเรียนรายวิชานี้ ไปใช้อธิบายใน Portfolio เพื่อสะท้อนถึงทักษะด้านเครื่องมือดิจิทัล การจัดวางองค์ประกอบ visual communication และนำชิ้นงานจริงที่ทดลองทำระหว่างเรียน เช่น สไลด์นำเสนอ ชิ้นงานสื่อสังคมออนไลน์ หรือวิดีโอสั้น ใส่ในเล่ม Portfolio เพื่อแสดงกระบวนการทำงานจริง</p>



<p class="wp-block-paragraph">โครงสร้างเนื้อหาแบ่งออกเป็น <strong>7 บทเรียน</strong> ประกอบด้วย:</p>



<ul class="wp-block-list">
<li>ตอนที่ 1 Introduction</li>



<li>ตอนที่ 2 รู้จัก Canva</li>



<li>ตอนที่ 3 วิธีสมัครบัญชีผู้ใช้ Canva</li>



<li>ตอนที่ 4 การใช้และการปรับแต่ง Template</li>



<li>ตอนที่ 5 การแก้ไของค์ประกอบ การค้นหาแบบอักษรและการใช้ข้อความ</li>



<li>ตอนที่ 6 การอัปโหลดและการใช้ภาพถ่าย การอัปโหลดและแก้ไขวิดีโอและเสียง</li>



<li>ตอนที่ 7 การแบ่งปันและการทำงานร่วมกันในการออกแบบ</li>
</ul>



<p class="wp-block-paragraph">แนวทางการนำความรู้ไปปรับใช้และการเตรียมตัวสำหรับน้องๆ:</p>



<ol start="1" class="wp-block-list">
<li>ตรวจสอบรายละเอียดและเนื้อหาทั้งหมดในหน้ารายวิชาของระบบเรียนออนไลน์</li>



<li>ลงทะเบียนเข้าสู่ระบบและเริ่มเข้าเรียนตามบทเรียนที่จัดไว้</li>



<li>ฝึกปฏิบัติตามบทเรียนเกี่ยวกับการปรับแต่ง Template การค้นหาแบบอักษร และการจัดองค์ประกอบข้อความ</li>



<li>ทดลองอัปโหลดภาพถ่าย วิดีโอ เสียง และใช้ฟังก์ชั่นแบ่งปันเพื่อฝึกทำงานร่วมกับผู้อื่น</li>



<li>รวบรวมชิ้นงานที่ออกแบบระหว่างเรียน พร้อมบันทึกภาพหน้าจอขั้นตอนการทำงานไว้ใช้เป็นหลักฐาน</li>



<li>เรียบเรียงวิธีคิดและแนวทางการเลือกใช้เครื่องมือลงใน Portfolio เพื่ออธิบายทักษะการสื่อสารด้วยภาพ</li>
</ol>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: KMITL Learning Intelligence X King Mongkut&#8217;s Institute of Technology Ladkrabang</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://m.me/quizeducate" style="border-radius:0px" rel="nofollow">ให้เราอบรมให้ (แคปภาพกิจกรรมนี้ส่งทางแชท)</a></div>



<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://klix.kmitl.ac.th/courses/698dd8fc7baf322541d00c2b" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/08/15-08-2026_195133.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง เทคนิคการใช้งานเครื่องมือ AI และการจัดการสื่อดิจิทัลในศตวรรษที่ 21</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-395/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Mon, 30 Mar 2026 17:00:19 +0000</pubDate>
				<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[เรียนต่อสายวิทย์]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=5971</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง เทคนิคการใช้งานเครื่องมื [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง เทคนิคการใช้งานเครื่องมือ AI และการจัดการสื่อดิจิทัลในศตวรรษที่ 21 เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form</h2>



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง เทคนิคการใช้งานเครื่องมือ AI และการจัดการสื่อดิจิทัลในศตวรรษที่ 21 เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบครับ สามารถทำแบบทดสอบได้ที่ปุ่มทำแบบทดสอบด้านล่างเลยครับ</p>


<figure class="wp-block-post-featured-image"><img decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง เทคนิคการใช้งานเครื่องมือ AI และการจัดการสื่อดิจิทัลในศตวรรษที่ 21 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง เทคนิคการใช้งานเครื่องมือ AI และการจัดการสื่อดิจิทัลในศตวรรษที่ 21 2"></figure>


<p class="wp-block-paragraph">ทุกวันนี้ AI ไม่ได้เป็นแค่เทคโนโลยีล้ำ ๆ ที่อยู่ไกลตัวอีกต่อไป แต่มันกลายเป็นผู้ช่วยที่น้อง ๆ ใช้ได้แทบทุกวัน ตั้งแต่การสรุปเอกสาร การสร้างสไลด์ การทำเพลง ไปจนถึงการเขียนโค้ดแบบที่เมื่อก่อนต้องใช้เวลาศึกษาเป็นเดือน ๆ แต่ตอนนี้แค่รู้จักเลือกเครื่องมือให้ถูกงาน ทุกอย่างก็ง่ายขึ้นแบบไม่น่าเชื่อ</p>



<p class="wp-block-paragraph">เริ่มจากพื้นฐานที่สุดของการทำงานกับ AI เลย นั่นคือการรู้จักแพลตฟอร์มที่เหมาะกับงานของเรา เช่น <strong>Google AI Studio</strong> ที่ออกแบบมาเพื่อให้นักพัฒนาทดลองโมเดล ปรับค่าต่าง ๆ อย่าง Temperature และขอ API Key ได้สะดวกมาก เหมาะกับคนที่อยากลองสร้างแอปหรือระบบที่ใช้โมเดล AI ของ Google โดยตรง</p>



<p class="wp-block-paragraph">แต่ก่อนจะอัปโหลดไฟล์อะไรให้ AI วิเคราะห์ สิ่งที่ต้องระวังที่สุดคือเรื่อง <strong>ข้อมูลส่วนบุคคล</strong> เพราะไฟล์เอกสารจำนวนมากมักมีชื่อ เบอร์โทร หรือข้อมูลที่สามารถระบุตัวบุคคลได้ น้อง ๆ ควรลบข้อมูลเหล่านี้ออกก่อนเสมอ เพื่อป้องกันความเสี่ยงด้านความเป็นส่วนตัวที่อาจเกิดขึ้นได้ในอนาคต</p>



<p class="wp-block-paragraph">เมื่อพูดถึงการทำงานกับเนื้อหายาว ๆ เช่น รายงานการประชุมหรือเอกสารหลายหน้า การสรุปให้กระชับและนำไปใช้ต่อได้ง่ายที่สุดคือการให้ AI แสดงผลแบบ <strong>หัวข้อย่อย (Bullet points) หรือรูปแบบตาราง</strong> เพราะมันนำไปทำสไลด์ต่อได้ทันที ไม่ต้องจัดหน้าใหม่ให้เสียเวลา และถ้าน้อง ๆ ต้องการให้ AI ทำงานร่วมกับ Google Docs หรือ Google Sheets ได้ลื่นที่สุด ตัวที่ตอบโจทย์ที่สุดคือ <strong>Gemini</strong> ซึ่งออกแบบมาให้ทำงานกับ Google Workspace โดยตรง เช่น สรุปเนื้อหาใน Docs แล้วแปลงเป็นตารางใน Sheets ได้ทันที</p>



<p class="wp-block-paragraph">แต่ถ้าต้องทำสไลด์แบบเร่งด่วนจริง ๆ การใช้เครื่องมือเฉพาะทางอย่าง <strong>AI Presentation Generators เช่น Gamma หรือ Tome</strong> จะช่วยประหยัดเวลาได้มาก เพราะมันสามารถแปลงเนื้อหายาว ๆ ให้กลายเป็นสไลด์พร้อมจัดหน้าอัตโนมัติในไม่กี่วินาที เหมาะกับงานที่ต้องส่งด่วนหรือเวลาที่ต้องเตรียมสื่อประกอบการสอนแบบฉุกเฉิน</p>



<p class="wp-block-paragraph">ในด้านการสร้างสื่ออื่น ๆ เช่น เพลง น้อง ๆ อาจคิดว่าต้องมีความรู้ดนตรี แต่จริง ๆ แล้วเครื่องมืออย่าง Suno AI ต้องการเพียง <strong>ข้อความคำสั่งที่บอกแนวเพลง เนื้อร้อง และอารมณ์</strong> เท่านั้น มันก็สามารถสร้างเพลงออกมาได้เหมือนมีโปรดิวเซอร์ส่วนตัวเลยทีเดียว</p>



<p class="wp-block-paragraph">ส่วนงานเขียนโค้ด เช่น การใช้ Google Apps Script เพื่อดึงข้อมูลจาก Sheets ไปทำใบประกาศนียบัตร สิ่งสำคัญที่สุดคือการเขียนคำสั่งให้ละเอียด เช่น ระบุชื่อคอลัมน์ บอกเป้าหมายของโค้ด และอธิบายขั้นตอนที่ต้องการอย่างชัดเจน เพราะยิ่งให้ข้อมูลครบ โค้ดที่ได้ก็ยิ่งแม่นและใช้งานได้จริง</p>



<p class="wp-block-paragraph">อีกเทคนิคหนึ่งที่ช่วยให้ AI ตอบได้ตรงใจมากขึ้นคือการสวมบทบาท หรือ <strong>การให้ AI รับบทบาทเฉพาะทาง</strong> เช่น ให้เป็นผู้อำนวยการกลุ่มนิเทศฯ แล้วให้ข้อเสนอแนะต่อโครงการ วิธีนี้ทำให้โทนภาษาและมุมมองของคำตอบตรงกับบทบาทที่ต้องการมากขึ้นกว่าการสั่งแบบทั่วไป</p>



<p class="wp-block-paragraph">ถ้าน้อง ๆ ต้องทำงานกับเอกสารยาวมาก ๆ เช่น รายงาน 100 หน้า หรือเอกสารเชิงนโยบายที่ต้องอ่านละเอียด เครื่องมือที่โดดเด่นที่สุดคือ <strong>Claude</strong> เพราะมี Context Window ใหญ่และมีความสามารถด้านการเขียนที่ลื่นไหลเป็นธรรมชาติ ทำให้มันอ่านเอกสารยาว ๆ ได้แบบไม่หลุดประเด็น</p>



<p class="wp-block-paragraph">ในด้านการสร้างภาพด้วย AI การเขียน Prompt ที่ดีควรมีองค์ประกอบสำคัญอย่าง <strong>วัตถุหลัก สภาพแวดล้อม แสง และสไตล์ของภาพ</strong> เพราะนี่คือภาษาที่โมเดลเข้าใจได้ดีที่สุด ยิ่งบอกชัด ภาพยิ่งตรงใจ และถ้าน้อง ๆ ต้องการภาพที่คมชัดไม่แตกเมื่อขยายบนเว็บไซต์ การใช้ไฟล์แบบ <strong>SVG</strong> จะตอบโจทย์ที่สุด เพราะมันเป็นภาพแบบเวกเตอร์ที่คมชัดทุกขนาด</p>



<p class="wp-block-paragraph">สุดท้ายคือหัวใจของการทำงานร่วมกับ AI หลายตัว หรือที่เรียกว่า <strong>AI Workflow</strong> ซึ่งไม่ใช่การใช้ AI ตัวเดียวทำทุกอย่าง แต่คือการเลือกใช้แต่ละตัวให้ตรงกับจุดเด่น เช่น ใช้ ChatGPT ระดมไอเดีย ใช้ Claude เกลาภาษา ใช้ Gemini ทำงานกับเอกสาร Google และใช้ AI เฉพาะทางสร้างภาพ เพลง หรือสไลด์ วิธีนี้ช่วยให้งานออกมาคมชัด เร็ว และมีคุณภาพสูงสุดแบบมืออาชีพ</p>



<p class="wp-block-paragraph">เมื่อเข้าใจหลักการเหล่านี้ น้อง ๆ จะสามารถใช้ AI เป็นผู้ช่วยที่ทรงพลังได้จริง ไม่ใช่แค่เครื่องมือทดลองเล่น และยังช่วยให้ทำงานได้เร็วขึ้นหลายเท่าโดยไม่ลดคุณภาพของงานเลยแม้แต่นิดเดียว</p>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล:</strong> Google Workspace, Anthropic Claude, Suno AI, Gamma, Tome, แนวทางการใช้ AI เพื่อการศึกษา<br><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://script.google.com/macros/s/AKfycbyzTjKTeEtB-Kh56A5WcDU92z90zsQdlGZkjxd1z9VMZAkeA7PdbpP-FcA4LZa-vxgbRw/exec" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/03/30-03-2026_234942.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง การสร้างเกียรติบัตรออนไลน์ด้วย Add on Certify&#8217;em</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-376/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Thu, 12 Mar 2026 16:39:22 +0000</pubDate>
				<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ความเป็นครู]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=5891</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง การสร้างเกียรติบัตรออนไล [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง การสร้างเกียรติบัตรออนไลน์ด้วย Add on Certify&#8217;em เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google form</h2>



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมทำข้อสอบวัดระดับความรู้ เรื่อง การสร้างเกียรติบัตรออนไลน์ด้วย Add on Certify&#8217;em เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบครับ สามารถทำแบบทดสอบได้ที่ปุ่มทำแบบทดสอบด้านล่างเลยครับ</p>


<figure class="wp-block-post-featured-image"><img decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง การสร้างเกียรติบัตรออนไลน์ด้วย Add on Certify&#039;em 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง การสร้างเกียรติบัตรออนไลน์ด้วย Add on Certify&#039;em 3"></figure>


<p class="wp-block-paragraph">การพัฒนาระบบออกใบประกาศนียบัตรแบบอัตโนมัติช่วยลดขั้นตอนการทำงานของบุคคลากรทางการศึกษาและผู้จัดงานอบรมได้อย่างมหาศาล ระบบดังกล่าวขับเคลื่อนด้วยเทคโนโลยีคลาวด์คอมพิวติ้งที่เชื่อมโยงการทำงานระหว่างโปรแกรมจัดทำแบบฟอร์มและโปรแกรมสร้างเอกสารนำเสนอเข้าด้วยกัน ส่งผลให้การประมวลผลข้อมูลคะแนนสอบและการส่งมอบเอกสารตรงถึงกล่องข้อความของผู้รับทันทีที่ผ่านเกณฑ์กำหนด</p>



<p class="wp-block-paragraph">การเลือกใช้ส่วนเสริมเฉพาะทางเข้ามาช่วยจัดการระบบ ทำให้ผู้สร้างบทเรียนออนไลน์ควบคุมมาตรฐานการทดสอบได้อย่างแม่นยำ พี่แอดมินจึงรวบรวมองค์ความรู้เกี่ยวกับการตั้งค่าเครื่องมือ โครงสร้างรหัสคำสั่ง และข้อจำกัดด้านโควตาการใช้งาน เพื่อให้น้องๆ นำไปปรับใช้ในการสร้างระบบทดสอบที่มีประสิทธิภาพและทำงานได้อย่างเสถียร</p>



<ul class="wp-block-list">
<li>สิ่งที่จำเป็นสำหรับการจัดเตรียมระบบทดสอบออนไลน์คือ <strong>Google Forms, Google Slides และการติดตั้งส่วนเสริม Certify&#8217;em</strong> หลักการทำงานของระบบประมวลผลอัตโนมัติอาศัยข้อมูลโครงสร้างฟอร์มเพื่อบันทึกคะแนนลงในฐานข้อมูลโดยตรง ระบบจึงตรวจสอบผลลัพธ์ผ่านหน้าต่างควบคุมได้ทันทีโดยไม่ต้องพึ่งพาเอกสารประเภทอื่น ตัวอย่างเช่น เมื่อผู้ทำข้อสอบกดส่งคำตอบ ระบบจะคำนวณคะแนนและเปรียบเทียบกับเกณฑ์ที่กำหนดไว้ในตัวเสริมทันที</li>



<li>แอปพลิเคชันของ Google ที่ทำหน้าที่สร้างแบบทดสอบออนไลน์เพื่อเก็บข้อมูลและตรวจคะแนนคือ <strong>Google Forms</strong><strong>เครื่องมือสร้างแบบฟอร์มออนไลน์</strong> ทำหน้าที่เป็นโครงสร้างหลักในการรับข้อมูลชื่อ-นามสกุล อีเมล และคำตอบของระบบ ตัวอย่างเช่น การออกแบบข้อสอบแบบปรนัยที่ตั้งค่าการเฉลยคะแนนล่วงหน้าเพื่อให้ระบบคิดเปอร์เซ็นต์ความถูกต้องโดยอัตโนมัติ</li>



<li>การจำกัดจำนวนครั้งในการเข้าทำแบบทดสอบของผู้เรียนคือ <strong>ขึ้นอยู่กับการตั้งค่าของผู้สร้างแบบทดสอบ</strong><strong>การควบคุมสิทธิ์ผู้ใช้งาน</strong> ในระบบคลาวด์สามารถปรับเปลี่ยนได้ตามวัตถุประสงค์ของผู้จัดสอบ ตัวอย่างเช่น ผู้สร้างสามารถเปิดตัวเลือกจำกัดให้ตอบกลับได้เพียง 1 ครั้งในหน้าการตั้งค่าทั่วไปของระบบฟอร์ม เพื่อป้องกันการส่งคำตอบซ้ำ หรือจะเปิดให้ทำซ้ำได้หลายครั้งเพื่อการฝึกฝน</li>



<li>รูปแบบการพิมพ์รหัสคำสั่งหรือ Merge Tags สำหรับดึงข้อมูลชื่อ-นามสกุลที่ถูกต้องคือ <strong>{{Full Name}}</strong><strong>หลักการทำงานของ Case-Sensitive</strong> ในระบบดึงข้อมูลอัตโนมัติกำหนดให้ตัวอักษรพิมพ์ใหญ่และพิมพ์เล็กมีความแตกต่างกันอย่างสิ้นเชิง ตัวอย่างเช่น การพิมพ์รหัสด้วยตัวอักษรพิมพ์ใหญ่ที่ขึ้นต้นคำช่วยให้ระบบแยกแยะโครงสร้างรหัสและดึงข้อมูลจากช่องกรอกชื่อมาใส่ในใบประกาศนียบัตรได้อย่างถูกต้อง</li>



<li>รหัสคำสั่งที่ใช้ดึงข้อมูลเลขรหัสประจำตัวของใบประกาศนียบัตรคือ <strong>{{Certificate ID}}</strong><strong>การรันรหัสเอกสารแบบสุ่มที่ไม่ซ้ำกัน (Unique Identifier)</strong> ช่วยสร้างระบบตรวจสอบความแท้จริงของใบประกาศนียบัตร ตัวอย่างเช่น เมื่อผู้สอบผ่านเกณฑ์ ระบบจะเจนเนอเรตชุดตัวเลขรหัสเฉพาะตัวขึ้นมาแทนที่รหัสนี้ในแม่แบบเอกสารเพื่อใช้สำหรับการอ้างอิงในอนาคต</li>



<li>รหัสคำสั่งสำหรับระบุชื่อและนามสกุลของผู้ผ่านการทดสอบลงบนแม่แบบเอกสารคือ <strong>{{Full Name}}</strong><strong>ระบบการจับคู่ตัวแปร (Variable Mapping)</strong> จะดึงข้อมูลจากช่องกรอกชื่อตัวแรกในแบบฟอร์มมาแสดงผล ตัวอย่างเช่น เมื่อพิมพ์รหัสนี้ลงในกรอบข้อความบนหน้าสไลด์ ระบบจะแทนที่รหัสด้วยชื่อของผู้รับที่พิมพ์ส่งเข้ามาในฟอร์มโดยอัตโนมัติ</li>



<li>รหัสคำสั่งที่ใช้วางรูปแบบวันที่และเวลาความยาวแบบย่อในใบประกาศนียบัตรคือ <strong>{{Date2}}</strong><strong>รูปแบบการแสดงผลเวลาท้องถิ่น (Date Formatting)</strong> มีให้เลือกใช้งานหลายประเภทเพื่อความเหมาะสมของเอกสาร ตัวอย่างเช่น รหัสเวอร์ชันนี้จะแสดงผลในรูปแบบวันที่ระบุเดือนเป็นตัวอักษรย่อและปีคริสต์ศักราชสี่หลัก ช่วยให้ประหยัดพื้นที่บนตัวเอกสาร</li>



<li>รหัสคำสั่งที่ใช้แสดงเปอร์เซ็นต์คะแนนที่สอบได้คือ <strong>{{Percent}}</strong><strong>การแปลงค่าข้อมูลตัวเลข (Data Type Conversion)</strong> ทำหน้าที่เปลี่ยนผลรวมคะแนนสอบดิบให้กลายเป็นสัดส่วนร้อยละ ตัวอย่างเช่น หากข้อสอบมี 10 ข้อและทำได้ 8 ข้อ ระบบจะเปลี่ยนรหัสนี้ให้แสดงผลเป็น 80% บนใบประกาศนียบัตรเพื่อแจ้งระดับความสามารถ</li>



<li>ส่วนเสริมที่ใช้จัดการระบบตรวจข้อสอบพร้อมส่งใบประกาศนียบัตรอัตโนมัติคือ <strong>Certify&#8217;em</strong><strong>ระบบโปรแกรมประยุกต์ส่วนเสริม (Add-on Integration)</strong> ช่วยขยายขีดความสามารถของแอปพลิเคชันพื้นฐานให้ทำงานเฉพาะทางได้หลากหลาย ตัวอย่างเช่น การติดตั้งส่วนเสริมนี้ผ่านทาง Google Workspace Marketplace เพื่อเปลี่ยนฟอร์มเก็บข้อมูลธรรมดาให้กลายเป็นระบบสอบรับใบประกาศนียบัตรทันที</li>



<li>โปรแกรม Google Slides มีลักษณะการทำงานและโครงสร้างหน้าจอคล้ายคลึงกับ <strong>Microsoft PowerPoint</strong><strong>ซอฟต์แวร์จัดทำสื่อนำเสนอ (Presentation Software)</strong> ใช้หลักการจัดวางองค์ประกอบแบบวัตถุอิสระ (Object-Based) ตัวอย่างเช่น การแทรกรูปภาพ พื้นหลัง กรอบข้อความ และการจัดเรียงเลเยอร์หน้ากระดาษ ซึ่งเอื้อต่อการออกแบบเลย์เอาต์ของใบประกาศนียบัตร</li>



<li>เมนูหลักที่ต้องเลือกเมื่อต้องการเข้าไปปรับขนาดหน้ากระดาษใน Google Slides คือ <strong>เมนู ไฟล์ (File)</strong><strong>การจัดการโครงสร้างเอกสารพื้นฐาน (Document Configuration)</strong> รวบรวมคำสั่งสำคัญเกี่ยวกับการตั้งค่าระบบภาพรวมไว้ในที่เดียว ตัวอย่างเช่น การคลิกเมนูไฟล์เพื่อเข้าไปยังคำสั่งการตั้งค่าหน้ากระดาษสำหรับกำหนดสัดส่วนแบบกำหนดเอง</li>



<li>ขนาดกว้างและสูงที่ถูกต้องสำหรับการตั้งค่าหน้ากระดาษขนาด A4 แนวนอนคือ <strong>กว้าง 29.7 เซนติเมตร สูง 21 เซนติเมตร</strong><strong>มาตรฐานสัดส่วนเอกสารสากล (ISO 216)</strong> กำหนดขนาดความกว้างยาวของกระดาษแต่ละประเภทไว้เป็นหน่วยวัดที่แน่นอน ตัวอย่างเช่น การป้อนค่าตัวเลขดังกล่าวในช่องขนาดกระดาษแบบกำหนดเอง เพื่อให้ไฟล์ที่ส่งออกไปพิมพ์มีสัดส่วนที่พอดีกับกระดาษการ์ดขาวขาวทั่วไป</li>



<li>ไอคอนสำหรับการเรียกใช้งานส่วนเสริมบน Google Forms คือ <strong>ไอคอนรูปจิ๊กซอว์ (Add-ons)</strong><strong>แถบเครื่องมือส่วนขยายย่อย (Extension Toolbar)</strong> จะปรากฏอยู่บริเวณมุมขวาบนของหน้าจอเมื่อมีการติดตั้งโปรแกรมเสริม ตัวอย่างเช่น การกดเลือกไอคอนนี้เพื่อเปิดเมนูคำสั่งของระบบออกใบประกาศนียบัตรที่ติดตั้งไว้ขึ้นมาทำงาน</li>



<li>คำสั่งสำหรับเลือกไฟล์แม่แบบใบประกาศนียบัตรที่เราออกแบบไว้เองคือ <strong>Current Template</strong><strong>การใช้งานแม่แบบที่กำหนดเอง (Custom Template Selection)</strong> ช่วยให้ผู้ใช้งานเลือกดึงไฟล์งานภายนอกเข้ามาแทนที่รูปภาพสำเร็จรูปของระบบ ตัวอย่างเช่น การกดเปลี่ยนรูปเลย์เอาต์แล้วเลือกเชื่อมโยงไปยังไฟล์สไลด์ที่จัดเตรียมไว้ในบัญชีไดรฟ์</li>



<li>คำสั่งที่ใช้สำหรับเปิดหน้าต่างควบคุมระบบส่งใบประกาศนียบัตรคือ <strong>Show Certify’em Controls</strong><strong>หน้าต่างส่วนต่อประสานกับผู้ใช้ (User Interface Control Panel)</strong> ทำหน้าที่แสดงแถบเมนูด้านข้างสำหรับการตั้งค่าสถานะเปิดปิดระบบ ตัวอย่างเช่น การกดใช้คำสั่งนี้เพื่อเรียกแถบตั้งค่าเกณฑ์คะแนนและรูปแบบอีเมลขึ้นมาจัดการ</li>



<li>หน้าต่างฟังก์ชันที่ทำหน้าที่ปรับเปลี่ยนระดับคะแนนขั้นต่ำในการสอบผ่านคือ <strong>Certify’em Passing</strong><strong>ระบบตรวจสอบเงื่อนไขแบบบูลีน (Boolean Logic Gate)</strong> จะทำหน้าที่เช็กค่าคะแนนว่าตรงตามเงณฑ์ที่กำหนดไว้หรือไม่ ตัวอย่างเช่น การเปลี่ยนตัวเลขในช่องนี้เป็น 70% เพื่อกำหนดสิทธิ์ว่าผู้ที่ได้คะแนนต่ำกว่าเกณฑ์จะไม่ได้รับเอกสารส่งไปทางอีเมล</li>



<li>ช่วงของระดับคะแนนผ่านเกณฑ์ที่ผู้ควบคุมระบบสามารถกำหนดค่าได้คือ <strong>0% &#8211; 100%</strong><strong>การกำหนดขอบเขตข้อมูลแบบเปอร์เซ็นไทล์ (Percentile Range Constraint)</strong> ครอบคลุมสัดส่วนคะแนนทั้งหมดตามหลักสถิติ ตัวอย่างเช่น ผู้จัดสอบสามารถตั้งค่าเป็น 0% ในกรณีที่ต้องการแจกใบประกาศนียบัตรเข้าร่วมงานให้แก่ผู้กรอกข้อมูลทุกคนโดยไม่คิดคะแนนสอบ</li>



<li>โควตาการส่งอีเมลพร้อมแนบไฟล์ใบประกาศนียบัตรสูงสุดต่อวันของบัญชีองค์กรคือ <strong>1,500 ฉบับ</strong><strong>ข้อจำกัดการใช้งานทรัพยากรระบบ (API Delivery Limits)</strong> ของบัญชีประเภท Google Workspace ช่วยควบคุมปริมาณการรับส่งข้อมูลของเซิร์ฟเวอร์ ตัวอย่างเช่น สถาบันการศึกษาที่ใช้บัญชีลงท้ายด้วยโดเมนของโรงเรียนจะส่งเอกสารให้ผู้สอบผ่านได้ในปริมาณที่มากต่อวัน</li>



<li>โควตาการส่งอีเมลพร้อมแนบไฟล์ใบประกาศนียบัตรสูงสุดต่อวันของบัญชีทั่วไปคือ <strong>100 ฉบับ</strong><strong>นโยบายป้องกันสแปมของระบบอีเมลฟรี (Anti-Spam Policy)</strong> มีการจำกัดปริมาณการส่งออกจดหมายเพื่อความปลอดภัยของเครือข่าย ตัวอย่างเช่น บัญชีอีเมลส่วนตัวที่ลงท้ายด้วย @gmail.com จะส่งใบประกาศนียบัตรได้จำกัดต่อรอบวัน หากมีผู้ใช้งานเกินระบบจะหยุดส่งโดยอัตโนมัติ</li>



<li>ประเด็นที่ไม่ใช่ข้อจำกัดของการใช้งานเนื่องจากทำได้อิสระคือ <strong>สามารถกำหนดขนาดของเกียรติบัตรได้ตามต้องการ</strong><strong>ความยืดหยุ่นในการจัดวางองค์ประกอบกราฟิก (Vector Canvas Flexibility)</strong> ของหน้ากระดาษช่วยให้ผู้สร้างปรับเปลี่ยนสัดส่วนรูปทรงได้อย่างอิสระ ตัวอย่างเช่น การเลือกสัดส่วนสี่เหลี่ยมจัตุรัสหรือแนวตั้งในขั้นตอนการออกแบบไฟล์สไลด์เพื่อสร้างเอกสารในรูปแบบแปลกใหม่</li>
</ul>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: Google Workspace Marketplace, Google Support, Microsoft Support, Tech &amp; Learning, Journal of Educational Technology Systems</p>



<p class="wp-block-paragraph">เนื้อหานี้เป็นการสรุปและวิเคราะห์เพื่อเป็นแนวทางในการเรียนรู้ น้องๆ ควรศึกษาเพิ่มเติมและตรวจสอบกับบทความอย่างเป็นทางการของหน่วยงานผู้จัดสอบอีกครั้งเพื่อความถูกต้องสมบูรณ์ที่สุด</p>



<p class="wp-block-paragraph"><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSfMB4F3ps1UVEaAfeiZCYF-oyvl-fupknvKLOyVqvkf6xKWkg/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/03/12-03-2026_233803.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ความเข้าใจหลักสูตรโปรแกรม Canva</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-375/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 11 Mar 2026 16:46:51 +0000</pubDate>
				<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ความเป็นครู]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=5887</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ความเข้าใจหลักสูต [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ความเข้าใจหลักสูตรโปรแกรม Canva เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google form</h2>



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ความเข้าใจหลักสูตรโปรแกรม Canva เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบครับ สามารถทำแบบทดสอบได้ที่ปุ่มทำแบบทดสอบด้านล่างเลยครับ</p>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ความเข้าใจหลักสูตรโปรแกรม Canva 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ความเข้าใจหลักสูตรโปรแกรม Canva 4"></figure>


<p class="wp-block-paragraph">ถ้าน้อง ๆ เคยอยากทำโปสเตอร์สวย ๆ ทำเรซูเม่ให้ดูดี หรืออยากออกแบบงานนำเสนอแบบที่ดูเป็นมืออาชีพโดยไม่ต้องมีพื้นฐานด้านกราฟิกเลยสักนิด ชื่อของ <strong>Canva</strong> น่าจะเป็นแพลตฟอร์มแรก ๆ ที่น้อง ๆ ได้ยิน เพราะมันคือเครื่องมือออกแบบออนไลน์ที่ใช้งานง่ายมาก และช่วยให้ทุกคนสร้างงานกราฟิกได้แบบไม่ต้องติดตั้งโปรแกรมอะไรให้ยุ่งยากเลย จุดเด่นของมันคือมี <strong>เทมเพลตให้เลือกเยอะมาก</strong> ตั้งแต่โปสเตอร์ อินโฟกราฟิก งานนำเสนอ ไปจนถึงโลโก้และสื่อโซเชียลต่าง ๆ ทำให้การออกแบบกลายเป็นเรื่องสนุกและง่ายขึ้นแบบสุด ๆ</p>



<p class="wp-block-paragraph">การเริ่มต้นใช้งานก็ไม่ซับซ้อน น้อง ๆ แค่เข้าไปที่ <strong>เว็บไซต์ canva.com</strong> แล้วสมัครใช้งานผ่านปุ่ม Sign up จะสมัครด้วยอีเมล Google หรือ Facebook ก็ได้ทั้งหมด ซึ่งเป็นวิธีที่สะดวกและรวดเร็วมาก หลังจากเข้าสู่ระบบแล้ว น้อง ๆ ก็สามารถเลือกประเภทงานที่อยากออกแบบได้ทันทีผ่านเมนู Create a design ที่อยู่ด้านซ้ายบนของหน้าเว็บไซต์ ซึ่งเป็นจุดเริ่มต้นสำคัญของการสร้างสรรค์งานทุกชิ้น</p>



<p class="wp-block-paragraph">เมื่อเข้าสู่หน้าทำงาน สิ่งแรกที่หลายคนจะได้ใช้คือเมนู <strong>Templates</strong> เพราะมันช่วยให้น้อง ๆ เลือกโครงร่างงานที่เหมาะกับสิ่งที่ต้องการ เช่น <strong>โปสเตอร์</strong>, <strong>อินโฟกราฟิก</strong>, <strong>เรซูเม่</strong>, งานนำเสนอ และอีกมากมาย ซึ่งทั้งหมดนี้ช่วยประหยัดเวลาได้เยอะมาก โดยเฉพาะคนที่ยังไม่ถนัดออกแบบเองตั้งแต่ศูนย์</p>



<p class="wp-block-paragraph">ถัดมาคือเครื่องมือที่น้อง ๆ จะใช้บ่อยที่สุดอย่าง <strong>Text</strong> สำหรับเพิ่มข้อความลงในงาน และเมนู <strong>Elements</strong> ที่รวมองค์ประกอบตกแต่งต่าง ๆ เช่น กรอบรูป ไอคอน สัญลักษณ์ และกราฟ ซึ่งช่วยให้งานดูมีชีวิตชีวามากขึ้น ส่วนถ้าน้อง ๆ อยากนำภาพหรือวิดีโอของตัวเองมาใช้ ก็สามารถใช้เมนู <strong>Upload</strong> เพื่ออัปโหลดไฟล์จากมือถือหรือคอมพิวเตอร์เข้ามาได้ทันที</p>



<p class="wp-block-paragraph">ในกรณีที่ต้องการทำแผนภูมิหรือกราฟข้อมูล Canva ก็รองรับการเชื่อมต่อกับ <strong>Google Sheet</strong> ทำให้การอัปเดตข้อมูลเป็นเรื่องง่ายและแม่นยำขึ้นมาก นอกจากนี้ยังมีเมนูอย่าง <strong>Music</strong> สำหรับใส่เพลงประกอบ และ <strong>Video</strong> สำหรับเพิ่มคลิปวิดีโอในงานออกแบบประเภทมัลติมีเดียด้วย</p>



<p class="wp-block-paragraph">เมื่อออกแบบเสร็จแล้ว Canva จะบันทึกงานให้อัตโนมัติผ่านระบบ Autosave แต่ถ้าน้อง ๆ ต้องการดาวน์โหลดไฟล์ ก็สามารถกดที่คำสั่ง Download แล้วเลือกประเภทไฟล์ที่ต้องการ เช่น <strong>PNG</strong>, <strong>JPG</strong>, <strong>PDF</strong>, <strong>GIF</strong>, หรือ <strong>MP4</strong> ซึ่งเป็นไฟล์ที่ Canva รองรับทั้งหมด และเหมาะกับงานแต่ละประเภทแตกต่างกันไป เช่น PNG เหมาะกับงานที่ต้องการความคมชัดสูง ส่วน JPG ก็เหมาะกับภาพทั่วไปที่ต้องการขนาดไฟล์เล็กลง</p>



<p class="wp-block-paragraph">สำหรับงานที่ต้องการขนาดเฉพาะ เช่น โลโก้ น้อง ๆ สามารถตั้งค่าขนาดเป็น <strong>300×300 พิกเซล</strong> ซึ่งเป็นขนาดที่นิยมใช้กันทั่วไป และถ้าอยากปรับขนาดงานแบบอัตโนมัติ Canva ก็มีเมนู <strong>Resize</strong> แต่ฟีเจอร์นี้จะใช้ได้เฉพาะผู้ใช้งานแบบพรีเมียมเท่านั้น</p>



<p class="wp-block-paragraph">สุดท้าย ถ้าน้อง ๆ อยากแชร์ผลงานให้เพื่อนหรือครูดู ก็สามารถใช้เมนู <strong>Share</strong> เพื่อส่งลิงก์หรือเชิญให้คนอื่นเข้ามาร่วมแก้ไขงานได้ทันที ถือเป็นฟีเจอร์ที่ช่วยให้การทำงานร่วมกันเป็นเรื่องง่ายมาก</p>



<p class="wp-block-paragraph">ทั้งหมดนี้คือภาพรวมของ Canva ที่น้อง ๆ ควรรู้ก่อนเริ่มใช้งานจริง ซึ่งจะช่วยให้การออกแบบงานต่าง ๆ กลายเป็นเรื่องสนุกและง่ายขึ้นแบบไม่น่าเชื่อ</p>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล:</strong> Canva, คู่มือการใช้งาน Canva, บทความแนะนำฟีเจอร์ Canva จากเว็บไซต์ด้านเทคโนโลยี<br><strong>เรียบเรียงโดย quizeducate.com</strong></p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLScZ0TWui7qpsUEFFtRqVijUkwsMoOVxVHEs39gu4YJLMZvo6Q/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2026/03/11-03-2026_234056.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยลดภาระ เติมพลังให้ครู</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-285/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Sat, 20 Dec 2025 06:21:31 +0000</pubDate>
				<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[เรียนต่อสายวิทย์]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=5486</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยลดภาระ เติม [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยลดภาระ เติมพลังให้ครู เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form</h2>



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยลดภาระ เติมพลังให้ครู เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบครับ สามารถทำแบบทดสอบได้ที่ปุ่มทำแบบทดสอบด้านล่างเลยครับ</p>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยลดภาระ เติมพลังให้ครู 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยลดภาระ เติมพลังให้ครู 5"></figure>


<p class="wp-block-paragraph">ช่วงไม่กี่ปีที่ผ่านมา น้อง ๆ คงสังเกตว่าการทำงานของครูมีความซับซ้อนขึ้นเรื่อย ๆ ทั้งงานสอน งานเอกสาร งานประเมิน และงานกิจกรรมต่าง ๆ ที่ต้องจัดการควบคู่กันไป ทำให้หลายคนรู้สึกว่าภาระงานล้นมือจนแทบไม่มีเวลาออกแบบสื่อการสอนให้ทันสมัยหรือดึงดูดผู้เรียนเท่าที่ควร แต่ตอนนี้มีเครื่องมือที่ช่วยให้ครูทำงานได้เร็วขึ้นและมีประสิทธิภาพมากขึ้น นั่นคือ <strong>Canva AI</strong> ซึ่งกำลังกลายเป็นผู้ช่วยสำคัญของครูยุคใหม่อย่างแท้จริง</p>



<p class="wp-block-paragraph">การอบรมออนไลน์ในหัวข้อ <strong>“Canva AI ช่วยลดภาระ เติมพลังให้ครู”</strong> ที่จัดโดย สพฐ. ร่วมกับ Canva จึงเป็นโอกาสดีที่น้อง ๆ จะได้เรียนรู้วิธีใช้เทคโนโลยีมาช่วยแบ่งเบาภาระงาน และเพิ่มพลังให้การสอนสนุกขึ้นกว่าเดิม การอบรมนี้จัดขึ้นในวันเสาร์ที่ 20 ธันวาคม 2568 เวลา 09.00–12.00 น. ผ่านช่องทางออนไลน์ ทำให้ครูจากทุกพื้นที่สามารถเข้าร่วมได้สะดวก ไม่ต้องเดินทาง และยังสามารถนำความรู้ไปใช้ได้ทันทีหลังอบรมจบ</p>



<p class="wp-block-paragraph">หัวใจสำคัญของการอบรมครั้งนี้คือการพาน้อง ๆ ไปทำความรู้จักกับ <strong>Canva Education</strong> ซึ่งเป็นพื้นที่ทำงานที่ออกแบบมาเพื่อครูและนักเรียนโดยเฉพาะ จุดเด่นคือใช้งานง่าย ไม่ต้องมีพื้นฐานด้านกราฟิกก็สามารถสร้างสื่อการสอนที่สวยงามได้ภายในไม่กี่นาที นอกจากนี้ยังมีเครื่องมือ AI ที่ช่วยให้การทำงานเร็วขึ้น เช่น <strong>Magic Write</strong> ที่ช่วยเขียนเนื้อหาให้ครูได้อย่างรวดเร็ว ไม่ว่าจะเป็นแผนการสอน ใบงาน หรือคำอธิบายบทเรียน ครูเพียงแค่ใส่หัวข้อหรือแนวคิดลงไป ระบบก็จะช่วยร่างเนื้อหาให้ทันที ทำให้ครูมีเวลาไปโฟกัสกับการสอนมากขึ้น</p>



<p class="wp-block-paragraph">อีกหนึ่งเครื่องมือที่น้อง ๆ จะได้เรียนรู้คือ <strong>Magic Design</strong> ซึ่งช่วยออกแบบสื่อการสอนให้สวยงามโดยอัตโนมัติ เพียงแค่ใส่เนื้อหาหรือรูปภาพที่ต้องการ ระบบก็จะสร้างดีไซน์หลายรูปแบบให้เลือกทันที ช่วยลดเวลาการจัดหน้าเอกสารหรือสไลด์ไปได้มาก ส่วน <strong>Magic Translate</strong> ก็ช่วยให้ครูสามารถแปลสื่อการสอนเป็นหลายภาษาได้อย่างรวดเร็ว เหมาะกับโรงเรียนที่มีนักเรียนหลากหลายเชื้อชาติ หรือครูที่ต้องการสื่อการสอนแบบสองภาษา</p>



<p class="wp-block-paragraph">นอกจากการใช้เครื่องมือ AI แล้ว การอบรมยังสอนวิธี <strong>เขียนแผนการสอนด้วย Canva AI</strong> ซึ่งเป็นทักษะที่ครูยุคใหม่ควรมี เพราะช่วยให้การวางแผนการสอนเป็นระบบมากขึ้น และสามารถปรับแต่งให้เหมาะกับผู้เรียนได้ง่ายขึ้น รวมถึงการออกแบบสื่อการสอนที่ตอบโจทย์การเรียนรู้ในศตวรรษที่ 21 เช่น อินโฟกราฟิก ใบงานดิจิทัล แบบทดสอบออนไลน์ และสไลด์นำเสนอที่ดึงดูดความสนใจของผู้เรียนได้ดีขึ้น</p>



<p class="wp-block-paragraph">อีกประเด็นที่สำคัญคือการ <strong>แชร์งานและรวบรวมหลักฐานการเรียนรู้</strong> ซึ่งเป็นภาระงานที่ครูหลายคนต้องใช้เวลาไม่น้อย Canva ช่วยให้ครูสามารถจัดเก็บงานนักเรียนเป็นระบบ แชร์ลิงก์ให้ตรวจงานได้ง่าย และยังสามารถดาวน์โหลดเป็นไฟล์หรือเก็บไว้ในคลาวด์ได้อย่างสะดวก ทำให้การจัดการชั้นเรียนเป็นระเบียบมากขึ้น</p>



<p class="wp-block-paragraph">การอบรมครั้งนี้ยังเปิดให้รับชมผ่าน 3 ช่องทาง ได้แก่ YouTube, Facebook และ OBEC Channel ทำให้ครูสามารถเลือกช่องทางที่สะดวกที่สุดได้ และยังสามารถย้อนดูได้หากพลาดช่วงใดช่วงหนึ่ง ถือเป็นการออกแบบการเรียนรู้ที่ตอบโจทย์ครูยุคดิจิทัลอย่างแท้จริง</p>



<p class="wp-block-paragraph">ท้ายที่สุด สิ่งที่น้อง ๆ จะได้รับจากการอบรมนี้ไม่ใช่แค่ความรู้ด้านเทคนิค แต่คือความมั่นใจในการใช้เทคโนโลยีเพื่อพัฒนาการสอนของตัวเอง เมื่อครูมีเครื่องมือที่ช่วยลดภาระงานลง ก็จะมีเวลาและพลังมากขึ้นในการดูแลผู้เรียน ทำให้การเรียนรู้มีคุณภาพและสนุกขึ้นทั้งครูและนักเรียนที่น้อง ๆ ไม่ควรมองข้ามเลยจริง ๆ</p>



<h3 class="wp-block-heading has-vivid-red-color has-text-color has-link-color wp-elements-2"><strong>หมายเหตุสำคัญมาก!</strong></h3>



<ol class="wp-block-list">
<li><strong>จำเป็นมีบัญชี Canva </strong>(สำคัญมาก ๆ ไม่งั้นไปต่อไม่ได้)</li>



<li> เมื่อ<strong> &#8220;ทำแบบทดสอบผ่าน&#8221;</strong> แล้วจะมีลิงก์เท็มเพลตดีไซน์<strong>ให้กดดูเท็มเพลต</strong></li>



<li>ทำการ<strong>แก้ไขชื่อด้วยตัวเอง</strong></li>
</ol>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://www.canva.com/design/DAW6ijZ5FwM/D2DE2eYHcvdVRfETqTflVw/view?utm_content=DAW6ijZ5FwM&amp;utm_campaign=designshare&amp;utm_medium=link&amp;utm_source=publishsharelink&amp;mode=preview" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>



<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://www.facebook.com/share/v/1B28QsF13i/" style="border-radius:0px" rel="nofollow noopener" target="_blank">รับชมย้อนหลัง</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/12/20-12-2025_131148.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-210/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Tue, 21 Oct 2025 16:38:17 +0000</pubDate>
				<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[MOOC]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ครุศาสตร์]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=5168</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง สื่อสวย ด้วยมือเรา เริ่ม [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva เพื่อรับเกียรติบัตรออนไลน์ จาก มหาวิทยาลัยเกษตรศาสตร์</h2>



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva เพื่อรับเกียรติบัตรออนไลน์ จากมหาวิทยาลัยเกษตรศาสตร์ โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email หรือ Platform ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบ หรือ Platform ค้นหาเกียรติบัตร(จะมีปุ่มค้นหาอยู่ข้างๆกัน)ครับ สามารถทำแบบทดสอบได้ที่ปุ่มทำแบบทดสอบด้านล่างเลยครับ</p>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva 6"></figure>


<h3 class="wp-block-heading">สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva</h3>



<p class="wp-block-paragraph">ในยุคที่สื่อออนไลน์กลายเป็นส่วนหนึ่งของชีวิตประจำวัน ไม่ว่าจะเป็นโพสต์ในโซเชียล งานนำเสนอในห้องเรียน หรือโปสเตอร์กิจกรรมต่าง ๆ “<strong>Canva</strong>” คือหนึ่งในเครื่องมือสุดฮิตที่ช่วยให้น้อง ๆ สร้างสรรค์สื่อได้สวยเหมือนมืออาชีพ แม้ไม่มีพื้นฐานด้านกราฟิกมาก่อนก็ตาม</p>



<p class="wp-block-paragraph">หลักสูตร <strong>“สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva”</strong> ที่จัดทำโดย <strong>อาจารย์สุภาพร สอนวงษ์</strong> นักวิชาการคอมพิวเตอร์ชำนาญการพิเศษ จึงเป็นคอร์สที่ตอบโจทย์คนรุ่นใหม่ที่อยากออกแบบได้ด้วยตัวเอง เรียนง่าย เข้าใจเร็ว และนำไปใช้ได้จริงในชีวิตประจำวัน</p>



<h3 class="wp-block-heading">ทำไมต้องเรียน Canva</h3>



<p class="wp-block-paragraph">หลายคนอาจคิดว่าโปรแกรมออกแบบกราฟิกต้องซับซ้อนและใช้เวลาเรียนรู้มาก แต่ Canva กลับเปลี่ยนความคิดนั้นไปหมด เพราะนี่คือเครื่องมือออนไลน์ที่ออกแบบมาให้ “ทุกคนสร้างงานสวยได้” เพียงแค่ลาก วาง และปรับแต่งด้วยเมนูภาษาไทย</p>



<p class="wp-block-paragraph">น้อง ๆ สามารถสร้างงานได้หลากหลาย ไม่ว่าจะเป็น</p>



<ul class="wp-block-list">
<li>โลโก้สวย ๆ สำหรับชมรมหรือโปรเจกต์ส่วนตัว</li>



<li>โปสเตอร์ประชาสัมพันธ์กิจกรรมของโรงเรียน</li>



<li>งานนำเสนอที่ดูมืออาชีพ</li>



<li>หรือแม้แต่คลิปวิดีโอสั้น ๆ สำหรับโพสต์ใน TikTok หรือ Instagram</li>
</ul>



<p class="wp-block-paragraph">และจุดเด่นที่สุดคือ Canva ช่วยให้น้อง ๆ ไม่ต้องพึ่งโปรแกรมราคาแพงหรือเครื่องคอมพิวเตอร์สเปกสูง แค่มีสมาร์ตโฟนหรือโน้ตบุ๊กเครื่องเดียว ก็เริ่มได้เลย</p>



<h3 class="wp-block-heading">ภาพรวมของหลักสูตร</h3>



<p class="wp-block-paragraph">หลักสูตรนี้เหมาะกับ <strong>นิสิต บุคลากร และผู้สนใจทั่วไป</strong> ที่อยากฝึกใช้ Canva ตั้งแต่พื้นฐานไปจนถึงขั้นประยุกต์ โดยจัดแบ่งบทเรียนอย่างเป็นระบบ ตั้งแต่การแนะนำโปรแกรม ไปจนถึงเทคนิคขั้นสูงที่ช่วยเพิ่มความรวดเร็วในการทำงานด้วย AI</p>



<p class="wp-block-paragraph">ในบทแรก น้อง ๆ จะได้รู้จักพื้นฐานของ Canva ทั้งโครงสร้างโปรแกรม วิธีสมัครใช้งาน และการเลือกเทมเพลตให้เหมาะกับวัตถุประสงค์ของงาน ต่อมาจะเริ่มลงมือทำจริง ตั้งแต่การออกแบบโลโก้ การแทรกรูปภาพและวิดีโอ ไปจนถึงการสร้างข้อความที่โดดเด่น</p>



<p class="wp-block-paragraph">พอเข้าสู่บทกลาง ๆ ของคอร์ส น้อง ๆ จะได้ฝึกจัดวางองค์ประกอบอย่างมืออาชีพ เรียนรู้การสร้างโพสต์สำหรับโซเชียลมีเดีย การออกแบบโปสเตอร์ และงานนำเสนอ พร้อมเทคนิคแชร์ไฟล์ให้อยู่ในรูปแบบ PowerPoint หรือ PDF ได้สะดวก</p>



<p class="wp-block-paragraph">ในช่วงท้ายของคอร์ส น้อง ๆ จะได้สัมผัสความสนุกของการใช้ <strong>AI และ Magic Studio</strong> ซึ่งช่วยปรับแต่งภาพ ตัดต่อวิดีโอ หรือสร้าง Mockup ได้ในเวลาไม่กี่นาที นอกจากนี้ยังมีบทเรียนพิเศษเกี่ยวกับการทำเกียรติบัตร การสร้างกราฟ และการบันทึกเสียงในงานนำเสนออีกด้วย</p>



<h3 class="wp-block-heading">จุดเด่นของหลักสูตร</h3>



<p class="wp-block-paragraph">สิ่งที่ทำให้คอร์ส “สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva” โดดเด่นกว่าการเรียนรู้ด้วยตัวเอง คือรูปแบบการสอนที่เข้าใจง่าย ไม่ซับซ้อน และใช้ตัวอย่างจริงในทุกบทเรียน อาจารย์สุภาพรมีประสบการณ์ด้านคอมพิวเตอร์และการออกแบบสื่อมานาน จึงอธิบายเนื้อหาให้เข้าใจได้แบบสบาย ๆ แม้คนที่ไม่เคยใช้ Canva มาก่อนก็สามารถตามได้</p>



<p class="wp-block-paragraph">นอกจากนี้ หลักสูตรยังสอดแทรกแนวคิดด้าน <strong>ความคิดสร้างสรรค์และการประยุกต์ใช้ในชีวิตจริง</strong> เช่น การออกแบบสื่อประชาสัมพันธ์ในโรงเรียน การสร้างสื่อประกอบการสอน หรือแม้แต่การทำผลงานนำเสนอสำหรับสอบแข่งขัน</p>



<p class="wp-block-paragraph">เรียนจบแล้ว น้อง ๆ ยังสามารถนำความรู้ที่ได้ไปต่อยอดในการสอบเพื่อรับใบประกาศนียบัตรทางด้านไอที เพิ่มโอกาสในอนาคตด้านอาชีพและการศึกษาได้อีกด้วย</p>



<h3 class="wp-block-heading">เรียนง่าย เรียนได้ทุกที่</h3>



<p class="wp-block-paragraph">อีกหนึ่งข้อดีของหลักสูตรนี้คือ “เรียนได้ทุกที่ ทุกเวลา” ผ่านระบบออนไลน์ที่ใช้งานง่าย น้อง ๆ สามารถเปิดเรียนซ้ำได้ตามต้องการ ไม่ว่าจะอยู่บ้าน โรงเรียน หรือระหว่างเดินทางก็ไม่เป็นปัญหา ทำให้การเรียนรู้เป็นเรื่องสนุกและยืดหยุ่นสุด ๆ</p>



<p class="wp-block-paragraph">ที่สำคัญคือ น้อง ๆ ไม่ต้องเสียค่าใช้จ่ายมาก เพราะการเรียนผ่าน Canva ไม่จำเป็นต้องซื้อโปรแกรมเพิ่มเติม ใช้ได้ทั้งในเวอร์ชันฟรีและแบบ Pro ซึ่งเหมาะกับผู้เริ่มต้นที่อยากลองฝึกฝนก่อน</p>



<h3 class="wp-block-heading">เรียน Canva แล้วได้อะไร</h3>



<p class="wp-block-paragraph">หลังจากเรียนจบหลักสูตรนี้ น้อง ๆ จะได้มากกว่าความรู้พื้นฐาน เพราะยังได้ฝึกฝนทักษะสำคัญของยุคดิจิทัล ไม่ว่าจะเป็น</p>



<ul class="wp-block-list">
<li>ทักษะการสื่อสารผ่านภาพ</li>



<li>การออกแบบเชิงสร้างสรรค์</li>



<li>การใช้เทคโนโลยีเพื่อเพิ่มประสิทธิภาพในการเรียนและการทำงาน</li>



<li>และที่สำคัญคือ “ความมั่นใจในการสร้างสื่อด้วยตัวเอง”</li>
</ul>



<p class="wp-block-paragraph">ไม่ว่าน้อง ๆ จะอยู่ระดับมัธยม มหาวิทยาลัย หรือเริ่มทำงานแล้ว ทักษะเหล่านี้ล้วนเป็นสิ่งที่ช่วยให้โดดเด่นและแตกต่างจากคนอื่น</p>



<p class="wp-block-paragraph">หลักสูตร <strong>“สื่อสวย ด้วยมือเรา เริ่มต้นที่ Canva”</strong> จึงไม่ใช่แค่การสอนใช้โปรแกรม แต่เป็นการเปิดประตูสู่อาชีพใหม่ ๆ และการสื่อสารในโลกดิจิทัลอย่างสร้างสรรค์</p>



<p class="wp-block-paragraph">สำหรับน้อง ๆ ที่อยากเริ่มต้นเส้นทางการออกแบบ แต่ยังไม่รู้ว่าจะเริ่มจากตรงไหน คอร์สนี้คือคำตอบ เพราะอธิบายตั้งแต่พื้นฐานจนถึงการใช้งานจริง และสอนโดยผู้เชี่ยวชาญที่เข้าใจผู้เรียนทุกระดับ</p>



<p class="wp-block-paragraph">ลองเริ่มต้นสร้าง “สื่อสวย” ด้วยมือของน้อง ๆ เอง แล้วจะรู้ว่า ความคิดสร้างสรรค์ไม่ใช่เรื่องยากเลย แค่มีใจเปิดรับและลงมือทำด้วย Canva โลกของสื่อสวย ๆ ก็อยู่แค่ปลายนิ้วเท่านั้น</p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://kumooc.ku.th/courses/187/info" style="border-radius:0px" rel="nofollow noopener" target="_blank">ลงทะเบียนอบรม</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/10/21-10-2025_233317.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยครูไทย ลดภาระ เติมพลังสอน</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-106/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Sat, 19 Jul 2025 11:43:44 +0000</pubDate>
				<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[เรียนต่อสายวิทย์]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=4640</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยครูไทย ลดภา [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยครูไทย ลดภาระ เติมพลังสอน เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form</h2>



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยครูไทย ลดภาระ เติมพลังสอน เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบครับ สามารถทำแบบทดสอบได้ที่ปุ่มทำแบบทดสอบด้านล่างเลยครับ</p>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยครูไทย ลดภาระ เติมพลังสอน 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238-430x366.webp 430w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยครูไทย ลดภาระ เติมพลังสอน 7"></figure>


<h2 class="wp-block-heading">ความรู้โดยพี่แอดมิน เพื่อใช้ทำข้อสอบวัดระดับความรู้ เรื่อง Canva AI ช่วยครูไทย ลดภาระ เติมพลังสอน</h2>



<p class="wp-block-paragraph">ถ้าพูดถึง Canva หลายคนคงคุ้นเคยกับการออกแบบโปสเตอร์ สไลด์ หรือกราฟิกต่าง ๆ อยู่แล้วใช่ไหมครับ แต่รู้ไหมว่าตอนนี้ Canva เขายกระดับขึ้นไปอีกขั้น ด้วยฟีเจอร์สุดล้ำอย่าง <strong>Canva Code</strong> และ <strong>Canva Sheet</strong> ที่ไม่ได้มาเล่น ๆ แต่พร้อมจะเปลี่ยนวิธีทำงานของน้อง ๆ ให้เร็วขึ้น ฉลาดขึ้น และสนุกกว่าเดิมหลายเท่า!</p>



<h3 class="wp-block-heading">Canva Code คืออะไร แล้วช่วยอะไรเราได้บ้าง?</h3>



<p class="wp-block-paragraph"><strong>Canva Code</strong> เป็นฟีเจอร์ใหม่ที่ให้ผู้ใช้สามารถสร้าง <strong>เว็บแอปง่าย ๆ ได้ในไม่กี่วินาที</strong> เพียงแค่พิมพ์สิ่งที่อยากได้ลงไป เช่น “อยากได้เว็บแอปเกมจับคู่คำศัพท์ภาษาอังกฤษ” แล้ว Canva Code ก็จะสร้างโค้ด HTML, CSS และ JavaScript ให้เสร็จสรรพ ไม่ต้องเก่งโค้ดก็ทำได้! และที่สำคัญคือ <strong>น้อง ๆ สามารถแก้ไข หรือ copy โค้ดนั้นไปใช้งานต่อได้เต็มที่</strong> จะเอาไปฝึกเขียนเอง หรือเอาไปต่อยอดในเว็บจริง ๆ ก็ไม่มีใครว่า เพราะโค้ดที่ได้เป็นของเราจริง ๆ และไม่ต้องกังวลนะว่าต้องเขียน Prompt หรือคำสั่งให้เป๊ะตั้งแต่แรก เพราะจริง ๆ แล้ว <strong>ไม่จำเป็นต้องเขียนสมบูรณ์แบบในครั้งแรกเลย</strong> จะลองแก้ไขหรือปรับเพิ่มก็ทำได้เรื่อย ๆ เหมือนคุยกับผู้ช่วยส่วนตัวที่ใจเย็นสุด ๆ</p>



<h3 class="wp-block-heading">Canva Sheet ไม่ใช่แค่ตารางธรรมดา แต่คือ AI ผู้ช่วยสาย Data</h3>



<p class="wp-block-paragraph">ถ้าน้อง ๆ เคยใช้ Google Sheet แล้วอยากได้อะไรที่มีความ “อัจฉริยะ” มากขึ้น Canva Sheet จะทำให้ชีวิตง่ายขึ้นอีกขั้น เพราะมันไม่ได้แค่เก็บข้อมูล แต่ยังช่วยเรา <strong>จัดการงานเอกสาร เขียนรายงาน ทำอินโฟกราฟิก และสรุปข้อมูลแบบอัตโนมัติ</strong> ได้ด้วย</p>



<p class="wp-block-paragraph">ตัวอย่างเช่น:</p>



<ul class="wp-block-list">
<li><strong>ลบพื้นหลังหลายภาพพร้อมกันได้</strong></li>



<li><strong>เขียนบทความ หรือรายงานตามข้อมูลที่ใส่ไว้ในตาราง</strong></li>



<li><strong>สร้างสูตรคำนวณด้วย Magic Formula</strong></li>



<li><strong>สร้างกราฟอัตโนมัติด้วย Magic Charts</strong></li>



<li><strong>เขียนคอนเทนต์หรือไอเดียต่าง ๆ ด้วย Magic Write</strong></li>
</ul>



<p class="wp-block-paragraph">และที่เจ๋งที่สุดคือ<strong> น้อง ๆ สามารถอิมพอร์ตข้อมูลจากหลากหลายที่มาได้</strong> ไม่ว่าจะเป็น <strong>ไฟล์ XLSX, CSV หรือแม้แต่ Google Analytics และ World Bank</strong> ช่วยให้นักเรียน นักศึกษา หรือแม้แต่นักธุรกิจทำงานได้ไวกว่าเดิมหลายเท่า</p>



<h3 class="wp-block-heading">แล้วควรเริ่มใช้งานยังไง?</h3>



<p class="wp-block-paragraph">เริ่มง่ายมากครับ น้อง ๆ เพียงแค่มีบัญชี Canva (ฟรีก็ใช้ได้) แล้วกดเข้าไปที่ Canva Code หรือ Canva Sheet จากเมนู Magic Studio หลังจากนั้นก็ลองพิมพ์สิ่งที่อยากให้มันช่วยดู จะทำเว็บ? ทำรายงาน? หรือสรุปข้อมูล? มันจัดให้หมด!</p>



<p class="wp-block-paragraph">ถ้าน้อง ๆ อยากมีเครื่องมือที่ช่วยสร้างเว็บแอปง่าย ๆ แบบไม่ต้องเรียนเขียนโค้ดจริงจัง <strong>Canva Code</strong> คือคำตอบ และถ้าน้อง ๆ อยากจัดการข้อมูล เขียนบทความ สรุปรายงานแบบอัตโนมัติ <strong>Canva Sheet</strong> คือทางลัดที่ฉลาดที่สุดในยุคนี้ อย่าปล่อยให้เทคโนโลยีดี ๆ หลุดมือไปนะครับ เพราะอนาคตของการเรียน การทำงาน และการคิดวิเคราะห์มันเริ่มต้นจาก “เครื่องมือ” ที่เรากล้าใช้ และ Canva ก็เป็นเครื่องมือที่น้อง ๆ ไม่ควรมองข้ามเลยจริง ๆ</p>



<h3 class="wp-block-heading has-vivid-red-color has-text-color has-link-color wp-elements-4"><strong>หมายเหตุสำคัญมาก!</strong></h3>



<ol class="wp-block-list">
<li><strong>จำเป็นมีบัญชี Canva </strong>(สำคัญมาก ๆ ไม่งั้นไปต่อไม่ได้)</li>



<li> เมื่อ<strong> &#8220;ทำแบบทดสอบผ่าน&#8221;</strong> แล้วจะมีลิงก์เท็มเพลตดีไซน์<strong>ให้กดดูเท็มเพลต</strong></li>



<li>ทำการ<strong>แก้ไขชื่อด้วยตัวเอง</strong></li>
</ol>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLSdEMP8jkZBv3Ct8adgghYcjzMaX_FvY-W16WFw3adXDDSGnvA/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/07/19-07-2025_183238.webp" />	</item>
		<item>
		<title>แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva</title>
		<link>https://quizeducate.com/%e0%b9%81%e0%b8%88%e0%b8%81%e0%b8%9f%e0%b8%a3%e0%b8%b5-%e0%b8%ab%e0%b8%99%e0%b9%89%e0%b8%b2%e0%b8%9b%e0%b8%81%e0%b8%9e%e0%b8%ad%e0%b8%a3%e0%b9%8c%e0%b8%95%e0%b8%9f%e0%b8%ad%e0%b8%a5%e0%b8%b4%e0%b9%82/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Mon, 16 Jun 2025 10:54:39 +0000</pubDate>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[ไฟล์หน้าปก]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=4450</guid>

					<description><![CDATA[หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ผ่าน Canva สำหรับน้อง ๆ ที่ก [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading"><strong>หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ผ่าน Canva</strong></h2>



<p class="wp-block-paragraph">สำหรับน้อง ๆ ที่กำลังเตรียมตัวสมัครเรียนต่อหรือสมัครงาน พี่แอดมินมี <strong>ไฟล์หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ผ่าน Canva </strong>แบบหวาน ๆ มาแจกเพิ่มเติมให้อีกจากบทความก่อนครับ สามารถแก้ไขได้ง่าย ๆ ผ่าน Canva ไม่ต้องเสียเวลาทำใหม่ทั้งหมด แค่ปรับข้อมูลตามที่ต้องการ ก็ได้ Portfolio สวย ๆ ไปใช้ทันที</p>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555-430x366.webp 430w" sizes="(max-width: 1080px) 100vw, 1080px" title="แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 8"></figure>


<p class="wp-block-paragraph">พอร์ตฟอลิโอ้ เป็นเหมือนประวัติย่อที่ช่วยแสดงให้เห็นถึงความสามารถ ประสบการณ์ และผลงานของเรา เหมาะสำหรับใช้ยื่นสมัครเรียนต่อในมหาวิทยาลัย หรือใช้ประกอบการสมัครงาน โดยเฉพาะในสายภาษาที่ต้องมีการแสดงข้อมูลอย่างชัดเจนและเป็นระบบ</p>



<h3 class="wp-block-heading"><strong>เนื้อหาที่ควรมีใน Portfolio</strong></h3>



<ol start="1" class="wp-block-list">
<li><strong>คำนำ</strong> – อธิบายเกี่ยวกับ Portfolio และเป้าหมายของเรา</li>



<li><strong>ข้อมูลส่วนตัว</strong> – ชื่อ นามสกุล ข้อมูลการติดต่อ</li>



<li><strong>ประวัติการศึกษา</strong> – โรงเรียน / มหาวิทยาลัยที่เคยศึกษา</li>



<li><strong>ผลการเรียน</strong> – เกรดเฉลี่ยหรือผลการเรียนที่โดดเด่น</li>



<li><strong>ผลงานและโครงการที่เคยทำ</strong> – การแปลภาษา การเขียนบทความ งานวิจัย หรือกิจกรรมที่เกี่ยวข้อง</li>



<li><strong>กิจกรรม</strong> – กิจกรรมที่เคยเข้าร่วม เช่น ค่ายอบรม การแข่งขัน </li>



<li><strong>ทักษะและความสามารถ</strong> – ภาษาและระดับความเชี่ยวชาญ โปรแกรมหรือเครื่องมือที่ใช้</li>



<li><strong>เกียรติบัตรและรางวัล</strong> – หากเคยได้รับรางวัลหรือเกียรติบัตร ควรนำมาใส่เพื่อเพิ่มความน่าสนใจ</li>
</ol>



<h3 class="wp-block-heading"><strong>ไฟล์ที่แจกมีอะไรบ้าง?</strong></h3>



<ul class="wp-block-list">
<li><strong>เทมเพลตหน้าปก Portfolio </strong> พร้อมดีไซน์ที่เหมาะกับการสมัครเรียน</li>



<li><strong>มีหน้าเนื้อหาครบถ้วน</strong> เช่น คำนำ ประวัติส่วนตัว ประวัติการศึกษา ผลการเรียน กิจกรรม และเกียรติบัตร</li>



<li><strong>ดีไซน์เรียบง่าย ดูเป็นมืออาชีพ</strong> ปรับแต่งได้ตามต้องการ</li>



<li><strong>ใช้งานฟรี </strong>ผ่าน Canva ไม่ต้องติดตั้งโปรแกรมเพิ่มเติม</li>
</ul>



<h3 class="wp-block-heading"><strong>วิธีดาวน์โหลดและใช้งาน</strong></h3>



<ol start="1" class="wp-block-list">
<li>คลิกลิงก์ที่พี่แอดมินแนบไว้ด้านล่าง</li>



<li>กด &#8220;<strong>ใช้เทมเพลตนี้</strong>&#8221; เพื่อคัดลอกไปยังบัญชี Canva ของตัวเอง</li>



<li>ปรับข้อมูล รูปภาพ และสี ให้ตรงกับตัวเอง</li>



<li>ดาวน์โหลดเป็นไฟล์ PDF หรือ PNG เพื่อนำไปใช้งาน</li>
</ol>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="527" height="745" data-id="4452" src="https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175301.webp" alt="แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 2026" class="wp-image-4452" title="แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 9" srcset="https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175301.webp 527w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175301-212x300.webp 212w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175301-430x608.webp 430w" sizes="(max-width: 527px) 100vw, 527px" /><figcaption>แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 2026</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="527" height="745" data-id="4453" src="https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175304.webp" alt="แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 2026" class="wp-image-4453" title="แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 10" srcset="https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175304.webp 527w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175304-212x300.webp 212w, https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_175304-430x608.webp 430w" sizes="(max-width: 527px) 100vw, 527px" /><figcaption>แจกฟรี หน้าปกพอร์ตฟอลิโอ้ แก้ไขได้ด้วย Canva 2026</figcaption></figure>
</figure>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://www.canva.com/design/DAGqgpHVNvQ/fs7q1Kh999VR6r4cKQ5mbg/view?utm_content=DAGqgpHVNvQ&amp;utm_campaign=designshare&amp;utm_medium=link&amp;utm_source=publishsharelink&amp;mode=preview" style="border-radius:0px" rel="nofollow noopener" target="_blank">กดรับไฟล์หน้าปก Portfolio</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/06/16-06-2025_174555.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva เพื่อการศึกษา</title>
		<link>https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%9f%e0%b8%a3%e0%b8%b5-35/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Tue, 13 May 2025 15:24:37 +0000</pubDate>
				<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ออกแบบด้วย Canva]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[เรียนต่อสายวิทย์]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=3845</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง Canva เพื่อการศึกษา เพื่ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง Canva เพื่อการศึกษา เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form</h2>



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง Canva เพื่อการศึกษา เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบครับ สามารถทำแบบทดสอบได้ที่ปุ่มทำแบบทดสอบด้านล่างเลยครับ</p>


<figure class="wp-block-post-featured-image"><img loading="lazy" decoding="async" width="1080" height="920" src="https://quizeducate.com/wp-content/uploads/2025/05/13-05-2025_221800.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva เพื่อการศึกษา 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/05/13-05-2025_221800.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/05/13-05-2025_221800-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/05/13-05-2025_221800-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/05/13-05-2025_221800-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/05/13-05-2025_221800-860x733.webp 860w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง Canva เพื่อการศึกษา 11"></figure>


<h2 class="wp-block-heading">ความรู้โดยพี่แอดมิน เพื่อใช้ทำข้อสอบวัดระดับความรู้ เรื่อง Canva เพื่อการศึกษา</h2>



<p class="wp-block-paragraph">Canva คือเครื่องมือออกแบบกราฟิกออนไลน์ที่ได้รับความนิยมอย่างมากในปัจจุบัน เพราะมีความหลากหลายในการใช้งาน ทั้งในเรื่องของการออกแบบสื่อโซเชียลมีเดีย โปสเตอร์ งานนำเสนอ ไปจนถึงวิดีโอสั้น ๆ ที่น้อง ๆ สามารถสร้างสรรค์ได้ด้วยตัวเอง โดยไม่จำเป็นต้องมีความรู้ด้านการออกแบบมาก่อน หนึ่งในข้อได้เปรียบหลักของ Canva คือการที่สามารถใช้งานได้ทั้ง <strong>เว็บเบราว์เซอร์และแอปมือถือ</strong> ทำให้น้อง ๆ สามารถออกแบบได้ทุกที่ทุกเวลา ไม่ว่าจะใช้งานผ่านคอมพิวเตอร์ แท็บเล็ต หรือสมาร์ทโฟน</p>



<p class="wp-block-paragraph">เมื่อพูดถึงการทำงานร่วมกับผู้อื่นใน Canva น้อง ๆ สามารถใช้ฟีเจอร์ <strong>Share</strong> เพื่อแชร์งานออกแบบให้เพื่อนร่วมทีมดูหรือแก้ไขได้ทันที ซึ่งเป็นวิธีที่สะดวกและรวดเร็วในการทำงานเป็นกลุ่ม ไม่ว่าจะเป็นการออกแบบงานนำเสนอหรือการสร้างโพสต์โซเชียลมีเดีย นอกจากนี้ Canva ยังรองรับการทำงานร่วมกับแพลตฟอร์มอื่น ๆ มากมาย เช่น <strong>Facebook, Instagram และ Google Drive</strong> ทำให้งานออกแบบที่น้อง ๆ สร้างสามารถแชร์และนำไปใช้บนแพลตฟอร์มต่าง ๆ ได้อย่างง่ายดาย</p>



<p class="wp-block-paragraph">น้อง ๆ ที่อยากใช้งานฟีเจอร์ขั้นสูงของ Canva เช่น <strong>การลบพื้นหลังอัตโนมัติ</strong> จะต้องใช้บัญชี <strong>Canva Pro</strong> ซึ่งเป็นเวอร์ชันเสียเงินที่มีฟีเจอร์พิเศษมากมาย เช่น Brand Kit ที่ช่วยให้สามารถจัดเก็บ <strong>โลโก้ สี และฟอนต์ของแบรนด์</strong> ไว้ในที่เดียว ทำให้งานออกแบบของน้อง ๆ สอดคล้องกับภาพลักษณ์ของแบรนด์ได้ง่ายขึ้น โดยไม่ต้องเสียเวลาปรับแต่งทุกครั้งที่เริ่มงานใหม่</p>



<p class="wp-block-paragraph">สำหรับน้อง ๆ ที่ต้องการสร้างวิดีโอสั้นใน Canva ขนาดที่เหมาะสมที่สุดคือ <strong>Instagram Story</strong> เนื่องจากเป็นขนาดที่ได้รับความนิยมและรองรับกับแพลตฟอร์มโซเชียลมีเดียอื่น ๆ ได้อีกด้วย นอกจากนี้ หากน้อง ๆ ต้องการออกแบบอย่างรวดเร็ว Canva ยังมี <strong>แม่แบบ (Template)</strong> ที่ออกแบบไว้ล่วงหน้าให้เลือกใช้ ทำให้งานออกแบบเสร็จได้รวดเร็วขึ้น เพราะไม่ต้องเริ่มต้นจากศูนย์ แค่เลือกแม่แบบที่ชอบแล้วปรับแต่งข้อความ รูปภาพ และสีตามที่ต้องการก็พร้อมใช้งานทันที</p>



<p class="wp-block-paragraph">ส่วนในเรื่องของการดาวน์โหลดงานออกแบบ Canva รองรับไฟล์หลายประเภท เช่น <strong>PNG, PDF และ MP4</strong> แต่ไม่รองรับ <strong>DOCXx</strong> ซึ่งเป็นไฟล์เอกสารของ Microsoft Word หากน้อง ๆ ต้องการสร้างสไลด์นำเสนอหรือเอกสารที่แก้ไขได้ แนะนำให้ดาวน์โหลดเป็น PDF หรือ PowerPoint จะดีกว่า</p>



<p class="wp-block-paragraph">Canva ยังมีฟีเจอร์ที่เรียกว่า <strong>Brand Kit</strong> ซึ่งเหมาะสำหรับน้อง ๆ ที่ต้องการรักษาความสม่ำเสมอของภาพลักษณ์แบรนด์ ฟีเจอร์นี้ช่วยให้สามารถจัดเก็บโลโก้ สีประจำแบรนด์ และฟอนต์ที่ใช้งานได้ในที่เดียว ทำให้งานออกแบบทุกชิ้นของน้อง ๆ ดูเป็นมืออาชีพและตรงตามภาพลักษณ์ของแบรนด์โดยไม่ต้องตั้งค่าใหม่ทุกครั้ง</p>



<p class="wp-block-paragraph">ไม่ว่าน้อง ๆ จะเป็นมือใหม่ที่เพิ่งเริ่มต้นหรือมืออาชีพที่ต้องการความสะดวกรวดเร็ว Canva มีทุกอย่างที่น้อง ๆ ต้องการ ทั้งฟีเจอร์การทำงานร่วมกัน เครื่องมือออกแบบที่ใช้ง่าย และความสามารถในการทำงานได้ทั้งในเว็บและแอปมือถือ และสิ่งที่ทำให้ Canva เป็นที่นิยมคือความสามารถในการรองรับการออกแบบหลากหลายรูปแบบ ทั้ง <strong>โปสเตอร์ โพสต์โซเชียลมีเดีย และงานนำเสนอ (Presentation)</strong> ทำให้เป็นเครื่องมือที่ครบเครื่องสำหรับการสร้างสรรค์งานออกแบบทุกรูปแบบ</p>






<div class="wp-block-foxiz-elements-note gb-wrap note-wrap none-padding yes-shadow" style="--header-bg:#ff6900;--heading-border-color:#88888822;--border-style:none;--border-radius:5px;--border-width:2 2 2 2;--border-color:#000000;--desktop-header-padding:15px 30px 15px 30px;--tablet-header-padding:15px 25px 15px 25px;--mobile-header-padding:15px 20px 15px 20px;--desktop-padding:15px 30px 30px 30px;--tablet-padding:15px 25px 25px 25px;--mobile-padding:15px 20px 20px 20px"><div class="note-header gb-header"><span class="note-heading"><span class="gb-heading heading-icon"><i class="rbi rbi-pin"></i></span><h3 class="gb-heading none-toc">คำแนะนำ! ก่อนเริ่มทำแบบทดสอบ</h3></span></div><div class="note-content gb-content"><div style="--icon-code: &quot;&quot;;--icon-color: #cf2e2e;--dark-icon-color: #FFFFFF" class="list-style-element is-icon wp-block-foxiz-elements-list-style">

<ul class="wp-block-list">
<li><strong>ใช้ Gmail เท่านั้น:</strong> เพื่อความถูกต้องในการส่ง <strong>เกียรติบัตรออนไลน์</strong> และป้องกันปัญหาไฟล์สูญหาย</li>



<li><strong>เกณฑ์คะแนน:</strong> หากคะแนนไม่ถึงเกณฑ์ที่กำหนด ระบบจะไม่สามารถออกใบประกาศให้ได้ในทุกกรณี</li>



<li><strong>ระบบจำกัดโควตาต่อวัน:</strong> หากเข้าทำไม่ได้ แปลว่าผู้ใช้งานเต็มจำนวนแล้ว ให้กลับมาลองใหม่ในวันถัดไป</li>



<li><strong>จำกัดสิทธิ์การทำ:</strong> บางกิจกรรมทำได้เพียงครั้งเดียว หากต้องการเริ่มใหม่ต้องใช้บัญชีอีเมลอื่นเท่านั้น</li>



<li><strong>เช็กจดหมายขยะ (Junk Mail):</strong> หากไม่ได้รับเมล์ภายใน 24 ชม. ให้ตรวจสอบที่นี่เป็นอันดับแรก</li>



<li><strong>ระบบดาวน์โหลดเอง:</strong> สังเกตปุ่ม <strong>&#8220;สืบค้น&#8221;</strong> หรือ <strong>&#8220;ดาวน์โหลด&#8221;</strong> เพื่อรับไฟล์ PDF หลังส่งคำตอบ</li>



<li><strong>Quizeducate เป็นเพียงตัวกลาง:</strong> แพลตฟอร์มไม่ใช่ผู้ออกใบประกาศ และไม่มีอำนาจแก้ไขข้อมูลใดๆ</li>
</ul>

</div>


<style>
  /* ควบคุมขอบเขตสไตล์เฉพาะในเครื่องมือคำนวณ */
  .cert-calc-wrapper {
    font-family: inherit;
    line-height: 1.5; 
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: none;
    overflow: hidden;
  }

  .cert-calc-wrapper *, 
  .cert-calc-wrapper *:before, 
  .cert-calc-wrapper *:after {
    box-sizing: border-box;
  }

  /* ส่วนหัว */
  .cert-calc-header {
    background-color: #f8fafc;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #e2e8f0;
  }

  .cert-calc-header:hover {
    background-color: #f1f5f9;
  }

  .cert-calc-header-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .cert-calc-header svg.cert-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    color: #475569;
    flex-shrink: 0;
  }

  .cert-calc-title {
    color: #334155;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
  }

  /* ลูกศรชี้สถานะเปิด-ปิด */
  .cert-chevron {
    width: 18px;
    height: 18px;
    min-width: 18px;
    display: block;
    color: #64748b;
    transition: transform 0.3s ease;
  }

  .cert-calc-wrapper.expanded .cert-chevron {
    transform: rotate(180deg);
  }

  /* Animation พับ/ขยาย */
  .cert-calc-content {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-top: 1px solid transparent;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.4s ease-in-out, border-color 0.4s ease;
  }

  .cert-calc-wrapper.expanded .cert-calc-content {
    max-height: 800px; 
    opacity: 1;
    visibility: visible;
    border-top-color: #f1f5f9;
  }

  /* ส่วนเนื้อหาฟอร์ม */
  .cert-calc-body {
    padding: 20px;
  }

  .cert-calc-desc {
    color: #64748b;
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .cert-calc-formula {
    font-weight: 500;
    color: #475569;
    background-color: #f1f5f9;
    padding: 4px 10px;
    border-radius: 4px;
  }

  .cert-calc-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 16px;
  }

  @media (min-width: 600px) {
    .cert-calc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .cert-input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* ป้ายกำกับ */
  .cert-calc-wrapper .cert-input-group label {
    color: #64748b;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
  }

  /* ปรับแต่ง Input Field พื้นขาว ขอบเทาชัดเจน - บังคับขนาดให้เท่ากันทุกเบราว์เซอร์ */
  .cert-calc-wrapper .cert-input-field {
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 38px; /* บังคับความสูงตายตัวแก้ปัญหา Select เล็กกว่า Input */
    padding: 8px 12px; 
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.85rem; 
    color: #1e293b;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }

  .cert-calc-wrapper .cert-input-field::placeholder {
    color: #94a3b8;
    opacity: 1;
  }

  .cert-calc-wrapper .cert-input-field:focus {
    outline: none;
    border-color: #004baf;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  .cert-calc-wrapper input[type="number"]::-webkit-inner-spin-button,
  .cert-calc-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .cert-calc-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }

  /* ปรับ Dropdown ให้หน้าตาเข้ากับ Input */
  .cert-calc-wrapper select.cert-input-field {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    text-align: center;
    text-align-last: center;
    background-color: #ffffff;
  }

  /* บังคับข้อความในตัวเลือก Dropdown ให้อยู่กึ่งกลาง */
  .cert-calc-wrapper select.cert-input-field option {
    text-align: center;
  }

  /* ปรับแต่งปุ่มเป็น Secondary Button (Outline) และนำการบังคับขนาดออกเพื่อให้เข้ากับธีมหลัก */
  .cert-calc-wrapper .cert-calc-btn {
    font-family: inherit;
    display: block;
    margin: 0 auto 16px auto;
    background-color: transparent;
    color: #004baf;
    border: 1.5px solid #004baf;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
  }

  .cert-calc-wrapper .cert-calc-btn:hover {
    background-color: #eff6ff;
  }

  .cert-calc-wrapper .cert-calc-btn:active {
    transform: scale(0.98);
  }

  .cert-calc-wrapper .cert-calc-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 75, 175, 0.15);
  }

  /* กล่องแจ้งเตือน/ผลลัพธ์ */
  .cert-error-msg {
    padding: 10px;
    background-color: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fecaca;
    margin-bottom: 16px;
    display: none;
  }

  .cert-result-box {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8fafc;
    display: none;
  }

  .cert-result-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
  }

  @media (min-width: 600px) {
    .cert-result-flex {
      flex-direction: row;
      justify-content: space-around;
    }
  }

  .cert-result-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .cert-result-label {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .cert-percent-val {
    font-size: 1.75rem;
    font-weight: 700;
    color: #334155;
    line-height: 1;
  }

  .cert-result-divider {
    display: none;
    width: 1px;
    height: 36px;
    background-color: #cbd5e1;
  }

  @media (min-width: 600px) {
    .cert-result-divider {
      display: block;
    }
  }

  /* ป้ายกำกับสถานะ */
  .cert-badge {
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  .cert-badge-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
  }

  .cert-badge-fail {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
  }

  .cert-badge svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
  }

  .cert-feedback {
    text-align: center;
    font-size: 0.8rem;
    color: #64748b;
    border-top: 1px solid #e2e8f0;
    margin-top: 16px;
    padding-top: 16px;
    line-height: 1.6;
  }
</style>

<!-- โครงสร้างหลักของเครื่องมือคำนวณ -->
<div class="cert-calc-wrapper" id="certCalcWrapper">
  
  <div class="cert-calc-header" onclick="toggleCalculator()">
    <div class="cert-calc-header-title">
      <svg class="cert-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
      </svg>
      <h2 class="cert-calc-title">เครื่องมือคำนวณสัดส่วนคะแนน</h2>
    </div>
    <svg class="cert-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
    </svg>
  </div>

  <div class="cert-calc-content" id="certCalcContent">
    <div class="cert-calc-body">
      <p class="cert-calc-desc">
        ป้อนคะแนนเพื่อตรวจสอบเปอร์เซ็นต์ตามสูตร: 
        <span class="cert-calc-formula">(คะแนนที่ได้ ÷ คะแนนเต็ม) × 100</span>
      </p>

      <div class="cert-calc-grid">
        <div class="cert-input-group">
          <label for="scoreObtained">คะแนนที่ได้</label>
          <input type="number" id="scoreObtained" min="0" step="any" placeholder="16" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="scoreTotal">คะแนนเต็ม</label>
          <input type="number" id="scoreTotal" min="0.1" step="any" placeholder="20" class="cert-input-field">
        </div>

        <div class="cert-input-group">
          <label for="passingRate">เกณฑ์ผ่าน (%)</label>
          <select id="passingRate" class="cert-input-field" style="cursor: pointer;">
            <option value="60">60% ขึ้นไป</option>
            <option value="65">65% ขึ้นไป</option>
            <option value="70">70% ขึ้นไป</option>
            <option value="75">75% ขึ้นไป</option>
            <option value="80" selected="">80% ขึ้นไป</option>
            <option value="85">85% ขึ้นไป</option>
            <option value="90">90% ขึ้นไป</option>
          </select>
        </div>
      </div>

      <button onclick="calculateScore()" class="cert-calc-btn">
        คำนวณเปอร์เซ็นต์และผลสอบ
      </button>

      <div id="errorMessage" class="cert-error-msg"></div>

      <div id="resultBox" class="cert-result-box">
        <div class="cert-result-flex">
          <div class="cert-result-item">
            <span class="cert-result-label">เปอร์เซ็นต์ที่ได้</span>
            <span id="percentOutput" class="cert-percent-val">0%</span>
          </div>

          <div class="cert-result-divider"></div>

          <div class="cert-result-item">
            <span class="cert-result-label">ผลการประเมิน</span>
            <span id="statusBadge" class="cert-badge" style="display: none;">
              <svg id="iconSuccess" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg>
              <svg id="iconFail" style="display: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"></path></svg>
              <span id="badgeText"></span>
            </span>
          </div>
        </div>

        <p id="feedbackText" class="cert-feedback"></p>
      </div>

    </div>
  </div>
</div>

<script>
  function toggleCalculator() {
    document.getElementById('certCalcWrapper').classList.toggle('expanded');
  }

  function calculateScore() {
    const scoreInput = document.getElementById('scoreObtained').value;
    const totalInput = document.getElementById('scoreTotal').value;
    const passingRate = parseFloat(document.getElementById('passingRate').value);
    
    const errorBox = document.getElementById('errorMessage');
    const resultBox = document.getElementById('resultBox');
    const percentOutput = document.getElementById('percentOutput');
    const statusBadge = document.getElementById('statusBadge');
    const badgeText = document.getElementById('badgeText');
    const iconSuccess = document.getElementById('iconSuccess');
    const iconFail = document.getElementById('iconFail');
    const feedbackText = document.getElementById('feedbackText');

    errorBox.style.display = 'none';
    resultBox.style.display = 'none';
    statusBadge.style.display = 'none';

    if (scoreInput === '' || totalInput === '') {
      showError('กรุณากรอกคะแนนที่ได้และคะแนนเต็มให้ครบถ้วน');
      return;
    }

    const score = parseFloat(scoreInput);
    const total = parseFloat(totalInput);

    if (isNaN(score) || isNaN(total)) {
      showError('กรุณาระบุข้อมูลเป็นตัวเลขเท่านั้น');
      return;
    }

    if (score < 0 || total <= 0) {
      showError('คะแนนต้องมีค่ามากกว่าหรือเท่ากับ 0 และคะแนนเต็มต้องมากกว่า 0');
      return;
    }

    if (score > total) {
      showError('คะแนนที่ได้มีค่ามากกว่าคะแนนเต็ม โปรดตรวจสอบข้อมูลอีกครั้ง');
      return;
    }

    const rawPercentage = (score / total) * 100;
    const pluginPercentage = Math.floor(Number(rawPercentage.toFixed(4)));
    const isPassed = pluginPercentage >= passingRate;
    const minRequired = Math.ceil((passingRate * total) / 100);

    percentOutput.textContent = pluginPercentage + '%';
    resultBox.style.display = 'block';
    statusBadge.style.display = 'inline-flex';

    if (isPassed) {
      statusBadge.className = "cert-badge cert-badge-success";
      iconSuccess.style.display = 'block';
      iconFail.style.display = 'none';
      badgeText.textContent = 'คะแนนผ่านเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบผ่านเกณฑ์ร้อยละ <strong>${passingRate}</strong> ตามเงื่อนไขหลักสูตร</span>
        <span style="display: block;">โปรดตรวจสอบขั้นตอนการรับเกียรติบัตรจากผู้จัดสอบอีกครั้งหลังส่งคำตอบ</span>
      `;
    } else {
      statusBadge.className = "cert-badge cert-badge-fail";
      iconSuccess.style.display = 'none';
      iconFail.style.display = 'block';
      badgeText.textContent = 'คะแนนไม่ถึงเกณฑ์ขั้นต่ำ';
      
      feedbackText.innerHTML = `
        <span style="display: block; margin-bottom: 4px;">คะแนนสอบยังไม่ถึงเกณฑ์ร้อยละ <strong>${passingRate}</strong></span>
        <span style="display: block;">แนะนำให้ทบทวนเนื้อหาและทำแบบทดสอบใหม่อีกครั้ง<br>(ต้องทำได้อย่างน้อย <strong>${minRequired}</strong> จาก ${total} คะแนน)</span>
      `;
    }
  }

  function showError(message) {
    const errorBox = document.getElementById('errorMessage');
    errorBox.textContent = message;
    errorBox.style.display = 'block';
  }
</script>
</div></div>






<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button test"><a class="wp-block-button__link wp-element-button" href="https://docs.google.com/forms/d/e/1FAIpQLScSXPXuLuBswKuWQrUQu2eELz5ZELYDtenIuWApNAnduk8DWw/viewform" style="border-radius:0px" rel="nofollow noopener" target="_blank">ทำแบบทดสอบ</a></div>
</div>





<p class="wp-block-paragraph">หวังว่าเนื้อหาที่พี่แอดมินนำมาฝากจะช่วยให้น้องๆ เข้าใจหัวข้อนี้และนำไปใช้ทบทวนความรู้ได้สะดวกขึ้น ภายใน <strong><a href="https://quizeducate.com/">QuizEducate</a></strong> ยังรวบรวม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/"><strong>แบบทดสอบออนไลน์และเกียรติบัตรออนไลน์</strong></a> จากโรงเรียน มหาวิทยาลัย และหน่วยงานต่างๆ ครอบคลุมทั้งภาษาไทย ภาษาอังกฤษ <a href="https://quizeducate.com/%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b8%a2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c/%e0%b8%a0%e0%b8%b2%e0%b8%a9%e0%b8%b2%e0%b8%88%e0%b8%b5%e0%b8%99/">ภาษาจีน</a> คณิตศาสตร์ วิทยาศาสตร์และเทคโนโลยี รวมถึงกิจกรรมพัฒนาทักษะและอบรมออนไลน์ที่น่าสนใจ</p>



<p class="wp-block-paragraph">สำหรับน้องๆ ที่กำลังเตรียมตัวเข้ามหาวิทยาลัย สามารถติดตาม <strong><a href="https://quizeducate.com/tag/tcas/" data-type="link" data-id="https://quizeducate.com/tag/tcas/">TCAS</a></strong> ทั้งรอบ Portfolio, Admission, กำหนดการสอบ และเนื้อหาเกี่ยวกับ <strong>TGAT, TPAT และ A-Level</strong> พร้อมเลือกดู <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%AD%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%A4%E0%B8%A9/"><strong>แบบทดสอบภาษาอังกฤษ</strong></a> และเนื้อหาด้าน <strong>CEFR</strong> เพื่อเตรียมทักษะภาษาอังกฤษสำหรับการเรียนต่อ ส่วนผู้ที่สนใจเทคโนโลยีสามารถติดตาม <a href="https://quizeducate.com/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B8%A2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C/%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2/"><strong>วิทยาศาสตร์และเทคโนโลยี</strong></a> ซึ่งมีหัวข้อเกี่ยวกับ <strong>AI, <a href="https://quizeducate.com/tag/google-ai/" data-type="link" data-id="https://quizeducate.com/tag/google-ai/">Generative AI</a>, <a href="https://quizeducate.com/tag/chatgpt/">ChatGPT</a>, Digital Literacy, Coding และ Cybersecurity</strong> ให้ศึกษาเพิ่มเติมครับ</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<media:thumbnail url="https://quizeducate.com/wp-content/uploads/2025/05/13-05-2025_221800.webp" />	</item>
	</channel>
</rss>
