<?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>ศิลปะ &#8211; QUIZEDUCATE</title>
	<atom:link 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%A8%E0%B8%B4%E0%B8%A5%E0%B8%9B%E0%B8%B0/feed/" rel="self" type="application/rss+xml" />
	<link>https://quizeducate.com</link>
	<description></description>
	<lastBuildDate>Sun, 13 Sep 2026 15:21:16 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.1</generator>

<image>
	<url>https://quizeducate.com/wp-content/uploads/2025/03/cropped-23-03-2025_145309-32x32.webp</url>
	<title>ศิลปะ &#8211; QUIZEDUCATE</title>
	<link>https://quizeducate.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>เกียรติบัตรออนไลน์ ทำแบบทดสอบวัดระดับความรู้ เรื่อง การถ่ายภาพเบื้องต้น Basic Photography สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง</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%97%e0%b8%b3%e0%b9%81-6/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Sun, 23 Aug 2026 11:10:57 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[การศึกษา]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[ความเป็นครู]]></category>
		<category><![CDATA[นิเทศศาสตร์]]></category>
		<category><![CDATA[สื่อสารมวลชน]]></category>
		<category><![CDATA[อบรมออนไลน์]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=7393</guid>

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



<p class="wp-block-paragraph">รายวิชา <strong>การถ่ายภาพเบื้องต้น Basic Photography</strong> เป็นหลักสูตรเรียนออนไลน์ฟรีบนระบบ Thai MOOC ซึ่งพัฒนาโดยสถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง เหมาะสำหรับน้องๆ ที่สนใจศาสตร์แห่งการสื่อสารด้วยภาพ การสร้างสรรค์คอนเทนต์ และต้องการสะสมทักษะพื้นฐานด้านนิเทศศาสตร์ ทัศนศิลป์ หรือการจัดการสื่อดิจิทัล</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/23-08-2026_180851.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ ทำแบบทดสอบวัดระดับความรู้ เรื่อง การถ่ายภาพเบื้องต้น Basic Photography สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851.webp 1080w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-258x220.webp 258w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-328x279.webp 328w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-481x410.webp 481w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-430x366.webp 430w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-859x732.webp 859w, https://quizeducate.com/wp-content/uploads/2026/08/23-08-2026_180851-720x613.webp 720w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ ทำแบบทดสอบวัดระดับความรู้ เรื่อง การถ่ายภาพเบื้องต้น Basic Photography สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง 1"></figure>


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



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



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



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



<p class="wp-block-paragraph">การประเมินผลและการรับเกียรติบัตรมีเงื่อนไขตามที่ผู้จัดกำหนดคือ ต้องเข้าเรียนเนื้อหาให้ครบทุก Unit และทำแบบทดสอบหลังเรียน รวมถึงแบบฝึกหัด/ใบงานให้ได้คะแนนรวม <strong>60 คะแนนขึ้นไป</strong> เมื่อผ่านเกณฑ์ ระบบจะแสดง <strong>ใบประกาศนียบัตร (Certificate)</strong> ในแถบเมนู Progress ให้บันทึกหรือพิมพ์ด้วยตนเองได้ทันที<sup></sup></p>



<p class="wp-block-paragraph"><strong>แนวทางดำเนินการสำหรับน้องๆ</strong>:</p>



<ol start="1" class="wp-block-list">
<li>ตรวจสอบคุณสมบัติและลงทะเบียนเข้าสู่ระบบผ่านเว็บไซต์ Thai MOOC</li>



<li>เข้าเรียนเนื้อหาตามอัธยาศัยให้ครบถ้วนทุก Unit</li>



<li>ฝึกปฏิบัติตามเทคนิคการจัดองค์ประกอบและการตั้งค่ากล้อง พร้อมบันทึกภาพผลงานตนเองไว้ใช้งาน</li>



<li>ทำแบบทดสอบหลังเรียนและแบบฝึกหัดให้ได้คะแนนผ่านเกณฑ์ <strong>60 คะแนนขึ้นไป</strong></li>



<li>บันทึกหรือสั่งพิมพ์ <strong>ใบประกาศนียบัตร (Certificate)</strong> จากแถบเมนู Progress</li>
</ol>



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล</strong>: Thai MOOC Academy, สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง, โครงการมหาวิทยาลัยไซเบอร์ไทย (TCU)</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://learn.thaimooc.ac.th/courses/course-v1%3AKMITL%2B00249%2B0/" 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/23-08-2026_180851.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ด้านมรดกภูมิปัญญาทางวัฒนธรรม</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-367/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 04 Mar 2026 16:48:43 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้ทางศิลปะ]]></category>
		<category><![CDATA[ศิลปะกับมนุษย์]]></category>
		<category><![CDATA[เรียนครูศิลปะ]]></category>
		<category><![CDATA[เรียนนาฏศิลป์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=5856</guid>

					<description><![CDATA[ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ด้านมรดกภูมิปัญญา [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">ทำข้อสอบวัดระดับความรู้ เรื่อง ความรู้ด้านมรดกภูมิปัญญาทางวัฒนธรรม เพื่อรับเกียรติบัตรออนไลน์ ผ่าน learning.culture.go.th จาก กรมส่งเสริมวัฒนธรรม</h2>



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


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


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



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



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



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



<p class="wp-block-paragraph">กิจกรรมนี้จึงไม่ได้เป็นแค่เกมธรรมดา แต่เป็นพื้นที่ให้เยาวชนได้เรียนรู้ ลงมือคิด และสร้างสรรค์สิ่งใหม่ ๆ จากรากวัฒนธรรมไทยที่มีคุณค่า นอกจากนี้ เกมยังถูกนำไปจัดแสดงในงานใหญ่ระดับประเทศอย่าง <strong>งานสัปดาห์หนังสือแห่งชาติ ครั้งที่ 54 และสัปดาห์หนังสือนานาชาติ ครั้งที่ 24</strong> ซึ่งจะจัดขึ้นระหว่างวันที่ 26 มีนาคม – 6 เมษายน 2569 เวลา 10.00 – 21.00 น. ณ เอ็กซิบิชั่นฮอลล์ 5 – 8 ชั้น LG ศูนย์การประชุมแห่งชาติสิริกิติ์ ทำให้ผู้เข้าร่วมงานสามารถทดลองเล่น พูดคุยกับทีมพัฒนา และรับข้อมูลเพิ่มเติมได้โดยตรง</p>



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



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



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล:</strong> กรมส่งเสริมวัฒนธรรม กระทรวงวัฒนธรรม, สำนักงานศึกษาธิการภาค 5<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://learning.culture.go.th/v2/" 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/04-03-2026_233610.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันศิลปินแห่งชาติ National Artist Day</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-358/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Tue, 24 Feb 2026 16:31:42 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้ทางศิลปะ]]></category>
		<category><![CDATA[ศิลปะกับมนุษย์]]></category>
		<category><![CDATA[เรียนครูศิลปะ]]></category>
		<category><![CDATA[เรียนนาฏศิลป์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=5823</guid>

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



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


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


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



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



<p class="wp-block-paragraph">ศิลปินแห่งชาติแบ่งออกเป็น <strong>3 สาขาใหญ่</strong> ได้แก่</p>



<ul class="wp-block-list">
<li><strong>สาขาทัศนศิลป์</strong> ครอบคลุมงานจิตรกรรม ประติมากรรม ภาพเขียน ภาพสี ภาพลายเส้น รวมถึงงานออกแบบและสถาปัตยกรรมที่มีคุณค่าทางศิลปะ</li>



<li><strong>สาขาวรรณศิลป์</strong> ครอบคลุมงานเขียนทุกประเภท เช่น กวีนิพนธ์ นวนิยาย เรื่องสั้น ที่สร้างอารมณ์และจินตนาการ</li>



<li><strong>สาขาศิลปะการแสดง</strong> ครอบคลุมดนตรี นาฏศิลป์ ภาพยนตร์ และละครโทรทัศน์</li>
</ul>



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



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



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



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



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



<p class="wp-block-paragraph"><strong>แหล่งข้อมูล:</strong> กรมประชาสัมพันธ์, กระทรวงวัฒนธรรม, สำนักงานคณะกรรมการวัฒนธรรมแห่งชาติ<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/1FAIpQLSfETGTlwpxNqTW008V_jkHYjsYD3ORM84dDNXxNOYStf3ZYnA/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/02/24-02-2026_232522.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง เรื่องนาฏศิลป์ไทย</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-69/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Sun, 08 Jun 2025 16:21:28 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้ทางศิลปะ]]></category>
		<category><![CDATA[ศิลปะกับมนุษย์]]></category>
		<category><![CDATA[เรียนครูศิลปะ]]></category>
		<category><![CDATA[เรียนนาฏศิลป์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=4403</guid>

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



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง เรื่องนาฏศิลป์ไทย เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบ หรือ 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/06/08-06-2025_231150.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง เรื่องนาฏศิลป์ไทย 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/06/08-06-2025_231150.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/06/08-06-2025_231150-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/06/08-06-2025_231150-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/06/08-06-2025_231150-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/06/08-06-2025_231150-860x733.webp 860w, https://quizeducate.com/wp-content/uploads/2025/06/08-06-2025_231150-430x366.webp 430w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง เรื่องนาฏศิลป์ไทย 4"></figure>


<h2 class="wp-block-heading">สรุปสาระสำคัญเพื่อทำข้อสอบวัดระดับความรู้ เรื่อง เรื่องนาฏศิลป์ไทย โดยพี่แอดมิน</h2>



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



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



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



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



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



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



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



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



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



<p class="wp-block-paragraph">ท้ายสุด อยากให้น้อง ๆ มองว่านาฏศิลป์ไทยไม่ใช่แค่ศิลปะโบราณ แต่เป็นการแสดงที่ยังมีชีวิต มีจังหวะ และความหมาย ที่ถ่ายทอดผ่านท่าทางและดนตรี ซึ่งช่วยให้เราเข้าใจรากเหง้าของวัฒนธรรมไทยได้อย่างลึกซึ้ง ไม่ว่าจะผ่านการตั้งวง การเคลื่อนไหวของมือ และการแสดงที่ประณีตทุกขั้นตอน</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/1FAIpQLSdXQNksq6ZKMAWy5wp2qqXP4Gdy3TJxV18rgSf9pTOhYYqDUQ/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/06/08-06-2025_231150.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง การประยุกต์ใช้งานปัญญาประดิษฐ์ 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%b9%80%e0%b8%a3%e0%b8%b7-52/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Fri, 11 Apr 2025 11:54:20 +0000</pubDate>
				<category><![CDATA[วิทยาศาสตร์และเทคโนโลยี]]></category>
		<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้รอบตัว]]></category>
		<category><![CDATA[สายศิลปะ]]></category>
		<category><![CDATA[เทคโนโลยี]]></category>
		<category><![CDATA[เรียนต่อสายครู]]></category>
		<category><![CDATA[เรียนต่อสายวิทย์]]></category>
		<category><![CDATA[แบบทดสอบออนไลน์]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=2869</guid>

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



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง การประยุกต์ใช้งานปัญญาประดิษฐ์ 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/04/11-04-2025_184929.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง การประยุกต์ใช้งานปัญญาประดิษฐ์ AI ในการจัดการเรียนการสอนศิลปะ 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/04/11-04-2025_184929.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/04/11-04-2025_184929-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/04/11-04-2025_184929-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/04/11-04-2025_184929-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/04/11-04-2025_184929-860x733.webp 860w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง การประยุกต์ใช้งานปัญญาประดิษฐ์ AI ในการจัดการเรียนการสอนศิลปะ 5"></figure>


<h2 class="wp-block-heading">ความรู้โดยพี่แอดมิน เพื่อใช้ทำแบบทดสอบ<strong>การประยุกต์ใช้งานปัญญาประดิษฐ์ AI ในการจัดการเรียนการสอนศิลปะ</strong></h2>



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



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



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



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



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



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



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



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



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



<p class="wp-block-paragraph">ท้ายที่สุด ครูศิลปะที่ดีจะรู้ว่า AI ควรใช้เพื่อ <strong>ส่งเสริมและสนับสนุน ไม่ใช่แทนที่การสอนแบบดั้งเดิมทั้งหมด</strong> เช่นเดียวกับแอปพลิเคชันอย่าง <strong>Prisma หรือ Adobe Fresco</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/1FAIpQLSedYqgptAop_Ep4lsnErQwm2ovWhpvHNF13yU8EPcqNm-G2vQ/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/04/11-04-2025_184929.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันศิลปินแห่งชาติ</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%b9%80%e0%b8%a3%e0%b8%b7-28/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 26 Mar 2025 16:03:21 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=2559</guid>

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



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง วันศิลปินแห่งชาติ เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบ หรือ 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/03/26-03-2025_230157.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันศิลปินแห่งชาติ 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/03/26-03-2025_230157.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/03/26-03-2025_230157-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/03/26-03-2025_230157-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/03/26-03-2025_230157-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/03/26-03-2025_230157-860x733.webp 860w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วันศิลปินแห่งชาติ 6"></figure>


<h3 class="wp-block-heading">สาระสำคัญของแบบทดสอบ: วันศิลปินแห่งชาติ</h3>



<h4 class="wp-block-heading"><strong>ความเป็นมาของวันศิลปินแห่งชาติ</strong></h4>



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



<h4 class="wp-block-heading"><strong>ศิลปินแห่งชาติและความสำคัญในประวัติศาสตร์</strong></h4>



<p class="wp-block-paragraph">ศิลปินแห่งชาติได้รับการคัดเลือกจาก <strong>3 สาขาหลัก</strong> ได้แก่</p>



<ol class="wp-block-list">
<li><strong>ทัศนศิลป์</strong> – งานศิลปกรรม เช่น จิตรกรรม ประติมากรรม ภาพพิมพ์ และสื่อผสม</li>



<li><strong>ศิลปะการแสดง</strong> – ดนตรีไทย ดนตรีสากล นาฏศิลป์ ละคร และภาพยนตร์</li>



<li><strong>วรรณศิลป์</strong> – กวีนิพนธ์ นวนิยาย เรื่องสั้น บทละคร และสารคดี</li>
</ol>



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



<h4 class="wp-block-heading"><strong>พระปฐมบรมศิลปินแห่งกรุงรัตนโกสินทร์</strong></h4>



<p class="wp-block-paragraph">ในบรรดาพระมหากษัตริย์ไทย <strong>รัชกาลที่ 2</strong> ทรงได้รับการยกย่องเป็นพระปฐมบรมศิลปินแห่งกรุงรัตนโกสินทร์ เนื่องจากทรงมีพระปรีชาสามารถด้านศิลปกรรมและวรรณกรรม โดยเฉพาะงานประพันธ์ เช่น บทละครเรื่อง <strong>อิเหนา</strong> และ <strong>รามเกียรติ์</strong></p>



<h4 class="wp-block-heading"><strong>ลักษณะของผลงานศิลปินแห่งชาติ</strong></h4>



<ul class="wp-block-list">
<li><strong>ทัศนศิลป์</strong> เน้นความงดงามที่สะท้อนภูมิปัญญาและเอกลักษณ์ไทย เช่น งานจิตรกรรมไทยประเพณี</li>



<li><strong>ศิลปะการแสดง</strong> ครอบคลุมทั้งดนตรี นาฏศิลป์ และการแสดงสมัยใหม่ เช่น โขน ลิเก และละครเวที</li>



<li><strong>วรรณศิลป์</strong> เป็นผลงานที่สร้างอารมณ์และจินตนาการ เช่น บทกวี และนิยายที่สะท้อนสังคม</li>
</ul>



<h4 class="wp-block-heading"><strong>ศูนย์แสดงผลงานและพิธีประกาศศิลปินแห่งชาติ</strong></h4>



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



<h4 class="wp-block-heading"><strong>เป้าหมายของการประกาศศิลปินแห่งชาติ</strong></h4>



<ol class="wp-block-list">
<li>เชิดชูเกียรติศิลปินที่สร้างคุณค่าให้กับวัฒนธรรมไทย</li>



<li>อนุรักษ์และส่งเสริมศิลปวัฒนธรรมให้คงอยู่</li>



<li>เป็นแรงบันดาลใจและต้นแบบให้กับศิลปินรุ่นใหม่</li>
</ol>



<h4 class="wp-block-heading"><strong>ศิลปินแห่งชาติคนแรกในสาขาทัศนศิลป์</strong></h4>



<p class="wp-block-paragraph"><strong>เฟื้อ หริพิทักษ์</strong> ได้รับการยกย่องเป็นศิลปินแห่งชาติคนแรกในสาขาทัศนศิลป์ด้านจิตรกรรม ประจำปี 2528 ผลงานของท่านเน้นการอนุรักษ์จิตรกรรมไทยแบบดั้งเดิม และเป็นบุคคลสำคัญที่ช่วยฟื้นฟูงานศิลปะไทยให้กลับมารุ่งเรือง</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/1FAIpQLScPPGY7bmUcvf6BevHpBJzzJ6UvelHyHPl4bTVRpnMw-RBiQg/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/03/26-03-2025_230157.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ ศิลปะกับมนุษย์</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%b9%80%e0%b8%a3%e0%b8%b7-19/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Thu, 20 Mar 2025 16:54:39 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<category><![CDATA[ความรู้ทางศิลปะ]]></category>
		<category><![CDATA[ศิลปะกับมนุษย์]]></category>
		<category><![CDATA[เรียนครูศิลปะ]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=2455</guid>

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



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ ศิลปะกับมนุษย์ เพื่อรับเกียรติบัตรออนไลน์ ผ่าน Google Form โดยเมื่อท่านได้ทำแบบทดสอบผ่านเกณฑ์ที่ทางผู้จัดกิจกรรมได้กำหนดไว้ ท่านจะได้รับเกียรติบัตรเป็นไฟล์ PDF ดังภาพตัวอย่างที่ได้ทางผมได้นำมาแสดงให้ดูไว้ผ่านทาง Email ที่ท่านได้ลงทะเบียนไว้ตอนทำแบบทดสอบ หรือ 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/03/20-03-2025_235055.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ ศิลปะกับมนุษย์ 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/03/20-03-2025_235055.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/03/20-03-2025_235055-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/03/20-03-2025_235055-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/03/20-03-2025_235055-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/03/20-03-2025_235055-860x733.webp 860w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ ศิลปะกับมนุษย์ 7"></figure>


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



<h2 class="wp-block-heading">ศิลปะคืออะไร ทำไมมันถึงผูกพันกับมนุษย์ขนาดนี้?</h2>



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



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



<h2 class="wp-block-heading">ศิลปะสะท้อนตัวตนของมนุษย์</h2>



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



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



<h2 class="wp-block-heading">ศิลปะกับสังคม: ไม่ใช่แค่เรื่องสวยงาม แต่เป็นเรื่องของพลัง</h2>



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



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



<h2 class="wp-block-heading">ศิลปะในชีวิตประจำวัน: อยู่ใกล้กว่าที่คิด</h2>



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



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



<h2 class="wp-block-heading">ศิลปะบำบัด: เมื่อศิลปะกลายเป็นเพื่อนที่ดีที่สุดของใจ</h2>



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



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



<h2 class="wp-block-heading">แล้วมนุษย์จะเป็นยังไงถ้าไม่มีศิลปะ?</h2>



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



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



<h2 class="wp-block-heading">สรุปสั้น ๆ</h2>



<ul class="wp-block-list">
<li>ศิลปะคือการแสดงออกของความรู้สึก ความคิด และจินตนาการผ่านหลากหลายรูปแบบ</li>



<li>มันอยู่กับมนุษย์ตั้งแต่ยุคก่อนประวัติศาสตร์ จนถึงยุคดิจิทัล</li>



<li>ศิลปะช่วยให้เรารู้จักตัวเอง เข้าใจคนอื่น และสื่อสารในสิ่งที่คำพูดอาจบอกไม่ได้</li>



<li>ศิลปะมีบทบาทสำคัญในสังคม ทั้งในแง่ของวัฒนธรรม การต่อสู้ และการบำบัด</li>



<li>ไม่ต้องเป็นศิลปินก็ใช้ศิลปะได้ เพราะมันอยู่ในชีวิตของเราทุกวัน</li>
</ul>



<p class="wp-block-paragraph">ใครที่เคยคิดว่าศิลปะเป็นเรื่องไกลตัว หรือเป็นแค่วิชางานฝีมือที่เคยหลับในสมัย ม.ต้น ลองมองรอบตัวใหม่ แล้วจะเห็นว่า <strong>ศิลปะกับมนุษย์นั้นผูกพันกันแน่นแฟ้นกว่าที่คิดมาก ๆ</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/1FAIpQLSdQIoR4P0BkzpbcAZ1pSiGZyhar8-CAvw0_bMpewpOFLuCnbw/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/03/20-03-2025_235055.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ จิตรกรรมสากล</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%b9%80%e0%b8%a3%e0%b8%b7-18/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Wed, 19 Mar 2025 16:19:47 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=2452</guid>

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



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ จิตรกรรมสากล เพื่อรับเกียรติบัตรออนไลน์ ผ่าน 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/03/19-03-2025_231800.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ จิตรกรรมสากล 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/03/19-03-2025_231800.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/03/19-03-2025_231800-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/03/19-03-2025_231800-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/03/19-03-2025_231800-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/03/19-03-2025_231800-860x733.webp 860w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง วัดความรู้ทางศิลปะ จิตรกรรมสากล 8"></figure>


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



<h3 class="wp-block-heading">เริ่มที่พื้นฐาน: องค์ประกอบศิลป์คืออะไร?</h3>



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



<ol class="wp-block-list">
<li>จุด (Dot)</li>



<li>เส้น (Line)</li>



<li>รูปร่าง/รูปทรง (Shape/Form)</li>



<li>สี (Color)</li>



<li>น้ำหนักอ่อนแก่ (Value)</li>



<li>พื้นผิว (Texture)</li>



<li>พื้นที่ว่าง (Space)</li>
</ol>



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



<h3 class="wp-block-heading">สีไม่ได้แค่สวย มันส่งผลต่อความรู้สึกและการรับรู้ของคน</h3>



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



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



<p class="wp-block-paragraph">และที่ขาดไม่ได้คือเรื่องของการสร้างเอกลักษณ์ สีสามารถบ่งบอกตัวตนขององค์กรหรือแบรนด์ได้อย่างดี อย่างเช่น Facebook ใช้สีน้ำเงิน, Coca-Cola ใช้สีแดง แค่เห็นสีก็จำแบรนด์ได้ทันทีเลยล่ะ</p>



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



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



<h3 class="wp-block-heading">แล้วถ้าจะจัดกลุ่มสีล่ะ แบ่งได้ยังไง?</h3>



<p class="wp-block-paragraph">ถ้าน้อง ๆ อยากรู้ว่าสีต่าง ๆ มีประเภทอะไรบ้าง แบ่งง่าย ๆ ได้เป็น 3 กลุ่มใหญ่ ๆ แบบนี้เลย</p>



<ul class="wp-block-list">
<li><strong>สีโทนร้อน</strong> (Warm Colors): เช่น แดง ส้ม เหลือง ซึ่งจะให้ความรู้สึกร้อนแรง ตื่นเต้น กระฉับกระเฉง</li>



<li><strong>สีโทนเย็น</strong> (Cool Colors): เช่น เขียว น้ำเงิน ม่วง ให้ความรู้สึกสงบ เย็น สบาย ผ่อนคลาย</li>



<li><strong>สีโทนกลาง</strong> (Neutral Colors): ขาว ดำ เทา น้ำตาล เป็นกลุ่มที่ช่วยเสริมสีอื่น ๆ ให้น่าสนใจขึ้น ให้ความรู้สึกเป็นกลาง ไม่เน้นอารมณ์สุดขั้ว</li>
</ul>



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



<ul class="wp-block-list">
<li>สีปฐมภูมิ (Primary Colors): แดง เหลือง น้ำเงิน</li>



<li>สีทุติยภูมิ (Secondary Colors): สีที่ผสมจากสีปฐมภูมิ เช่น ส้ม เขียว ม่วง</li>



<li>สีตติยภูมิ (Tertiary Colors): สีผสมระหว่างปฐมภูมิกับทุติยภูมิ เช่น แดงอมส้ม เขียวอมเหลือง</li>
</ul>



<p class="wp-block-paragraph">วงจรสีนี้จะช่วยให้เราวางแผนการใช้สีได้อย่างมีระบบ และสร้างความกลมกลืนในการออกแบบได้ดี</p>



<h3 class="wp-block-heading">ถ้าอยากใช้สีให้งานออกแบบปัง ต้องรู้อะไรบ้าง?</h3>



<p class="wp-block-paragraph">การใช้สีในการออกแบบมันไม่ได้เดาเอา หรือเลือกเพราะ “ชอบ” อย่างเดียว ต้องอิงหลักการด้วยนะ ซึ่งพี่ขอแนะนำแบบรวบยอดให้เลย</p>



<ul class="wp-block-list">
<li>ความกลมกลืนของสี (Harmony): เลือกสีที่เข้ากัน จะช่วยให้งานดูสบายตา</li>



<li>ความตัดกันของสี (Contrast): ใช้สีที่ต่างกันชัดเจนเพื่อเน้นจุดเด่น</li>



<li>การเน้นสี (Emphasis): เน้นจุดที่สำคัญด้วยการใช้สีเด่นแค่บางจุด</li>



<li>การใช้โทนสี (Tone): เล่นกับความเข้มอ่อนของสีเพื่อสร้างมิติ</li>
</ul>



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



<ul class="wp-block-list">
<li>สีแดง: เร้าใจ ร้อนแรง กระตุ้น</li>



<li>สีส้ม: ร่าเริง สนุกสนาน</li>



<li>สีเหลือง: สดใส มีพลัง</li>



<li>สีเขียว: สดชื่น ผ่อนคลาย</li>



<li>สีฟ้า/น้ำเงิน: สงบ เยือกเย็น</li>



<li>สีม่วง: ลึกลับ หรูหรา</li>



<li>สีดำ: เคร่งขรึม จริงจัง</li>



<li>สีขาว: สะอาด บริสุทธิ์</li>



<li>สีเทา: สุขุม เป็นกลาง</li>



<li>สีน้ำตาล: มั่นคง ธรรมชาติ</li>
</ul>



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



<h3 class="wp-block-heading">สีไม่ได้อยู่แค่บนผืนผ้า มันมีบทบาททุกที่</h3>



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



<ul class="wp-block-list">
<li>การออกแบบโลโก้</li>



<li>การออกแบบเว็บไซต์</li>



<li>โฆษณาและโปสเตอร์</li>



<li>การตกแต่งภายใน</li>



<li>การออกแบบผลิตภัณฑ์</li>



<li>การจัดนิทรรศการ</li>



<li>สื่อสิ่งพิมพ์ทุกประเภท</li>
</ul>



<p class="wp-block-paragraph">เพราะฉะนั้น ถ้าเข้าใจเรื่องสีแบบลึกซึ้ง จะทำให้น้อง ๆ กลายเป็นคนที่ออกแบบได้อย่างชาญฉลาด มีเหตุผล และสามารถสื่อสารได้ถึงใจคนดูแน่นอน</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 alignwide 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/1FAIpQLSdm4O9IHQ8ueMlOBuNL1kfiE8N8MX8-xnqFFXeCQpcte3gXbA/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/03/19-03-2025_231800.webp" />	</item>
		<item>
		<title>เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ดนตรีไทย</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%b9%80%e0%b8%a3%e0%b8%b7-10/</link>
		
		<dc:creator><![CDATA[พี่แอดมิน]]></dc:creator>
		<pubDate>Fri, 14 Mar 2025 14:39:20 +0000</pubDate>
				<category><![CDATA[ศิลปะ]]></category>
		<category><![CDATA[เกียรติบัตรออนไลน์]]></category>
		<category><![CDATA[ข้อสอบวัดระดับความรู้]]></category>
		<guid isPermaLink="false">https://quizeducate.com/?p=2417</guid>

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



<p class="wp-block-paragraph">สวัสดีครับ วันนี้ผมขอนำกิจกรรมการทำข้อสอบวัดระดับความรู้ เรื่อง ดนตรีไทย เพื่อรับเกียรติบัตรออนไลน์ ผ่าน 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/03/14-03-2025_213707.webp" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ดนตรีไทย 2026" style="object-fit:cover;" srcset="https://quizeducate.com/wp-content/uploads/2025/03/14-03-2025_213707.webp 1080w, https://quizeducate.com/wp-content/uploads/2025/03/14-03-2025_213707-300x256.webp 300w, https://quizeducate.com/wp-content/uploads/2025/03/14-03-2025_213707-1024x872.webp 1024w, https://quizeducate.com/wp-content/uploads/2025/03/14-03-2025_213707-768x654.webp 768w, https://quizeducate.com/wp-content/uploads/2025/03/14-03-2025_213707-860x733.webp 860w" sizes="(max-width: 1080px) 100vw, 1080px" title="เกียรติบัตรออนไลน์ฟรี ทำข้อสอบวัดระดับความรู้ เรื่อง ดนตรีไทย 9"></figure>





<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 alignwide 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/1FAIpQLSdFfCCo3t2lcFIBIjrQGnkRhfr-XGDJVQ5L8FbJ4Q7zOmYnyw/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/03/14-03-2025_213707.webp" />	</item>
	</channel>
</rss>
