_คู่มือชำนาญการ

35 2. ตารางอบรมการใชห้ ้องสมดุ 2.1 รับเมล์ไฟลเ์ อกสำรตำรำงฝกึ อบรมจำกฝ่ำยบรกิ ำร ภำพที่ 40 รบั เมล์ไฟล์เอกสำรตำรำงฝกึ อบรมจำกฝำ่ ยบริกำร 2.2 เปิดไฟลต์ ำรำงฝึกอบรม ภำพท่ี 41 เปิดไฟล์ตำรำงฝึกอบรม

36 2.3 เปดิ เวบ็ ไซต์หนำ้ ตำรำงฝกึ อบรมประจำเดือน ซ่งึ จะทำเป็นไฟล์ตน้ แบบไวแ้ ล้วสำมำรถ แก้ไขข้อควำมโดยกำรคัดลอกและวำงจำกไฟลต์ ำรำงฝกึ อบรมทลี ะข้อควำมเพื่อป้องกนั ควำมผดิ พลำด จำกกำรพมิ พ์ โดยคลิกข้อควำมทำงขวำมือก่อนแล้วค่อยแก้ไขขอ้ ควำมทำงซ้ำยมือ ภำพท่ี 42 ตำรำงกำรอบรมกำรใช้ห้องสมดุ 2.4 แก้ไขขอ้ ควำมและลงิ คล์ งทะเบยี นในเวบ็ ไซต์ตำมไฟล์เอกสำรตำรำงฝึกอบรม ภำพที่ 43 แก้ไขข้อควำมและลิงค์ลงทะเบยี นในเวบ็ ไซตต์ ำมไฟลเ์ อกสำรตำรำงฝึกอบรม

37 2.5 หำกต้องกำรลบวันที่อบรมหรอื เพิ่มวนั วนั ที่อบรมสำมำรถคลกิ ขวำ ภำพที่ 44 กำรเพ่ิมหรือลบวันทอ่ี บรม 2.6 คลกิ ปุ่ม update ภำพที่ 45 คลิกปุ่ม update

38 3. ข่าว Library News/Events และภาษาองั กฤษ 3.1 สร้ำง Post ขึน้ พร้อมคลกิ ปุ่ม Add New ภำพท่ี 46 สรำ้ ง Post ขน้ึ พร้อมคลิกปมุ่ Add New 3.2 เลือก Categories ภำพท่ี 47 เลือก Categories

39 3.3 สรำ้ ง หวั ข้อ, รปู ภำพ, รำยละเอยี ดเหตุกำรณ์และใส่ข้อมลู ภำพท่ี 48 สร้ำง หัวข้อ, รปู ภำพ, รำยละเอียดเหตกุ ำรณแ์ ละใสข่ ้อมูล 3.4 สร้ำงอัลบั้มรปู ภำพ ภำพที่ 49 สรำ้ งอลั บม้ั รูปภำพ

40 3.5 สรำ้ ง Code อัลบ้มั ภำพแบบอตั โนมตั ิแลว้ คัดลอก ภำพที่ 50 สร้ำง Code อลั บ้มั ภำพแบบอัตโนมตั แิ ล้วคดั ลอก 3.5.1 เมือ่ คลิกไอคอน Add Gallery จะข้ึน Pop up ภำพที่ 51 เม่ือคลิกไอคอน Add Gallery จะขน้ึ Pop up

41 3.5.2 คลิกเลือก Gallery ท่จี ะนำไปแสดงท่ีหนำ้ เว็บไซต์ ภำพท่ี 52 คลกิ เลือก Gallery ที่จะนำไปแสดงทห่ี นำ้ เวบ็ ไซต์ 3.5.3 เลอื กรูปแบบในกำรแสดง จำกน้นั คลิกปุ่ม Insert Gallery ภำพท่ี 53 เลอื กรปู แบบในกำรแสดง จำกนนั้ คลิกปุ่ม Insert Gallery

42 3.5.4 คลิก Tab Text เพอ่ื แสดง Short Code ของกำรแสดงภำพหนำ้ เวบ็ ไซต์ ภำพที่ 54 คลิก Tab Text เพื่อแสดง Short Code ของกำรแสดงภำพหน้ำเว็บไซต์ 3.5.5 คัดลอก Short Code เพ่ือนำไป วำง ในสว่ นที่ตอ้ งกำรแสดงในหนำ้ เวบ็ ไซต์ ภำพท่ี 55 คดั ลอก Short Code เพอ่ื นำไป วำง ในส่วนท่ีตอ้ งกำรแสดงในหนำ้ เวบ็ ไซต์

43 3.6 นำ Code อัลบ้ัมภำพมำใช้ใน Post ภำพท่ี 56 นำ Code อัลบั้มภำพมำใชใ้ น Post 3.7 สรำ้ ง Post ในเวอรช์ ั่นภำษำอังกฤษ (โดย WordPress จะ Copy Post ภำษำไทยมำ ใหก้ ่อน) แก้ไขภำษำไทยเปน็ ภำษำอังกฤษ ภำพที่ 57 สรำ้ ง Post ในเวอร์ช่ันภำษำอังกฤษ

44 3.8 Post เวอรช์ ั่นภำษำองั กฤษก่อนแก้ไขข้อควำม ภำพท่ี 58 Post เวอรช์ ั่นภำษำองั กฤษก่อนแก้ไขข้อควำม 3.9 แก้ไขขอ้ มูลเป็นภำษำองั กฤษจำกฝำ่ ยบริกำรสำรสนเทศ ภำพที่ 59 แก้ไขข้อมูลเป็นภำษำองั กฤษจำกฝำ่ ยบริกำรสำรสนเทศ

45 4. ประชาสมั พนั ธแ์ บบ POP-UP 4.1 สรำ้ งภำพดว้ ยโปรแกรม Illustrator CC2018 เพ่อื ทำ Pop-Up หรือรบั ข้อมลู ภำพเพอื่ ดำเนินกำร ภำพที่ 60 สรำ้ งภำพดว้ ยโปรแกรม Illustrator CC2018 4.2 บันทึกภำพในรปู แบบ JPG หรือ PNG ภำพท่ี 61 บนั ทึกภำพในรปู แบบ JPG หรือ PNG

46 4.3 เขำ้ ระบบ WordPress บริหำรจัดกำรเวบ็ ไซต์สำนักหอสมุดในเมนู PopBoxes แล้ว คลิกเมนู Add New PopBoxes เพ่ือสร้ำง Page PopBoxes ภำพท่ี 62 เขำ้ ระบบ WordPress บรหิ ำรจดั กำรเวบ็ ไซต์สำนักหอสมดุ 4.4 พมิ พ์ช่ือ Page แล้วคลกิ ทีป่ มุ่ Edit with Elementer ภำพท่ี 63 พิมพช์ ่ือ Page แล้วคลิกท่ปี ุ่ม Edit with Elementer

47 4.5 คลกิ ปุม่ เพ่ือสร้ำง Section ใสร่ ูปภำพ ภำพที่ 64 คลิกปุ่ม เพ่ือสรำ้ ง Section ใสร่ ปู ภำพ 4.6 เลือก Structure แบบแรก ภำพที่ 65 เลือก Structure แบบแรก

48 4.7 เลอื ก Wedget รปู ภำพแล้ว Upload ภำพที่สร้ำงไว้ก่อนหนำ้ นำมำใสแ่ ล้วคลกิ ปุ่ม Publish ภำพที่ 66 เลอื ก Wedget รูปภำพแลว้ Upload ภำพทีส่ ร้ำงไวก้ ่อนหน้ำนำมำใส่แล้วคลกิ ปุ่ม Publish

49 ภาคผนวก

50 ภาคผนวก ก. กล่มุ Widget

51 กลมุ่ Widget - Widget Columns เอำไว้สรำ้ ง Columns ในสว่ น Section - Widget Heading เอำไว้สรำ้ ง หัวเรื่องของเพจ - Widget Image เอำสร้ำงรูปภำพ - Widget Text Editor เอำใสเ่ นอ้ื หำหรอื ข้อควำมใน เพจ - Widget Video เอำไวใ้ ส่เน้ือหำวีดโี อ Youtube เป็นตน้ - Widget Button เอำไวส้ รำ้ งปมุ่ - Widget Divider เอำไวเ้ ส้นแบ่งขอ้ ควำม - Widget Spacer เอำไว้สรำ้ งระยะควำมสงู ของ Section - Widget Google Maps เอำไว้สรำ้ งแผนท่ี Google - Widget Icon เอำไวส้ รำ้ งไอคอน - Widget PopBox เอำไว้สรำ้ งสว่ น Pop up จำกกำรคลกิ - Widget Posts เอำไว้สรำ้ งแสดงสว่ น กลมุ่ ข้อมูล Category - Widget Portfolio เอำไว้แสดงผลขอ้ มลู ทุกประเภทในระบบ - Widget Slide เอำไวแ้ สดงกำรสไลดภ์ ำพ เพื่อควำมสวยงำม - Widget Form เอำไว้สรำ้ งฟอรม์ รับข้อมลู - Widget Login เอำไวส้ ร้ำงสว่ นหน้ำป้องกนั กำรเขำ้ ระบบ Wordpress - Widget Nav Menu เอำไว้สร้ำงเมนเู วบ็ ไซต์

52 - Widget Animated Headline เอำไว้สร้ำง หัวข้อ เพจ - แต่หัวขอ้ ที่สรำ้ ง สำมำรถเคลื่อนไหวได้ - Widget Price List เอำไว้สรำ้ งรำยกำรเก่ียวกับ รำคำสำมำรถประยกุ ตใ์ ช้ทำหนำ้ รำยกำรตำ่ งเช่น สำรบญั ก็ได้ - Widget Price Table เอำไวส้ ร้ำงรำยกำรสนิ คำ้ แบบตำรำงได้ โดยระบบจะจัดออกแบบมำพร้อมใชเ้ ลย และเรำกส็ ำมำรถแก้ไขปรบั เปลี่ยนได้อีก - Widget Flip Box เอำไวส้ ร้ำงขอ้ มูลแบบ Box เมือ่ ใช้เมำส์คลกิ Box นน้ั จะพลกิ ด้ำนหลงั มำแสดง - Widget Media Carousel เอำไวแ้ สดงรูปภำพ แบบสไลด์ แต่แสดงได้มำกกว่ำครง้ั ละภำพ - Widget Testimonial Carousel เอำไวแ้ สดง ขอ้ ควำม ในรูปแบบสไลด์ - Widget Countdown เอำไว้แสดงเวลำถอยหลัง - Widget Share Buttons เอำไว้ปมุ่ แชรข์ อ้ มูลเพจ ไปยัง Social Media ตำ่ งๆ เช่น Facebook Google+ Twitter เปน็ ตน้ - Widget Search Form เอำไวใ้ ช้ทำส่วนกำรสบื ค้น ขอ้ มลู ท้ังระบบ WordPress - Widget Blockquote เอำไวใ้ ชแ้ สดงขอ้ มลู รปู แบบกล่องข้อควำม - Widget Facebook Button เอำไว้แสดงแสดง สว่ นป่มุ ของ Facebook ไดแ้ ก่ ปุ่ม Like, Recommended และ Follow - Widget Facebook Comments เอำไวแ้ สดงสว่ น Comment Facebook ในเว็บไซต์ - Widget Facebook Embed เอำไวแ้ สดงส่วนข้อมลู ของ Facebook ส่วน Post, Video และ comment - Widget Facebook Page เอำไวแ้ สดงส่วนข้อมลู Facebook Fan Page - Widget Template เอำไวเ้ ก็บสว่ นข้อมลู ท่เี รำได้เคยทำเอำไว้กอ่ นหนำ้ แล้วสำมำรถเรยี กใช้ ภำยหลงั ได้

53 - Widget Image Box เอำไวแ้ สดงเนอ้ื หำท่ี ประกอบดว้ ยภำพ หวั ขอ้ และรำยระเอยี ด - Widget Icon Box แสดงเนื้อหำทีป่ ระกอบดว้ ย ไอคอน หวั ข้อและรำยละเอียด - Widget Image Gallery แสดงข้อมูลรปู ภำพแบบ กลุ่ม - Widget Image Carousel แสดงกล่มุ ภำพแบบ สไลด์ - Widget Icon List แสดงข้อมูลตัวหนังสอื แบบแถว (ขอ้ ) โดยแตข่ ้อจะแสดง Icon ดำ้ นหนำ้ ด้วย - Widget Counter แสดงกำรนบั ตวั เลขแบบ เคล่ือนไหว - Widget Progress Bar แสดงสถำนกำรณ์ทำงำน เป็นเปอรเ์ ซน็ ตแ์ บบบำร์ - Widget Testimonial แสดงข้อมูลแบบลกั ษณะ กลอ่ งข้อควำม - Widget Tabs แสดงข้อมลู แบบ Tabs โดยจะแสดง ขอ้ มูลที่ Tab แรกเปน็ หลกั หำกต้องกำรดูข้อมูลที่ Tab ใดก็ใชเ้ มำส์คลกิ ท่ี Tab นน้ั ๆ - Widget Accordion เป็นรปู แบบกำรนำเสนอข้อมูล ในแนวนอนเฉพำะหัวข้อหำกต้องกำรดรู ำยละเอียดก็คลิก ทหี่ ัวข้อนน้ั ๆ - Widget Togle เปน็ รปู แบบกำรนำเสนอข้อมลู ใน แนวนอนเฉพำะหวั ข้อหำกต้องกำรดรู ำยละเอียดกค็ ลกิ ท่ี หวั ข้อนน้ั ๆ ซ่งึ มลี กั ษณะคล้ำย ๆ กับ Widget Accordion - Widget Social Icons แสดงขอ้ มลู ไอคอนเชน่ Facebook, Google+ และ Twitter เปน็ ต้น - Widget Alert แสดงข้อมูลแบบบลอ็ ก 4 แบบ มี Info, Success, Warning และ Danger - Widget SoundCloud แสดงข้อมลู ด้ำนเพลงจำกเว็บไซต์ https://soundcloud.com/ - Widget Shortcode เปน็ กำรเรียกใช้ Shortcode จำกPluginตวั อน่ื เข้ำทำงำนรว่ มกับตัว Elementor - Widget HTML สำมำรถเขียน HTML Tag ร่วมดว้ ยเช่น Script กำรคน้ ข้อมูล, Single Sign On หรอื Script กำรนบั จำนวนกำรเขำ้ เวบ็ ไซต์ เปน็ ตน้ - Widget Menu Anchor สำมำรถสร้ำงเมนลู ิงค์กันภำยในเพจได้ - Widget Sidebar สำมำรถเลือกแสดงผลข้อมลู ส่วนตำ่ ง ๆ เชน่ Sidebar, Header, Footer bar และ Footer Widget ตำมคุณสมบตั ิของ Template ได้

54 ภาคผนวก ข คำสั่ง HTML อำ้ งอิง

55 html คาสงั่ HTML อา้ งอิง <!-- --> <!--# --> คาอธบิ าย <!DOCTYPE> แทรกหมำยเหตุ <A> แทรกคำสงั่ สำหรบั ทำงำนบนเครื่องเซิร์ฟเวอร์ <ABBR> ระบุชนิดและหมำยเลขรุ่น HTML <ACRONYM> กำหนดจุดลิงกแ์ ละตำแหน่งแองเคอร์ <ADDRESS> แสดงคำย่อ <APPLET> แสดงอกั ษรยอ่ <AREA> กำหนดขนำดตัวอักษร <B> แสดงกำรทำงำน Java applet <BASE> กำหนดพ้ืนท่ีกำรลงิ กส์ ำหรับอิมเมจแมปแบบ client-side <BASEFONT> แสดงขอ้ ควำมแบบตวั หนำ <BDO> กำหนด URL พ้นื ฐำนในเว็บเพจ <BGSOUND> กำหนดรปู แบบตวั อกั ษรพื้นฐำนในเว็บเพจ <BIG> กำหนดทิศทำงกำรอำ่ น-เขียนขอ้ ควำม <BLINK> บรรเลงเพลงประกอบ <BLOCKQUOTE> เพ่ิมขนำดตัวอักษรข้ึน 1 ระดับ <BODY> แสดงข้อควำมแบบกะพริบ <BR> แสดงข้อควำมอำ้ งองิ <BUTTON> กำหนดขอบเขตเนื้อควำมของเว็บเพจ <CAPTION> กำหนดจดุ สน้ิ สดุ บรรทัด (ข้ึนบรรทดั ใหม่) <CENTER> สร้ำงปุม่ กดในแบบฟอรม์ <CITE> แสดงคำอธบิ ำยตำรำง <CODE> แสดงข้อควำมแบบจดั ก่งึ กลำง <COL> แสดงขอ้ ควำมเพอ่ื กำรอ้ำงอิง <COLGROUP> แสดงซอรซ์ โคด้ โปรแกรมคอมพิวเตอร์ <COMMENT> กำหนดคุณสมบัติคอลัมน์ข้อมูลในตำรำง <DD> กำหนดคณุ สมบตั ิคอลมั นข์ ้อมูลในตำรำงแบบเปน็ กลุ่ม <DEL> แทรกหมำยเหตุ <DFN> แสดงสว่ นคำอธบิ ำยในรำยกำรขอ้ มูลแบบใหค้ ำนยิ ำม <DIR> แสดงกำรปรบั ปรุงเว็บเพจโดยกำรลบขอ้ ควำม <DIV> แสดงคำศัพทห์ รือประโยคเฉพำะทีถ่ ูกใช้งำนเป็นครั้งแรก แสดงรำยกำรข้อมูลแบบแจกแจงเปน็ ข้อๆ ชนดิ หลำยคอลัมน์ แบง่ สว่ นและกำหนดรปู แบบเน้อื ควำมแบบเป็นบล็อก

56 html คาอธิบาย <DL> แสดงรำยกำรข้อมูลแบบให้คำนยิ ำม <DT> แสดงสว่ นคำสำคญั ในรำยกำรข้อมูลแบบใหค้ ำนยิ ำม <EM> แสดงข้อควำมแบบตวั เนน้ <EMBED> แสดงกำรทำงำนโปรแกรม plug-in <FIELDSET> จัดกล่มุ ฟลิ ดป์ ้อนข้อมูลในแบบฟอร์ม <FONT> กำหนดรปู แบบตวั อกั ษร <FORM> สรำ้ งแบบฟอร์มป้อนข้อมูล <FRAME> แสดงเฟรม <FRAMESET> แบง่ ส่วนกำรแสดงผลเพื่อสรำ้ งเฟรม <H1(-6)> แสดงขอ้ ควำมหวั เรอ่ื งขนำดต่ำงๆ <HEAD> กำหนดขอบเขตส่วนหัวของเวบ็ เพจ <HR> แสดงเส้นคน่ั ทำงแนวนอน <HTML> กำหนดขอบเขตของเวบ็ เพจ <I> แสดงข้อควำมแบบตวั เอน <IFRAME> แสดงเฟรมแบบ inline <ILAYER> สร้ำงเลเยอร์แบบ inline <IMG> แสดงรปู ภำพกรำฟิก <INPUT> สร้ำงฟลิ ด์ปอ้ นข้อมลู แบบต่ำงๆ ในแบบฟอรม์ <INS> แสดงกำรปรบั ปรุงเว็บเพจโดยกำรเพิ่มเติมข้อควำม <ISINDEX> สรำ้ งแบบฟอร์มป้อนข้อมูลแบบงำ่ ย <KBD> แสดงชอื่ คยี บ์ นคียบ์ อรด์ <KEYGEN> สรำ้ งรหสั ตรวจสอบในแบบฟอร์ม <LABEL> กำหนดข้อควำมประกอบฟลิ ด์ปอ้ นข้อมูลในแบบฟอร์ม <LAYER> สรำ้ งเลเยอร์ <LEGEND> แสดงคำอธบิ ำยกล่มุ ฟลิ ด์ปอ้ นขอ้ มลู ในแบบฟอรม์ <LI> แสดงขอ้ มูล 1 แถวรำยกำรในรำยกำรข้อมูลแบบต่ำงๆ <LINK> กำหนดควำมสัมพนั ธก์ ับเวบ็ เพจหรือข้อมลู ภำยนอก <LISTING> ชว่ ยแสดงขอ้ มูลท่ีมีควำมยำวมำกเพ่ือประหยัดพืน้ ท่ี <MAP> สร้ำงอิมเมจแมปแบบ client-side <MARQUEE> แสดงขอ้ ควำมแบบตวั อกั ษรวิ่ง <MENU> แสดงรำยกำรข้อมลู แบบแจกแจงเปน็ ข้อๆ ชนดิ คอลัมนเ์ ด่ยี ว <META> กำหนดคณุ สมบัติพิเศษของเวบ็ เพจ <MULTICOL> แสดงเนื้อควำมแบบหลำยคอลมั น์ <NOBR> ยกเลกิ คุณสมบัตกิ ำรขนึ้ บรรทัดใหม่โดยอตั โนมัติ

57 html คาอธบิ าย <NOEMBED> แสดงข้อควำมแทนกำรแสดงโปรแกรม plug-in <NOFRAMES> แสดงข้อควำมแทนกำรแสดงเฟรม <NOLAYER> แสดงขอ้ ควำมแทนกำรแสดงเลเยอร์ <NOSCRIPT> แสดงข้อควำมแทนกำรทำงำนของสคริปต์ <OBJECT> เรยี กใชอ้ ็อบเจก็ ต์ชนิดต่ำงๆ จำกภำยนอกเว็บเพจ <OL> แสดงรำยกำรข้อมูลแบบแจกแจงเป็นข้อๆ โดยเรียงลำดับ <OPTGROUP> จัดกลุ่มตัวเลอื กในลสิ ตบ์ อ็ กซ์ <OPTION> แสดงตัวเลอื กในลสิ ต์บ็อกซ์ <P> แสดงขอ้ ควำมในลักษณะพำรำกรำฟ <PARAM> กำหนดพำรำมเิ ตอรส์ ำหรับอ็อบเจ็กต์และ Java applet <PRE> แสดงข้อควำมตำมทจ่ี ดั รูปแบบไว้ในไฟลต์ น้ ฉบับ <Q> แสดงขอ้ ควำมอ้ำงอิงแบบ inline <S> แสดงขอ้ ควำมแบบมีเส้นขดี ฆ่ำกำกบั <SAMP> แสดงข้อควำมตัวอย่ำงโปรแกรม, สคริปต์ และอืน่ ๆ <SCRIPT> สร้ำงสคริปต์แบบ client-side <SELECT> สร้ำงลิสตบ์ อ็ กซ์ในแบบฟอร์ม <SERVER> สรำ้ งสคริปตแ์ บบ server-side <SMALL> ลดขนำดตัวอกั ษรลง 1 ระดบั <SPACER> กำหนดระยะชอ่ งวำ่ ง <SPAN> แบ่งส่วนและกำหนดรปู แบบทอ่ นข้อควำมแบบ inline <STRIKE> แสดงขอ้ ควำมแบบมเี ส้นขดี ฆ่ำกำกบั <STRONG> แสดงข้อควำมแบบตวั เขม้ <STYLE> สรำ้ ง style sheet <SUB> แสดงขอ้ ควำมแบบตวั พว่ งทำ้ ย <SUP> แสดงขอ้ ควำมแบบตวั ยกระดับ <TABLE> สรำ้ งตำรำง <TBODY> กำหนดขอบเขตเซลล์ขอ้ มูลปกตใิ นตำรำง <TD> สร้ำงเซลลข์ อ้ มูลในตำรำง <TEXTAREA> สรำ้ งพื้นทก่ี รอกข้อมูลในแบบฟอรม์ <TFOOT> กำหนดขอบเขตเซลล์ข้อมลู ท้ำยตำรำง <TH> สรำ้ งเซลลข์ ้อมูลหวั ตำรำง <THEAD> กำหนดขอบเขตเซลลข์ ้อมลู หัวตำรำง <TITLE> กำหนดชือ่ เว็บเพจ <TR> สร้ำงแถวเซลล์ขอ้ มลู ในตำรำง

58 html คาอธบิ าย <TT> แสดงข้อควำมแบบตัวพิมพด์ ีด <U> แสดงข้อควำมแบบขดี เส้นใต้กำกับ <UL> แสดงรำยกำรข้อมูลแบบแจกแจงเป็นข้อๆ โดยไม่เรยี งลำดับ <VAR> แสดงข้อควำมจำพวกค่ำคงท่ี ตวั แปร ฯลฯ <WBR> แสดงขอ้ ควำมจำพวกค่ำคงท่ี ตวั แปร ฯลฯ <XMP> แสดงขอ้ ควำมเพื่อเปน็ กำรยกตวั อยำ่ ง

59 ภาคผนวก ค คำสั่ง Attribute อำ้ งองิ

60 คาส่งั Attribute อา้ งอิง Attributes คาอธบิ าย ABBR ระบคุ ำย่อสำหรับเซลลข์ ้อมลู ในตำรำง ABOVE ระบุ ID ของเลเยอรท์ ่ีสร้ำงซอ้ นอยดู่ ้ำนบน ACCEPT ระบชุ นิดของไฟล์ท่ใี ช้ส่งไปพร้อมกับแบบฟอร์ม ACCEPT-CHARSET กำหนดชดุ ตวั อกั ษร (ภำษำ) ทอ่ี นุญำตให้ใช้ในแบบฟอร์ม ACCESSKEY กำหนดคยี ์ลดั ACTION กำหนด URL ทีจ่ ะรับข้อมลู จำกกำรกรอกแบบฟอร์ม ALIGN จดั ตำแหน่งกำรแสดงผล ALINK กำหนดสีของจุดลิงกเ์ ม่อื ถูกเลือกใช้ ALT กำหนดข้อควำมสำหรบั ใช้แสดงแทน ARCHIVE ระบุ URL ของไฟล์คลำสพืน้ ฐำนสำหรบั ใชง้ ำนร่วมกบั Java applet AXIS จัดหมวดหมู่เซลล์ข้อมูลในตำรำงดว้ ยคยี เ์ วริ ์ด BACKGROUND กำหนด URL ของภำพกรำฟกิ ที่ใชป้ ูพื้นฉำกหลัง BALANCE กำหนดควำมสมดุลของเสียงจำกลำโพงดำ้ นซ้ำยและขวำ BEHAVIOR กำหนดลักษณะกำรเคล่ือนที่ของข้อควำมแบบตวั อักษรวงิ่ BELOW ระบุ ID ของเลเยอรท์ ีส่ รำ้ งซ้อนอยดู่ ้ำนล่ำง BGCOLOR กำหนดสีของพ้นื ฉำกหลงั BGPROPERTIES กำหนดให้พนื้ ฉำกหลงั ตรึงอยู่กบั ท่ี ไม่เลื่อนตำมกำรเล่ือนเว็บเพจ BORDER กำหนดขนำดเส้นกรอบ BORDERCOLOR กำหนดสขี องเส้นกรอบตำรำงและเฟรม BORDERCOLORDARK กำหนดสีของเส้นกรอบตำรำงสว่ นท่เี ป็นสเี ขม้ BORDERCOLORLIGHT กำหนดสีของเสน้ กรอบตำรำงส่วนทีเ่ ปน็ สอี อ่ น CELLPADDING กำหนดระยะเวน้ ขอบภำยในของเซลลข์ ้อมูลในตำรำง CELLSPACING กำหนดระยะหำ่ งระหว่ำงเซลล์ข้อมูลในตำรำง CHALLENGE กำหนดข้อควำมเพื่อใช้เขำ้ รหัส public key ในแบบฟอรม์ CHAR กำหนดตัวอักษรที่ใช้เป็นจุดจดั ตำแหน่งข้อควำมให้ตรงกนั ในตำรำง CHAROFF กำหนดลำดับท่ีของตัวอกั ษรที่ใช้เปน็ จดุ จัดตำแหนง่ ข้อควำมให้ตรงกนั ใน ตำรำง CHARSET กำหนดชดุ ตัวอักษร (ภำษำ) CITE ระบุ URL อ้ำงอิงแหล่งท่ีมำของข้อมลู CHECKED กำหนดใหฟ้ ลิ ดป์ ้อนข้อมูลชนิด RADIO หรอื CHECKBOX มกี ำรทำ เครื่องหมำย CLASS ระบคุ ลำสรปู แบบท่ใี ช้งำนจำก style sheet CLASSID ระบุ URL หรอื หมำยเลขประจำตัวออ็ บเจ็กต์ชนดิ ActiveX

61 Attributes คาอธบิ าย CLEAR กำหนดรูปแบบกำรข้ึนบรรทดั ใหม่ CLIP กำหนดขอบเขตกำรแสดงผลภำยในเลเยอร์ CODE ระบชุ อื่ ไฟล์ของคลำสเร่ิมตน้ กำรทำงำนของ Java applet และอ็อบเจก็ ต์ CODEBASE ระบุ URL ใชง้ ำนพื้นฐำนสำหรบั Java applet และอ็อบเจ็กต์ CODETYPE ระบชุ นดิ ข้อมูลทีน่ ำมำใช้งำนร่วมกับอ็อบเจ็กต์ COLOR กำหนดสีตวั อักษรและเส้นค่ันทำงแนวนอน COLS กำหนดจำนวนคอลัมน์ COLSPAN กำหนดจำนวนกำรรวมเซลลท์ ำงแนวนอนในตำรำง COMPACT กำหนดใหแ้ สดงรำยกำรข้อมลู แบบกระชับ CONTENT ระบุคอนเทนต์สำหรับกำรกำหนดคุณสมบัติพเิ ศษของเวบ็ เพจ CONTROLS แสดงชุดปุม่ ควบคุมวิดโี อคลปิ COORDS กำหนดพิกัดพน้ื ท่กี ำรลงิ ก์ในอิมเมจแมปแบบ client-side DATA ระบุ URL ของแหล่งขอ้ มูลทีน่ ำมำใช้งำนรว่ มกับอ็อบเจก็ ต์ DATAFLD ระบชุ ่อื ฟลิ ด์ข้อมูล DATAFORMATAS ระบรุ ูปแบบของฟิลดข์ ้อมลู DATAPAGESIZE กำหนดจำนวนฟลิ ดข์ ้อมูล DATASRC ระบุ ID ของเอลเิ มนต์ที่ใช้เป็นแหลง่ ข้อมูล DATETIME ระบุวนั -เวลำทีข่ อ้ มูลมีกำรแก้ไข DECLARE กำหนดใหเ้ ปน็ ออ็ บเจ็กต์ท่ีไม่ทำงำนและแสดงผล DEFER กำหนดให้เป็นสครปิ ต์ท่ไี ม่มกี ำรเขยี นข้อควำมลงในเวบ็ เพจ DIR กำหนดทิศทำงกำรอ่ำน-เขยี นข้อควำม DIRECTION กำหนดทิศทำงกำรเคล่ือนทขี่ องข้อควำมแบบตัวอักษรวิง่ DISABLED ยกเลกิ กำรทำงำน DYNSRC ระบุ URL ของวิดโี อคลปิ ทีใ่ ช้แสดงผลแทนภำพกรำฟิก ENCTYPE ระบุชนดิ ขอ้ มูลสำหรบั กำรรับ-ส่งขอ้ มลู ในแบบฟอร์ม EVENT ระบชุ อื่ อีเวนตท์ ่กี ระตนุ้ ให้สครปิ ตท์ ำงำน FACE กำหนดชอ่ื ฟอนตต์ วั อักษร FOR ระบุ ID ของเอลเิ มนต์ท่ตี ้องกำรให้ทำงำนดว้ ย FRAME กำหนดกำรแสดงเสน้ กรอบตำรำง FRAMEBORDER กำหนดกำรแสดงเส้นกรอบเฟรม FRAMESPACING กำหนดระยะห่ำงระหว่ำงเฟรม GUTTER กำหนดระยะหำ่ งระหว่ำงคอลมั น์ข้อควำม HEADERS ระบุ ID ของเซลล์หวั ตำรำงท่ีกำกบั เซลล์ข้อมูลนน้ั HEIGHT กำหนดควำมสูง

Attributes 62 HIDDEN HREF คาอธิบาย HREFLANG กำหนดให้โปรแกรม plug-in ทำงำนโดยไม่ใชพ้ นื้ ที่กำรแสดงผล HSPACE ระบุ URL สำหรับกำรลิงก์ HTTP-EQUIV ระบภุ ำษำท่ีใช้ในเวบ็ เพจปลำยทำงของกำรลงิ ก์ ID กำหนดระยะเว้นวำ่ งดำ้ นซำ้ ย-ขวำ ISMAP ระบุช่ือหวั ข้อกำรตอบรบั จำก HTTP LABEL กำหนดรหัสเฉพำะตัวสำหรับใชอ้ ำ้ งอิง LANG กำหนดให้เปน็ ภำพกรำฟกิ สำหรบั อมิ เมจแมปแบบ server-side LANGUAGE กำหนดข้อควำมตวั เลือกที่แสดงในลิสต์บอ็ กซ์ LEFT ระบภุ ำษำที่ใช้แสดงข้อควำม LEFTMARGIN กำหนดชนดิ ของสครปิ ต์ที่ใชง้ ำน LINK กำหนดตำแหนง่ เลเยอรท์ ำงแนวนอนเมอ่ื เทียบกบั ตำแหนง่ ในเว็บเพจ LONGDESC กำหนดระยะเวน้ ขอบดำ้ นซำ้ ยของเว็บเพจ LOOP กำหนดสขี องจุดลงิ ก์ LOWSRC ระบุ URL สำหรับข้อมูลเพิม่ เติม MARGINHEIGHT กำหนดจำนวนรอบกำรแสดงผล MARGINWIDTH ระบุ URL ภำพกรำฟิกแบบหยำบทใ่ี ช้แสดงผลก่อน MAXLENGTH กำหนดระยะเวน้ ขอบดำ้ นบน-ล่ำงของเวบ็ เพจในเฟรม MAYSCRIPT กำหนดระยะเวน้ ขอบดำ้ นซ้ำย-ขวำของเวบ็ เพจในเฟรม MEDIA กำหนดจำนวนตัวอักษรสูงสดุ ท่ีปอ้ นไดใ้ นชอ่ งกรอกข้อมลู METHOD ยอมให้ JavaScript ตดิ ตอ่ กับ Java applet ได้ MULTIPLE ระบชุ นิดอุปกรณท์ ่ีต้องกำรนำไปใช้แสดงผล NAME กำหนดรูปแบบกำรส่งข้อมลู ในแบบฟอร์มสูเ่ ครื่องเซริ ์ฟเวอร์ NOHREF กำหนดใหเ้ ปน็ ลิสต์บอ็ กซแ์ บบเลอื กไดค้ รงั้ ละหลำยตัวเลือก NORESIZE กำหนดช่ือเฉพำะตวั สำหรับใช้อำ้ งอิง NOSHADE กำหนดใหเ้ ป็นพนื้ ทกี่ ำรลงิ กท์ ี่ไมม่ ีกำรลงิ ก์ NOTAB กำหนดใหเ้ ป็นเฟรมท่ผี ู้ใช้ปรับขนำดไมไ่ ด้ NOWRAP กำหนดให้แสดงเสน้ คนั่ เป็นแบบเสน้ ทึบ PAGEX กำหนดให้งดเวน้ กำรใช้คยี ์ TAB เพื่อเลอื กใช้งำน PAGEY ยกเลกิ กำรขนึ้ บรรทดั ใหมโ่ ดยอตั โนมตั ิ PALETTE กำหนดตำแหนง่ เลเยอรท์ ำงแนวนอนเม่อื เทยี บกบั วนิ โดวท์ ่ีอยู่ภำยใน PLUGINSPAGE กำหนดตำแหนง่ เลเยอร์ทำงแนวต้งั เมือ่ เทียบกบั วนิ โดว์ท่อี ยู่ภำยใน PLUGINURL กำหนดสฉี ำกหน้ำ-หลงั สำหรับใช้งำนในโปรแกรม plug-in ระบุ URL โฮมเพจหรือเว็บเพจแสดงคำแนะนำของโปรแกรม plug-in ระบุ URL ของ Java Archive (JAR)

63 Attributes คาอธิบาย POINT-SIZE กำหนดขนำดตวั อกั ษรโดยมหี นว่ ยเป็นพอยต์ PROMPT กำหนดข้อควำมประกอบแบบฟอร์มป้อนขอ้ มูลแบบง่ำย READONLY กำหนดใหเ้ ป็นฟิลด์ปอ้ นขอ้ มูลที่เปลย่ี นแปลงค่ำไม่ได้ REL กำหนดควำมสมั พนั ธ์จำกเวบ็ เพจปจั จบุ ันสูเ่ ว็บเพจปลำยทำงกำรลิงก์ REV กำหนดควำมสมั พนั ธ์จำกเวบ็ เพจปลำยทำงกำรลงิ ก์กลบั สู่เวบ็ เพจปัจจบุ ัน RIGHTMARGIN กำหนดระยะเวน้ ขอบดำ้ นขวำของเวบ็ เพจ ROWS กำหนดขนำดเฟรมในเฟรมเซ็ตและพืน้ ทีก่ รอกขอ้ มลู ROWSPAN กำหนดจำนวนกำรรวมเซลลท์ ำงแนวตั้งในตำรำง RULES กำหนดกำรแสดงเสน้ ภำยในตำรำง SCOPE กำหนดขอบเขตเซลล์ขอ้ มลู หัวตำรำงทีค่ รอบคลมุ ไปถงึ SCROLL กำหนดกำรแสดงสโครลบำร์ SCROLLAMOUNT กำหนดระยะเคล่ือนทขี่ องตวั อกั ษรว่ิงในกำรเคลอื่ นท่ีแต่ละครง้ั SCROLLDELAY กำหนดระยะเวลำหนว่ งระหวำ่ งกำรเคลื่อนที่แต่ละคร้งั ของตัวอกั ษรวิ่ง SCROLLING กำหนดกำรแสดงสโครลบำรใ์ นเฟรม SELECTED กำหนดให้ตัวเลอื กในลสิ ตบ์ อ็ กซถ์ ูกเลอื กโดยอัตโนมตั ิ SHAPE กำหนดรปู ร่ำงพืน้ ที่กำรลงิ กใ์ นอมิ เมจแมปแบบ client-side SIZE กำหนดขนำด SPAN กำหนดจำนวนคอลัมนท์ ตี่ ้องกำรจัดกลุม่ ภำยในตำรำง SRC ระบุ URL ของแหล่งขอ้ มูลภำยนอก STANDBY กำหนดข้อควำมทีใ่ ชแ้ สดงขณะโหลดออ็ บเจ็กต์ START กำหนดหมำยเลขแถวรำยกำรแถวแรก START ระบุเง่อื นไขกำรเร่ิมตน้ แสดงผลวดิ โี อคลิป STYLE กำหนดรปู แบบโดยใช้ style sheet SUMMARY กำหนดข้อควำมสรปุ ใจควำมสำคัญของข้อมลู ในตำรำง SUPPRESS กำหนดกำรแสดงกรอบและไอคอนแทนภำพกรำฟกิ กอ่ นกำรโหลด TABINDEX กำหนดลำดบั กำรใช้คีย์ TAB เพอ่ื เลือกใช้งำน TARGET ระบชุ ่อื วินโดวห์ รือเฟรมทต่ี ้องกำรใหแ้ สดงเวบ็ เพจปลำยทำงกำรลงิ ก์ TEXT กำหนดสขี องข้อควำมปกติ TITLE กำหนดข้อควำมแสดงหวั เรือ่ ง หรอื คำแนะนำ TOP กำหนดตำแหน่งเลเยอรท์ ำงแนวต้ังเม่ือเทียบกบั ตำแหนง่ ในเวบ็ เพจ TOPMARGIN กำหนดระยะเว้นขอบดำ้ นบนของเวบ็ เพจ TRUESPEED กำหนดให้ตวั อักษรวิง่ เคล่ือนที่ดว้ ยควำมเร็วจรงิ ของเคร่ืองคอมพวิ เตอร์ TYPE กำหนดชนดิ กำรใชง้ ำนและแสดงผล UNITS ระบหุ นว่ ยวดั ทใ่ี ช้กำหนดขนำดพืน้ ท่ีกำรแสดงผลของโปรแกรม plug-in

64 Attributes คาอธิบาย USEMAP กำหนดใหเ้ ปน็ ภำพกรำฟกิ สำหรับอมิ เมจแมปแบบ client-side VALIGN จดั ตำแหนง่ กำรแสดงผลทำงแนวต้ัง VALUE ระบคุ ่ำขอ้ มูล VALUETYPE ระบชุ นิดของข้อมูลในพำรำมิเตอร์ VERSION ระบุหมำยเลขรนุ่ HTML VISIBILITY กำหนดเง่ือนไขกำรแสดงเลเยอร์ VLINK กำหนดสขี องจุดลงิ กซ์ ่ึงลิงก์ไปยงั เวบ็ เพจที่เคยเรยี กใช้ VOLUME กำหนดระดับควำมดังของเสียง VSPACE กำหนดระยะเวน้ ว่ำงดำ้ นบน-ล่ำง WEIGHT กำหนดระดับควำมหนำของตัวอกั ษร WIDTH กำหนดควำมกวำ้ ง WRAP อนุญำตให้มกี ำรตัดคำขนึ้ บรรทดั ใหม่ได้ Z-INDEX กำหนดหมำยเลขลำดับของช้นั เลเยอร์

65 ภาคผนวก ง คำสั่งพื้นฐำน CSS

66 คาสงั่ พ้ืนฐาน CSS คาสง่ั คาอธบิ าย width: 100px; กำหนดควำมกวำ้ ง min-width: 100px; กำหนดควำมกวำ้ ง ข้นั ต่ำ max-width: 100px; กำหนดควำมกว้ำง กว้ำงสดุ height: 100px; กำหนดควำมสงู min-height: 100px; กำหนดควำมสงู ขน้ั ตำ่ max-height: 100px; กำหนดควำมสงู สงู สดุ font-size : 14px; กำหนดขนำดตัวอกั ษร font-weight: normal; กำหนดควำมหนำตัวอักษร font-family: 'sans-serif'; กำหนดรูปแบบตวั อกั ษร text-align: center; จดั ตำแหนง่ ตวั อักษร line-height: 1.5; กำหนดส่วนสงู ของบรรทัด color: #286F65; กำหนดสตี ัวอกั ษร white-space: nowrap; กำหนดให้ตัวอักษรไม่ให้ขนึ้ บรรทดั ใหม่ padding: 10px 15px; ใสช่ ่องว่ำงภำยใน margin: 10px 15px; ใส่ชอ่ งว่ำงภำยนอก border: 5px solid #000; ใสเ่ สน้ ขอบ box-shadow: 0 0 8px rgba(0, 0, 0, ใส่เงำ 0.15); float: left; จดั ชดิ ซำ้ ย float: right; จดั ชิดขวำ clear: both; เคลยี ร์ float overflow: hidden; กำรสรำ้ งขอบเขตถ้ำอยู่นอกขอบเขตจะไม่แสดงผล opacity: 0.5; ใส่คำ่ ควำมโปรง่ ทบึ display: block; แสดงผลแบบเตม็ ช่อง display: inline; แสดงผลตอ่ กนั ในบรรทัด display: none; ปิดกำรแสดงผล background-color: #00ff00; ใส่สีพืน้ หลงั background-image: url(\"paper.gif\"); ใสร่ ูปพ้นื หลัง position: relative; กำรจัดกำรเร่ืองตำแหน่งแสดงผล content: '…'; ใสข่ อ้ ควำม cursor: pointer; กำหนดรูปแบบเคอร์เซอร์ transition: all 1s ease-in-out; กำรทำอนิเมช่นั ด้วย CSS

67 ภาคผนวก จ Code สีแบบตำรำง

68 Code สีแบบตาราง #FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00 #FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00 #FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900 #FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600 #FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300 #FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000 #CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00 #CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00 #CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900 #CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600 #CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300 #CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000 #99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00 #99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00 #9999FF #9999CC #999999 #999966 #999933 #999900

69 #9966FF #9966CC #996699 #996666 #996633 #996600 #9933FF #9933CC #993399 #993366 #993333 #993300 #9900FF #9900CC #990099 #990066 #990033 #990000 #66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00 #66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00 #6699FF #6699CC #669999 #669966 #669933 #669900 #6666FF #6666CC #666699 #666666 #666633 #666600 #6633FF #6633CC #663399 #663366 #663333 #663300 #6600FF #6600CC #660099 #660066 #660033 #660000 #33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00 #33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00 #3399FF #3399CC #339999 #339966 #339933 #339900 #3366FF #3366CC #336699 #336666 #336633 #336600 #3333FF #3333CC #333399 #333366 #333333 #333300 #3300FF #3300CC #330099 #330066 #330033 #330000

70 #00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00 #00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00 #0099FF #0099CC #009999 #009966 #009933 #009900 #0066FF #0066CC #006699 #006666 #006633 #006600 #0033FF #0033CC #003399 #003366 #003333 #003300 #0000FF #0000CC #000099 #000066 #000033 #000000 Snow GhostWhite WhiteSmoke Gainsboro #FFFAFA #F8F8FF #F5F5F5 #DCDCDC FloralWhite OldLace Linen AntiqueWhite #FFFAF0 #FDF5E6 #FAF0E6 #FAEBD7 PapayaWhip BlanchedAlmond Bisque PeachPuff #FFEFD5 #FFEBCD #FFFAF0 #FFDAB9 NavajoWhite Moccasin Cornsilk Ivory #FFDEAD #FFE4B5 #FFF8DC #FFFFF0 LemonChiffon Seashell Honeydew MintCream #FFFACD #FFF5EE #F0FFF0 #F5FFFA Azure AliceBlue lavender Lavender Blush #F0FFFF #F0F8FF #E6E6FA #FFF0F5 MistyRose White Black DarkSlateGray #FFE4E1 #FFFFFF #000000 #2F4F4F LightSlateGray Gray LightGray MidnightBlue #778899 #BEBEBE #D3D3D3 #191970 CornflowerBlue DarkSlateBlue SlateBlue MediumSlateBlue #6495ED #483D8B #6A5ACD #7B68EE

71 LightSlateBlue NavyBlue DimGrey SlateGrey #8470FF #000080 #696969 #708090 MediumBlue RoyalBlue Blue DodgerBlue #0000CD #4169E1 #0000FF 1E90FF DeepSkyBlue SkyBlue LightSkyBlue SteelBlue #00BFFF #87CEEB #87CEFA #4682B4 LightSteelBlue LightBlue PowderBlue PaleTurquoise #B0C4DE #ADD8E6 #B0E0E6 #AFEEEE DarkTurquoise MediumTurquoise Turquoise Cyan #00CED1 #48D1CC #40E0D0 #00FFFF LightCyan CadetBlue MediumAquamarine Aquamarine #E0FFFF #5F9EA0 #66CDAA #7FFFD4 DarkGreen DarkOliveGreen DarkSeaGreen SeaGreen #006400 #556B2F #8FBC8F #2E8B57 MediumSeaGreen LightSeaGreen PaleGreen SpringGreen #3CB371 #20B2AA #98FB98 #00FF7F LawnGreen Green Chartreuse MedSpringGreen #7CFC00 #00FF00 #7FFF00 #00FA9A GreenYellow LimeGreen YellowGreen ForestGreen #ADFF2F #32CD32 #9ACD32 #228B22 OliveDrab DarkKhaki PaleGoldenrod LtGoldenrodYello #6B8E23 #BDB76B #EEE8AA #FAFAD2 LightYellow Yellow Gold LightGoldenrod #FFFFE0 #FFFF00 #FFD700 #EEDD82 Goldenrod DarkGoldenrod RosyBrown IndianRed #DAA520 #B8860B #BC8F8F #CD5C5C SaddleBrown Sienna Peru Burlywood #8B4513 #A0522D #CD853F #DEB887

72 Beige Wheat SandyBrown Tan #F5F5DC #F5DEB3 #F4A460 #D2B48C Chocolate Firebrick Brown DarkSalmon #D2691E #B22222 #A52A2A #E9967A Salmon LightSalmon Orange DarkOrange #FA8072 #FFA07A #FFA500 #FF8C00 Coral LightCoral Tomato OrangeRed #FF7F50 #F08080 #FF6347 #FF4500 Red HotPink DeepPink Pink #FF0000 #FF69B4 #FF1493 #FFC0CB MediumVioletRed VioletRed Magenta Violet #C71585 #D02090 #FF00FF #EE82EE Plum LightPink PaleVioletRed Maroon #DDA0DD #FFB6C1 #DB7093 #B03060 Orchid MediumOrchid DarkOrchid DarkViolet #DA70D6 #BA55D3 #9932CC #9400D3 BlueViolet Purple MediumPurple Thistle #8A2BE2 #A020F0 #9370DB #D8BFD8

73 บรรณานกุ รม โกลด์ซไตน์, อเล็กซิส, ลำซำรัส, หลุยส์ และเวย์ อนิ เทล. (2555). พัฒนาเวบ็ ไซตใ์ หเ้ หนือช้นั ด้วย HTML5 & CSS3. (ปฏญิ ญำ เสงย่ี มจิตร์, แปล). กรุงเทพฯ: ซเี อ็ดยูเคชน่ั . เกียรตพิ งษ์ บญุ จติ ร. (2560). Photoshop CC professional guide. นนทบรุ ี: ไอดซี ี พรีเมยี ร์ ไตรรตั น์ ลำภรวย, ชเู กียรติ นำคพิทักษ์กลุ และวทิ ยำ ต่อศรีเจรญิ . (2541). รวมชดุ คาสั่ง HTML ฉบบั Quick Reference. กรุงเทพฯ: วติ ต้ี กรปุ๊ . พระราชบญั ญัติวา่ ด้วยการกระทาความผิดเก่ยี วกบั คอมพิวเตอร์ (ฉบับที่ 2) พ.ศ. 2560. (2560). เขำ้ ถงึ ไดจ้ ำก http://www.ratchakitcha.soc.go.th/DATA/PDF/2560/A/010/24.PDF ภัททิรำ เหลืองวลิ ำศ. (2552). ออกแบบและสร้างงานกราฟิกด้วย Illustrator CS4. กรุงเทพฯ: ซีเอด็ ยูเคช่นั . วสันต์ พ่งึ พลู ผล. (2560). Illustrator CC 2017 professional guide. นนทบรุ ี: ไอดีซี พรเี มียร์. สพุ ิชฌำย์ ศรปี ระสทิ ธิ์. (2555). ผมใช้ WordPress หาเงินและทาการตลาดออนไลน์ไดย้ ังไง. กรุงเทพฯ: วิตต้ี กรุป๊ . อนญุ าตแบบเดยี วกนั 3.0 ประเทศไทย. (ม.ป.ป.). เขำ้ ถงึ ได้จำก https://creativecommons.org/licenses/by-sa/3.0/th/legalcode อะไรคือ Responsive Web Design. (2557). เขำ้ ถงึ ได้จำก http://www.atdesigncm.com/blog/อะไรคือ-responsive-web-design/ CSS Reference. (n.d.). Retrieved from https://www.w3schools.com/CSSref/ Documentation for Elementor page builder. (2018). Retrieved from https://docs.elementor.com/ HTML: HyperText Markup Language. (2018). Retrieved from https://developer.mozilla.org/en-US/docs/Web/HTML JavaScript and HTML DOM Reference. (2018). Retrieved from https://www.w3schools.com/jsref/ Java Script Resources. (2018). https://javascript-reference.info/ Java Scripts Guides and Java Scripts Tutorials. (2018). https://javascript-reference.info/ Notepad++. (2017). Retrieved from https://notepad-plus-plus.org/download/v7.5.3.html PHP 7 Reference. (2018). Retrieved from https://www.w3schools.com/php7/php7_ref_overview.asp SQL Statement Syntax. (2018). Retrieved from https://dev.mysql.com/doc/refman/5.7/en/sql-syntax.html Web tiles for UX designers. (n,d.). Retrieved from https://www.dealfuel.com/seller/ux-web-tiles/ WordPress คอื อะไร. (2557). เขำ้ ถึงได้จำก https://www.wpthaiuser.com/wordpress-is/

74 ช่ือ-สกุล ประวัติของผู้จัดทา ตาแหนง่ ปัจจบุ ัน หน่วยงานท่ีสงั กัด นำยเฉลิมเกยี รติ ดสี ม นักวิชำกำรคอมพิวเตอร์ ประวตั ิการศึกษา ฝำ่ ยเทคโนโลยสี ำรสนเทศ สำนกั หอสมดุ พ.ศ. 2543 มหำวทิ ยำลัยบรู พำ 169 ถนนลงหำดบำงแสน ตำบลแสนสขุ อำเภอเมือง ตาแหนง่ และประวตั ิการทางาน จังหวดั ชลบรุ ี 20131 พ.ศ. 2543-ปัจจุบัน โทรศพั ท์ 038-102483 โทรสำร 038-390049 [email protected] วทิ ยำศำสตรบัณฑิต (วท.บ.) มหำวทิ ยำลยั บรู พำ นกั วิชำกำรคอมพิวเตอร์ ฝำ่ ยเทคโนโลยสี ำรสนเทศ สำนักหอสมุด มหำวทิ ยำลัยบูรพำ

- 1 - หมายเลข 2/1 ระดบั ชานาญการ และระดบั ชานาญการพิเศษ แบบประวตั ิส่วนตวั และผลงาน เพ่ือขอประเมินกาหนดตาแหนง่ นกั วิชาการคอมพวิ เตอร์ ระดบั ชานาญการ สังกดั ฝ่ายเทคโนโลยีสารสนเทศ สานักหอสมดุ มหาวิทยาลัยบรู พา ------------------------- สว่ นท่ี ๑ ข้อมูลเบ้ืองต้นของผู้ขอรับการประเมนิ ๑. ประวัตสิ ่วนตัว ๑.๑ ช่อื ผขู้ อรับการประเมนิ ......................นายเฉลมิ เกียรติ ดีสม............................... ๑.๒ วนั เดอื น ปเี กดิ ...๑๑.......... มกราคม พ.ศ. ...๒๕๒๐.............. อายุ.......๔๒.....ปี ๑.๓ เลขประจาตวั ประชาชน............๕-๓๐๐๘-๐๐๐๓๙๐๗-๔.................................... ๒. ประวัตกิ ารศึกษา (เรียงจากวฒุ สิ ูงสุดตามลาดับ) คุณวุฒิ / สาขา ปี พ.ศ. ทีไ่ ด้รับ สถานศกึ ษา ๒.๑ วท.บ. (วิทยาการคอมพวิ เตอร์) ๒๕๔๓ มหาวิทยาลยั บูรพา ๓. ประวัตกิ ารปฏบิ ัติงาน ๓.๑ ปัจจบุ นั ดารงตาแหนง่ .........นกั วชิ าการคอมพวิ เตอร์..เงินเดือน..๓๗,๘๙๐..บาท ๓.๒ ได้รบั แต่งตัง้ ให้ดารงตาแหน่งระดับปฏบิ ตั ิการหรอื ได้รบั การบรรจเุ ขา้ ปฏบิ ตั ิงาน เมอ่ื วันท.่ี ..๒...เดอื น...สงิ หาคม..พ.ศ....๒๕๔๓...รวมระยะเวลาการดารงตาแหน่ง....๒๑....ป.ี ..๑...เดือน ๓.๓ ไดร้ ับแตง่ ตั้งใหด้ ารงตาแหนง่ ระดับชานาญการหรอื ได้รับการบรรจเุ ข้าปฏิบัตงิ าน เมอื่ วันท.่ี ........เดือน..........พ.ศ.......รวมระยะเวลาการดารงตาแหน่ง........ป.ี .....เดอื น ๔. ภาระงานปจั จุบัน (ให้ระบุภาระงานท่ีปฏบิ ัตอิ ยู่ งานที่ได้รบั มอบหมายและอ่ืนๆ) ๔.๑ งานดา้ นเวบ็ ไซต์ ๔.๒ งานดา้ นดูแลและแก้ไขระบบสารสนเทศต่าง ๆ ทีใ่ หบ้ รกิ ารผู้ใชบ้ รกิ ารและ เจา้ หน้าทหี่ ้องสมุด ๔.๓ งานดแู ลระบบเครอื ขา่ ยภายในสานกั หอสมดุ ทั้งในสว่ นที่เปน็ LAN และ Wifi ๔.๔ งานระบบกลอ้ ง CCTV ๔.๕ งานดูแลเครอ่ื งแม่ข่าย ๔.๖ ฝึกงานนสิ ติ สถาบนั ตา่ ง ๆ

- 2 - หมายเลข 2/1 ระดบั ชานาญการ และระดบั ชานาญการพเิ ศษ สถิตกิ ารปฏิบตั ิงานในฝ่ายเทคโนโลยสี ารสนเทศ ย้อนหลงั ๓ ปี ลาดบั การปฏิบตั งิ านตามภาระงาน หน่วยนบั ๒๕๕๙ ๒๕๖๐ ๒๕๖๑ รวม ๑ งานดา้ นเว็บไซต์ ครั้ง ๑๖๔ ๑๕๔ ๑๓๘ ๔๕๖ ๒ งานด้านดแู ลและแก้ไขระบบ คร้งั ๑๔๓ ๑๓๔ ๑๒๕ ๔๐๒ ต่างๆท่ใี ห้บริการผใู้ ชบ้ ริการ และเจา้ หน้าท่ีห้องสมุด ๓ งานดแู ลระบบเครอื ขา่ ย ครงั้ ๑๔๕ ๑๕๒ ๑๖๗ ๔๖๔ ภายในสานกั หอสมุดท้งั ใน ส่วนที่เปน็ LAN และ Wifi ๔ งานระบบกล้อง CCTV ครงั้ ๒๖ ๓๗ ๔๖ ๑๐๙ ๕ งานดูแลเคร่ืองแม่ข่าย ครัง้ ๑๒๓ ๑๔๕ ๑๕๑ ๔๑๙ งานอนื่ ๆ ท่เี กี่ยวข้อง ลาดับ งานท่ไี ดร้ ับมอบหมาย ๑ อนุกรรมการอนุรักษ์พลงั งานและสิ่งแวดลอ้ ม คาสัง่ สานักหอสมุด มหาวิทยาลัยบรู พา ที่ ๐๐๒/๒๕๕๙ เร่ือง อนุกรรมการอนรุ ักษ์พลังงานและสิง่ แวดล้อม ลงวันท่ี ๒๙ มกราคม พ.ศ. ๒๕๕๙ ๒ กรรมการจัดงาน “นิทรรศการสปั ดาหห์ ้องสมุด’๕๙” คาสัง่ สานักหอสมุด มหาวทิ ยาลยั บูรพา ท่ี ๐๐๗/๒๕๕๙ เรอ่ื ง แตง่ ตั้งคณะกรรมการจดั งาน “นิทรรศการ สัปดาหห์ อ้ งสมุด’๕๙” ลงวนั ท่ี ๘ กุมภาพันธ์ พ.ศ. ๒๕๕๙ ๓ กรรมการระบบคุณภาพการศึกษา คาส่งั สานักหอสมุด มหาวทิ ยาลัยบูรพา ที่ ๐๑๑/๒๕๕๙ เร่อื ง แตง่ ตงั้ กรรมการระบบคุณภาพการศึกษา ลงวนั ท่ี ๒๔ กุมภาพนั ธ์ พ.ศ. ๒๕๕๙ ๔ กรรมการการจดั การความรู้ คาส่ังสานักหอสมุด มหาวิทยาลยั บรู พา ที่ ๐๑๒/๒๕๕๙ เรื่อง แตง่ ตั้งกรรมการการจัดการเรียนรู้ ลงวันที่ ๒๔ กุมภาพนั ธ์ พ.ศ. ๒๕๕๙ 5 กรรมการบรหิ ารความเสีย่ งและควบคุมภายใน คาส่ังสานักหอสมุด มหาวทิ ยาลยั บรู พา ท่ี ๐๑๓/๒๕๕๙ เรื่องแตง่ ต้ังคณะกรรมการการบรหิ ารความเส่ยี งและควบคุมภายใน ลงวันท่ี ๒๔ กมุ ภาพนั ธ์ พ.ศ. ๒๕๕๙ 6 กรรมการบริหารสานักหอสมุด คาสั่งสานักหอสมุด มหาวิทยาลัยบรู พา ท่ี ๐๑๖/๒๕๕๙ เรอ่ื ง แต่งต้ังกรรมการระบบคุณภาพการศกึ ษา ลงวันท่ี ๒๕ กมุ ภาพนั ธ์ พ.ศ. ๒๕๕๙

- 3 - หมายเลข 2/1 ระดบั ชานาญการ และระดับชานาญการพิเศษ งานอน่ื ๆ ท่เี กี่ยวข้อง (ต่อ) ลาดับ งานท่ีได้รบั มอบหมาย ๗ กรรมการการคัดเลือกระบบห้องสมดุ อัตโนมัติ คาส่ังสานักหอสมุด มหาวิทยาลัยบูรพา ท่ี ๐๓๐/๒๕๕๙ เรอ่ื ง แต่งต้งั คณะกรรมการการคดั เลือกระบบห้องสมดุ อตั โนมตั ิ ลงวันท่ี ๔ เมษายน ๒๕๕๙ ๘ กรรมการพฒั นาคลงั ส่ือสารสาระออนไลน์ คาสง่ั สานกั หอสมุด มหาวทิ ยาลยั บรู พา ที่ ๐๓๖/๒๕๕๙ เรื่อง แต่งตัง้ คณะกรรมการพัฒนาคลงั สื่อสาระออนไลน์ ลงวนั ที่ ๒๒ เมษายน ๒๕๕๙ ๙ กรรมการการคัดเลือกระบบห้องสมุดอัตโนมตั ิ คาส่งั สานักหอสมุด มหาวิทยาลัยบูรพา ท่ี ๐๔๘/๒๕๕๙ เรอ่ื ง แต่งตั้งคณะกรรมการการคัดเลือกระบบหอ้ งสมดุ อตั โนมตั ิ ลงวนั ที่ ๑๕ กรกฏาคม ๒๕๕๙ ๑๐ กรรมการการดาเนนิ งานขบั เคล่ือนการพฒั นาระบบบริหารตามเกณฑ์รางวลั คณุ ภาพ แห่งชาติ (TQA) คาสง่ั สานักหอสมุด มหาวิทยาลัยบูรพา ท่ี ๐๕๔/๒๕๕๙ เรื่อง แต่งต้ังคณะกรรมการการดาเนินงานขับเคลอ่ื นการพัฒนาระบบบรหิ ารตามเกณฑ์ รางวัลคุณภาพแห่งชาติ (TQA) ลงวนั ที่ ๑๔ กนั ยายน ๒๕๕๙ ๑๑ กรรมการโครงการสมั มนาบุคลากรเพื่อพัฒนาองคก์ รสู่ความเปน็ เลศิ คาสงั่ สานักหอสมดุ มหาวทิ ยาลัยบูรพา ท่ี ๐๗๐/๒๕๕๙ เรอื่ ง แต่งตง้ั กรรมการโครงการสัมมนาบุคลากร เพ่อื พฒั นาองค์กรสคู่ วามเปน็ เลิศ ลงวนั ท่ี ๒๔ พฤศจิกายน ๒๕๕๙ ๑๒ กรรมการจัดงานสปั ดาห์ห้องสมุดและบรู พาบุ๊คแฟร์’๖๐ คาสง่ั สานักหอสมุด มหาวทิ ยาลยั บรู พา ที่ ๐๗๑/๒๕๕๙ เรือ่ ง แตง่ ต้งั กรรมการจดั งานสปั ดาห์หอ้ งสมุด และบูรพาบุ๊คแฟร์’๖๐ ลงวันที่ ๒๔ พฤศจิกายน พ.ศ. ๒๕๕๙ ๑๓ กรรมการอนรุ ักษ์พลังงานและส่งิ แวดล้อม คาส่งั สานักหอสมุด มหาวทิ ยาลยั บรู พา ท่ี ๐๑๑/๒๕๖๐ เรอ่ื ง แตง่ ตง้ั กรรมการอนรุ ักษ์พลังงานและสิ่งแวดลอ้ ม ลงวันที่ ๑๔ มีนาคม พ.ศ. ๒๕๖๐ 14 กรรมการปรับปรุงเวบ็ ไซต์เพ่ือการประชาสมั พันธ์ คาสง่ั สานกั หอสมุด มหาวิทยาลัย บูรพา ที่ ๐๑๕/๒๕๖๐ เร่ือง แต่งต้ังกรรมการระบบคุณภาพการศกึ ษา ลงวนั ที่ ๑๖ มีนาคม พ.ศ. ๒๕๖๐ 15 กรรมการระบบคุณภาพการศึกษา คาสงั่ สานักหอสมุด มหาวทิ ยาลัยบูรพา ท่ี ๐๒๘/๒๕๖๐ เรอ่ื ง แตง่ ตง้ั กรรมการระบบคุณภาพการศึกษา ลงวันที่ ๓ พฤษาภาคม พ.ศ. ๒๕๖๐

- 4 - หมายเลข 2/1 ระดบั ชานาญการ และระดบั ชานาญการพเิ ศษ งานอ่ืน ๆ ท่เี ก่ียวข้อง (ต่อ) ลาดับ งานทไ่ี ดร้ ับมอบหมาย ๑๖ กรรมการจดั หาและตดิ ต้ังไมก้ ั้นรถยนต์อัตโนมัติ ระบบ Easy Pass บริเวณอาคาร จอดรถ อาคารสานักหอสมุด มหาวิทยาลัยบรู พา คาสงั่ สานักหอสมดุ มหาวทิ ยาลัย บรู พา ท่ี ๐๓๗/๒๕๖๐ เร่ือง แต่งตง้ั กรรมการจดั หาและตดิ ต้ังไม้กน้ั รถยนต์อตั โนมตั ิ ระบบ Easy Pass บริเวณอาคารจอดรถ อาคารสานกั หอสมดุ มหาวิทยาลยั บรู พา ลงวันที่ ๒๒ มิถนุ ายน พ.ศ. ๒๕๖๐ ๑๗ กรรมการอนรุ ักษพ์ ลงั งานและสง่ิ แวดล้อม คาสง่ั สานักหอสมุด มหาวทิ ยาลยั บูรพา ท่ี ๐๔๐/๒๕๖๐ เรื่อง แตง่ ตั้งกรรมการอนุรกั ษ์พลังงานและสงิ่ แวดล้อม ลงวันท่ี ๒๖ มถิ นุ ายน พ.ศ. ๒๕๖๐ ๑๘ อนกุ รรมการดาเนนิ งานโครงการโครงการปรุงห้องสมุด วัดเขาบางทราย (วัดอารามหลวง) เพือ่ อนุรกั ษ์มรดกทางวฒั นธรรมและการสง่ เสริมการเรยี นรู้ ตลอดชวี ิต คาสั่งสานกั หอสมุด มหาวิทยาลยั บูรพา ที่ ๐๕๔/๒๕๖๐ เรื่อง แตง่ ตั้งอนุกรรมการดาเนนิ งานโครงการโครงการปรุงห้องสมดุ วัดเขาบางทราย (วดั อารามหลวง) เพื่ออนุรักษ์มรดกทางวัฒนธรรมและการสง่ เสริมการเรียนรู้ ตลอดชวี ิต ลงวันที่ ๔ กันยายน พ.ศ. ๒๕๖๐ ๑๙ กรรมการฝา่ ยจดั นิทรรศการวันทาบุญท่านศาสตราจารย์ ดร.ธารง บัวศรี คาสง่ั สานักหอสมุด มหาวทิ ยาลัยบรู พา ท่ี ๐๖๑/๒๕๖๐ เร่ือง แตง่ ต้ังกรรมการ ฝ่ายจดั นิทรรศการวนั ทาบุญท่านศาสตราจารย์ ดร.ธารง บัวศรี ลงวนั ที่ ๖ ตุลาคม พ.ศ. ๒๕๖๐ ๒๐ กรรมการจดั งานสัปดาร์หอ้ งสมดุ และบูรพาบ๊คุ แฟร์’ ๖๑ คาส่งั สานกั หอสมุด มหาวิทยาลยั บูรพา ท่ี ๐๖๓/๒๕๖๐ เรือ่ ง แต่งตั้งกรรมการจัดงานสัปดารห์ ้องสมุด และบรู พาบุ๊คแฟร์’ ๖๑ ลงวันที่ ๒๐ ธันวาคม พ.ศ. ๒๕๖๐ ๒๑ กรรมการจัดนิทรรศการเน่ืองในพิธีถวานดอกไม้จันทน์ คาสั่งสานักหอสมดุ มหาวทิ ยาลัยบรู พา ท่ี ๐๗๙/๒๕๖๐ เรอ่ื ง แตง่ ต้ังกรรมการจัดนิทรรศการ เนอื่ งในพิธถี วายดอกไมจ้ นั ทน์ ลงวันที่ ๑๒ ตุลาคม พ.ศ. ๒๕๖๐ 22 อนกุ รรมการดาเนินงานโครงการโครงการปรุงห้องสมุด วดั เขาบางทราย (วัดอารามหลวง) เพื่ออนรุ ักษม์ รดกทางวฒั นธรรมและการส่งเสรมิ การเรยี นรูต้ ลอดชวี ิต คาสั่งสานกั หอสมดุ มหาวิทยาลยั บรู พา ที่ ๐๑๘/๒๕๖๑ เรอื่ ง แต่งตัง้ อนุกรรมการดาเนินงานโครงการ ปรับปรุงหอ้ งสมดุ วัดเขาบางทราย (วดั อารามหลวง) เพอ่ื อนุรักษ์มรดกทางวัฒนธรรม และการส่งเสริมการเรยี นรู้ตลอดชีวติ ลงวนั ที่ ๖ มิถนุ ายน พ.ศ. ๒๕๖๑

- 5 - หมายเลข 2/1 ระดบั ชานาญการ และระดบั ชานาญการพเิ ศษ งานอน่ื ๆ ทีเ่ กี่ยวข้อง (ต่อ) ลาดับ งานทีไ่ ด้รับมอบหมาย ๒๓ กรรมการพฒั นาคลังสอื่ สาระออนไลน์ คาสง่ั สานักหอสมดุ มหาวิทยาลัยบูรพา ท่ี ๐๒๗/๒๕๖๑ เรอ่ื ง แตง่ ต้งั กรรมการพัฒนาคลงั สือ่ สาระออนไลน์ ลงวันที่ ๑๖ สงิ หาคม พ.ศ. ๒๕๖๑ ๒๔ กรรมการบริหารโครงการวิชาการ การประชมุ วชิ าการระดบั ชาติ PULINET คร้งั ท่ี 9 (The 9 PULINET National Conference : PULINET 2019) คาสั่งสานกั หอสมุด มหาวิทยาลยั บูรพา ที่ ๐๓๔/๒๕๖๑ เรอ่ื ง แตง่ ตง้ั กรรมการบรหิ ารโครงการวชิ าการ การประชุมวชิ าการระดบั ชาติ PULINET คร้งั ที่ 9 (The 9 PULINET National Conference : PULINET 2019) ลงวนั ท่ี ๑๔ กันยายน พ.ศ. ๒๕๖๑ ๒๕ กรรมการดาเนินงานขับเคล่ือนการพฒั นาระบบบริหารตามเกณฑค์ รุ ภาพการศึกษา เพอื่ การดาเนินการท่เี ป็นเลิศ (EdPEx) คาสงั่ สานักหอสมุด มหาวทิ ยาลยั บูรพา ที่ ๐๓๙/๒๕๖๑ เรอ่ื ง แต่งตงั้ กรรมการดาเนนิ งานขบั เคล่อื นการพฒั นาระบบบริหาร ตามเกณฑ์คุรภาพการศกึ ษาเพอื่ การดาเนนิ การท่ีเปน็ เลิศ (EdPEx) ลงวนั ท่ี ๒ ตลุ าคม พ.ศ. ๒๕๖๑ ๒๖ กรรมการจัดนทิ รรศการเฉลิมพระเกียรตฯิ ในกจิ กรรม “Bike อุ่นไอรกั ” จังหวัดชลบรุ ี คาสง่ั สานักหอสมดุ มหาวิทยาลยั บรู พา ที่ ๐๔๗/๒๕๖๑ เรอื่ ง แตง่ ตงั้ กรรมการ จัดนิทรรศการเฉลิมพระเกยี รตฯิ ในกจิ กรรม “Bike อนุ่ ไอรกั ” จังหวัดชลบุรี ลงวนั ที่ ๒๘ พฤศจกิ ายน พ.ศ. ๒๕๖๑ ๒๗ กรรมการจดั งานการประชมุ วชิ าการระดับชาติ PULINET ครงั้ ที่ ๙ คาสงั่ สานกั หอสมดุ มหาวิทยาลยั บูรพา ท่ี ๐๔๘/๒๕๖๑ เรื่อง แต่งตั้งกรรมการจัดงานการประชุมวชิ าการ ระดบั ชาติ PULINET ครง้ั ท่ี ๙ ลงวนั ท่ี ๒๖ พฤศจิกายน พ.ศ. ๒๕๖๑ ๒๘ กรรมการจดั งานบญุ เลีย้ งพระเพ่ือเปน็ ศิรมิ งคลและสรา้ งขวญั กาลังใจแกบ่ ุคลากร คาสงั่ สานกั หอสมุด มหาวทิ ยาลยั บรู พา ที่ ๐๕๐/๒๕๖๑ เรื่อง แต่งตั้ง กรรมการ จัดงานบุญเล้ียงพระ เพ่อื เปน็ ศิริมงคลและสรา้ งขวญั กาลงั ใจแกบ่ คุ ลากร ลงวันที่ ๑๒ พฤศจกิ ายน พ.ศ. ๒๕๖๑ ๒๙ กรรมการจดั งานบุ๊คแฟร์’ ๖๒ คาสงั่ สานกั หอสมุด มหาวทิ ยาลัยบรู พา ท่ี ๐๕๑/๒๕๖๑ เรือ่ ง แต่งตง้ั กรรมการจัดงานบ๊คุ แฟร์’ ๖๒ ลงวันท่ี ๑๗ พฤศจิกายน พ.ศ. ๒๕๖๑

- 6 - หมายเลข 2/1 ระดบั ชานาญการ และระดับชานาญการพิเศษ ส่วนที่ ๒ ผลงานท่แี สดงความเป็นผู้ชานาญการ หรือชานาญการพิเศษ มิใช่ผลงานท่ีเปน็ สว่ นหน่ึงของการศึกษา ฝึกอบรม และมิใช่ผลงานเดมิ ที่ใชใ้ นการประเมิน เพ่อื แตง่ ตงั้ ให้ดารงตาแหน่งสงู ขนึ้ กรณีทีเ่ ป็นผลงานรว่ มต้องระบกุ ารมสี ่วนรว่ มและคารบั รองของผมู้ ี สว่ นรว่ ม (เลือกเฉพาะตาแหน่งท่ีจะขอรบั การประเมนิ ) ๑. ผลงานท่เี สนอเพื่อประกอบการพิจารณาแตง่ ตงั้ ให้ดารงตาแหน่งระดบั ชานาญการ ๑.๑ คู่มอื การปฏบิ ัติงานท่ีแสดงความเป็นผู้ชานาญการ (ใหร้ ะบชุ ่อื และลักษณะของผลงาน).....คู่มอื การปฏิบตั ิงาน (Work Manual) การพัฒนา เว็บไซต์ เพ่ือใหบ้ รกิ ารห้องสมุด สานักหอสมดุ มหาวิทยาลยั บรู พาเป็นเจา้ ของผลงานร้อยละ.. ๑๐๐.... ๑.๒ ผลงานเชิงวิเคราะห์หรือสงั เคราะห์ หรอื งานวิจัย ซ่ึงแสดงให้เห็นถงึ การพฒั นา งานในหนา้ ท่ีหรือส่วนงาน (ให้ระบุช่อื และลกั ษณะขอผลงาน)................................................................ ๒. ผลงานท่ีเสนอเพื่อประกอบการพจิ ารณาแต่งตัง้ ใหด้ ารงตาแหนง่ ระดบั ชานาญ การพเิ ศษ ๒.๑ ผลงานเชงิ วิเคราะหห์ รอื สังเคราะห์ ซง่ึ แสดงใหเ้ ห็นถึงการพฒั นางานของ ส่วนงาน (ให้ระบชุ ื่อและลกั ษณะของผลงาน)........................................................................................ ๒.๒ งานวจิ ยั หรือผลงานลักษณะอ่ืนทีเ่ ป็นประโยชนต์ ่อสว่ นงาน (ให้ระบุช่ือเร่ืองที่ ทาการวจิ ยั และระยะเวลาทใ่ี ช้)........................................................................................................ ขา้ พเจ้าของรบั รองว่าข้อความดังกล่าวขา้ งตน้ เปน็ ความจริงทกุ ประการ และข้าพเจา้ รบั ทราบแล้วว่า หากตรวจพบเมอ่ื ใดก็ตามวา่ ข้าพเจา้ กระทาการอันทจุ ริตในการแจง้ คุณสมบตั เิ ฉพาะ สาหรับตาแหนง่ หรอื ระบกุ ารมีส่วนร่วมในผลงานไม่ตรงกบั ความเป็นจริง หรือข้าพเจ้าลอกเลยี น ผลงานของผู้อ่ืน หรือนาเอาผลงานของผู้อ่นื มาอา้ งวา่ เป็นผลงานของขา้ พเจา้ แม้แตบ่ างส่วน หรือ ผลงานทเ่ี สนอน้เี ป็นการกระทาอันเปน็ การละเมิดทรพั ย์สินทางปัญญาอนั กฎหมายระบวุ ่าเป็นความผิด ข้าพเจ้ายนิ ดรี บั การลงโทษตามข้อบังคับมหาวิทยาลัยบูรพา (ลงช่อื )........................................................ผูข้ อรับการประเมิน (…...............นายเฉลมิ เกยี รติ ดสี ม.........…….) (ตาแหนง่ ).............นักวชิ าการคอมพิวเตอร์......................... (วันท)่ี ......................./...................../.................

- 7 - หมายเลข 2/1 ระดับชานาญการ และระดบั ชานาญการพิเศษ ส่วนที่ ๓ การตรวจสอบคุณสมบัตขิ องบุคคล สรุปผลการตรวจสอบคุณสมบัตขิ องบุคคล ( ) มีคณุ สมบตั ิครบถว้ นท่จี ะดาเนนิ การต่อไป โดยมคี ุณสมบัติครบถว้ นทีจ่ ะไดร้ ับการ เล่อื นขน้ั แต่งต้ังใหด้ ารงตาแหนง่ ...............นักวิชาการคอมพิวเตอร์.....................ระดบั ชานาญการ....... ( ) ขาดคุณสมบัติ เนอื่ งจาก............................................................................................... (ลงชือ่ ).......................................................ผตู้ รวจสอบ (....นางสาวนงลกั ษณ์ คุณสนอง....) (ตาแหน่ง) .................บคุ ลากร……………………. (วนั ท่ี)................./......................../................... ส่วนที่ ๔ ความเหน็ หัวหน้าส่วนงาน ได้พจิ ารณาแลว้ เหน็ วา่ นาย/นาง/นางสาว ..............เฉลิมเกยี รติ ดีสม................................ เป็นผูม้ คี ณุ สมบัติท่ีจะได้รบั การแต่งตง้ั ระดบั .........................ชานาญการ............................................... (ลงชื่อ).......................................................หวั หน้าส่วนงาน (.....นางวนั ทนา กิติศรวี รพันธุ์......) (ตาแหนง่ )......ผู้อานวยการสานกั หอสมดุ .......... (วันท่ี)................./.........................../...................

- 8 - หมายเลข 2/1 ระดบั ชานาญการ และระดบั ชานาญการพเิ ศษ ส่วนที่ ๕ การประเมนิ ผลสัมฤทธ์ิของงานตามตัวชี้วัดของตาแหน่งท่คี รองอยู่ ความร้คู วามสามารถ ทกั ษะ และสมรรถนะท่ีจาเป็นสาหรบั ตาแหนง่ ทจ่ี ะประเมนิ ในการประเมินผลสัมฤทธิ์ของงานตามตวั ช้ีวัดของตาแหน่งทค่ี รองอยู่ ความรคู้ วามสามารถ ทักษะและสมรรถนะทีจ่ าเปน็ สาหรบั ตาแหน่งทจ่ี ะประเมิน ให้นาผลการประเมินผลงานประจาปี ย้อนหลงั ๓ ปี ซึง่ ผู้ขอรับการประเมินจะต้องแนบหลกั ฐาน/เอกสาร ตามรายการดังต่อไปนี้ ๑) ผลการประเมนิ ตามข้อตกลงการประเมนิ ผลสมั ฤทธขิ์ องงานของพนักงานและลูกจา้ ง มหาวิทยาลยั บรู พา (องคป์ ระกอบที่ ๑) ๒) ผลการประเมนิ ตามข้อตกลงการประเมนิ พฤติกรรมการปฏบิ ตั งิ าน (สมรรถนะ) ของ พนกั งานและลกู จ้างมหาวทิ ยาลัยบรู พา (องค์ประกอบที่ ๒) ๓) แบบสรปุ ผลการประเมนิ (เฉพาะกรรมการ) องค์ประกอบการประเมิน คะแนน นา้ หนกั รวมคะแนน (ก) (ข) (ก)X(ข) ผลสมั ฤทธิ์ของงานตามตวั ช้ีวดั ของตาแหนง่ ท่ีครองอยู่ (เฉล่ยี ๓ ปี) รวม ๑๐๐% ความรูค้ วามสามารถ ทกั ษะ และสมรรถนะทีจ่ าเปน็ ของตาแหนง่ (เฉลย่ี ๓ ปี) สรปุ ผลการประเมนิ ............................................................................................................................. ................. ............................................................................................................................. ................................... ............................................................................................... ........................................................... ...... ( ) ผ่านการประเมนิ (ไดค้ ะแนนรวมร้อยละ ๖๐ ข้ึนไป) ( ) ไม่ผา่ นการประเมนิ

- 9 - หมายเลข 2/1 ระดับชานาญการ และระดับชานาญการพิเศษ คณะกรรมการประเมนิ ลงชื่อ.........................................................ประธานกรรมการ (.......................................................) ลงชื่อ.........................................................กรรมการ (.......................................................) ลงชอื่ .........................................................กรรมการ (.......................................................) ลงชือ่ .........................................................กรรมการและเลขานกุ าร (.......................................................) ส่วนท่ี ๖ แบบประเมนิ ผลงาน แบบประเมินผลงานสาหรับตาแหนง่ ระดับชานาญการ ตอนท่ี ๑ แบบประเมนิ ผลงานและจริยธรรมและจรรยาบรรณทางวชิ าชีพ ชอื่ ผู้ขอรบั การประเมนิ .......................................................................................................... เพือ่ แต่งตงั้ ให้ดารงตาแหน่ง................................................................................................... คณะกรรมการประเมนิ ไดป้ ระเมนิ ผลงานและจรยิ ธรรมและจรรยาบรรณทางวิชาชีพแล้ว เห็นว่า ๑) คูม่ ือการปฏบิ ัติงาน เรอ่ื ง การลงรายการบรรณานุกรมหนงั สือทีม่ ีส่ือโสตทัศนป์ ระกอบ ผู้ขอรับการประเมินมสี ่วนร่วมรอ้ ยละ................. คณุ ภาพของผลงานอยู่ในเกณฑ์ที่กาหนดในประกาศ คณะกรรมการบรหิ ารงานบุคคลมหาวิทยาลยั บูรพา เรื่อง การกาหนดตาแหน่งและการแตง่ ต้งั พนกั งานใหด้ ารงตาแหน่งสงู ข้ึน พ.ศ. ๒๕๕๙ ดงั นี้ ไม่ผ่าน ผา่ น ในระดับ ดี ดีมาก ดเี ดน่ ๒) ผลงานเชงิ วิเคราะหห์ รอื สังเคราะห์หรืองานวจิ ัย เรือ่ ง.................................................... ผู้ขอรบั การประเมินมีส่วนรว่ มร้อยละ.............. คณุ ภาพของผลงานอยใู่ นเกณฑ์ทีก่ าหนดในประกาศ คณะกรรมการบริหารงานบุคคลมหาวทิ ยาลยั บูรพา เร่ือง การกาหนดตาแหน่งและการแตง่ ต้ัง พนักงานใหด้ ารงตาแหน่งสูงขึ้น พ.ศ. ๒๕๕๙ ดงั น้ี 1) ไมผ่ ่าน 2) ผ่าน ในระดับ ดี

- 10 - หมายเลข 2/1 ระดับชานาญการ ดมี าก และระดบั ชานาญการพิเศษ ดเี ดน่ ๓) ผลการประเมนิ จริยธรรมและจรรยาบรรณทางวิชาชีพ 3) ไมผ่ ่าน 4) ผา่ น ลงชอื่ ............................................................. (............................................................) ประธานกรรมการประเมนิ (วนั ท)ี่ ............/......................../.................... ตอนท่ี ๒ การพิจารณาของคณะกรรมการประเมินเพ่ือแต่งตั้งให้บุคคลดารงตาแหน่งสูงข้นึ คณะกรรมการประเมินเพ่ือแต่งตง้ั พนักงานให้ดารงตาแหน่งสูงขึ้น มหาวทิ ยาลยั บรู พา ในการประชมุ คร้งั ท.่ี ........../................เมอื่ วนั ท.่ี ................เดอื น..............................พ.ศ. ..................... พิจารณาผลการประเมนิ คา่ งานและการกาหนดตาแหน่งสงู ขนึ้ ผลการประเมนิ ผลสมั ฤทธ์ิของงานตาม ตวั ช้ีวดั ของตาแหน่งท่ีครองอยู่ ความรู้ความสามารถ ทกั ษะ ผลการประเมินสมรรถนะท่ีจาเป็นสาหรับ ตาแหนง่ และผลการประเมนิ งานและจริยธรรมและจรรยาบรรณทางวิชาชพี ในเกณฑ์ท่คี ณะกรรมการ บริหารงานบุคคล มหาวทิ ยาลัยลัยบูรพา กาหนด 1) ไมส่ มควรใหผ้ ่าน 2) สมควรให้ผ่าน จึงเห็นควรให้กาหนดตาแหน่งของ นาย/นาง/นางสาว..................................................ตาแหนง่ ..........................ระดับ...............................