การใชโปรแกรมสรางสื่อมัลติมีเดีย E-BOOK ดวย Desktop Author 4.5.7

โปรแกรม Desktop Author เปนโปรแกรมท่ีใชสําหรับสรางส่ือดิจิตอล หรือท่ีเรียกท่ัวๆไปวา “ E-Book ” เอกสารท่ีไดจากการสรางดวยโปรแกรม Desktop Author นี้ จะมีลักษณะรูปรางเหมือนหนังสือ ท่ัวไป คือมีปกหนา คํานํา สารบัญ ขอความ รูปภาพ และนอกจากนี้ยังสามารถท่ีจะแทรกภาพเคล่ือนไหว ไฟลภาพยนตร ไฟลflash และเสียงบรรยาย ลงไปในหนังสือได ขอดีของโปรแกรม Desktop Author

1. ไฟลท่ีไดจากการExport มีขนาดเล็ก 2. ส่ือส่ิงพิมพอิเล็กทรอนิกสท่ีคลายหนังสือ สามารถส่ังพิมพในแตละหนาหรือท้ังหมดของหนังสือได 3. สามารถเผยแพรผานระบบเครือขายไดงาย และ Download ผานอินเตอรเน็ต ไดรวดเร็ว หรือสามารถ

ท่ีจะสงไฟลผานทางจดหมายอิเล็กทรอนิกส ( E-Mail) ได การเร่ิมตนใชงานโปรแกรม Desktop Author

หลังจากท่ีไดทําการติดตั้งโปรแกรม Desktop Author ซ่ึงเปน Version 4.5.7 ลงในคอมพิวเตอรเรียบรอยแลว จะมี Icon ของโปรแกรมอยูท่ี Desktop เราสามารถจะเรียกใชได 2 วิธี โดยดับเบิลคลิก ท่ี Icon หรือจะเรียกใชจากเมนู Start

1.Start ------> 2.Program ------> 3.Desktop Author ------> 4.Desktop Author 4

- 2 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

รูปรางหนาตาของโปรแกรม

สวนประกอบตางๆของโปรแกรม 1. เมนูและทูลบาร ( Menu & Toolbar ) แถบเครื่องมือมาตรฐานของโปรแกรม

ใชสําหรับสรางงานใหม

ใชสําหรับการเปดงานท่ีมีอยูแลวข้ึนมาดูหรือแกไข

ใชสําหรับบันทึกงานท่ีไดจัดทําข้ึน

ใชสําหรับดูตัวอยาง ( Preview ) งานท่ีไดทํา

ใชสําหรับเก็บไฟลท้ังหมดท่ีทําข้ึนมาใหเปนไฟลเดียวอยูในรูปของ .EXE

ใชบีบอัดไฟลงานท้ังหมดท่ีทําข้ึนมาใหเปนไฟลเดียวอยูในรูปของ .DNL สําหรับการทําเวปไซต

ใชสําหรับปองกันไฟลงานท้ังหมดท่ีทําข้ึนมาเพื่อนําเสนอในเวปไซตไฟลเดียว

ใชในการทํา Screen saver

- 3 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

โดยมีนามสกุล .DRM

ใชสําหรับใสไฟล DNL ลงในเวปไซต

ใชสําหรับ upload ไฟลข้ึนเวปไซต

ใชสําหรับการแทรกไฟลมัลิมีเดียตางๆ

ใชสําหรับการแทรกคําถาม คําตอบ และเพิ่ม Object ลงใน e-book

ใชสําหรับ refresh งาน

ใชสําหรับต้ังคาตาง ๆ ของ e-book

ใชสําหรับเลือกรูปแบบตางๆเปนตนแบบท่ีจะนํามาสรางเปนe-book

ใชสําหรับการเลือกปุมเพื่อแทรกลงในe-book

2. แถบเคร่ืองมือที่ใชสําหรับการจัดการหนากระดาษ สวนที่ 1 Page เปนเครื่องมือท่ีใชสําหรับการจัดการเกี่ยวกับหนาของหนังสือ เชน เพ่ิมหนา ลบหนา เปนตน

( Add Page ) สําหรับเพ่ิมหนาเอกสาร

( Delete Page) สําหรับลบหนาเอกสาร

( Move Page ) สําหรับยายหนาเอกสาร

( Copy Page ) สําหรับคัดลอกหนาเอกสาร

( Previous Page ) แสดงเอกสารหนากอนหนา

( Next Page ) แสดงเอกสารหนาถัดไป

( Goto Page ) ระบุเลขหนาของเอกสารท่ีตองการ

สวนที่ 2 Insert เปนกลุมเครื่องมือท่ีใชงานเกี่ยวกับการแทรก วัตถุตาง ๆ เขามาไวในหนังสือ เชน แทรกกลองขอความ แทรกรูปภาพ เปนตน

- 4 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

( Insert Box ) แทรกกลองสีใหหนาเอกสารนาสนใจ

( Insert Image) แทรกรูปภาพ

( Insert Text ) แทรกขอความ

( Insert Editable Text ) สําหรับแกไขขอความ

(Insert Editable Image) สําหรับแกไขรูปภาพ

( Popup Image ) ใสขอความโดยใช Text Block

(Insert Multimedia) แทรกไฟลมัลติมีเดีย

สวนที่ 3 Edit เปนกลุมเครื่องมือท่ีใชเกี่ยวกับการแกไข เชน การตัด คัดลอก หรือการลบ เปนตน

( Undo ) ยกเลิกคําส่ังปจจุบัน

( Redo) กลับไปทํางานตามคําส่ังท่ียกเลิกไป

( Cut ) ตัดวัตถุ และวางวัตถุ

( Copy ) คัดลอกวัตถุ

( Paste ) วางวัตถุท่ีคัดลอกมา

( Delete ) ลบวัตถุท้ิง

- 5 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

สวนที่ 4 Change เปนกลุมเครื่องมือท่ีใชเกี่ยวกับการเปล่ียนแปลงคาตาง ๆ เชน การเปล่ียนจุดเช่ือมโยง การเปล่ียนรูปภาพ เปนตน

( Change Scale ) ตั้งคาขนาดของวัตถุ

( Change Link) เปล่ียนการเช่ือมโยงวัตถุ

( Change Position ) ยายวัตถุตาง ๆ บนหนากระดาษ

( Change Image ) สําหรับเปลี่ยนรูปภาพ

( Change Transparency ) แกไขความคมชัดของรูปภาพ

( Edit Image ) เรียกใช Image Editor

สวนที่ 5 Colour เปนกลุมเครื่องมือเกี่ยวกับการกําหนดสี และขอบสี เปนตน

( Border Colour ) กําหนดสีขอบวัตถุ

( Fill Colour ) กําหนดสีของวัตถุ

4. แถบเคร่ืองมือทีใ่ชในการจัดวางวัตถุ

( Send to top ) ใหวัตถุอยูบนสุด ( Up one layer ) ใหวัตถุอยูสูงข้ึนไปอีกระดับหนึ่ง

( Down one layer )ใหวัตถุอยูช้ันตํ่าลงไปอีกระดับหนึ่ง ( Send to buttom )ใหวัตถุอยูช้ันลางสุด

( Align left ) ใหวัตถุอยูชิดดานซาย ( Align right ) ใหวัตถุอยูชิดดานขวา

( Align center vertical ) ใหวัตถุอยูตรงกลางในแนวต้ัง ( Align top ) ใหวัตถุอยูชิดดานบน

( Align Buttom ) ใหวัตถุอยูชิดดานลาง ( Align center horizontal ) ใหวัตถุอยูตรงกลางในแนวนอน

( Distribute Width ) ใหวัตถุอยูกึ่งกลางในแนวนอน ( Distribute Height ) ใหวัตถุอยูกึ่งกลางในแนวต้ัง

- 6 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

ลําดับข้ันการสรางหนังสือ เปดโปรแกรม Desktop Author ขึ้นมาแลวคลิกเลือก New หรือ File ---> New เพื่อสรางงานใหม

หรือ จะปรากฏหนาตางใหเรา กําหนดคา Properties ตาง ๆ ของ E – Book

ความหมายของคาตาง ๆ จาก Book Properties มีดังนี ้ Width : ความกวางของหนังสือ Height : ความสูงของหนังสือ Border Color : สีเสนขอบของหนังสือ ในท่ีนี้เลือก No Border คือไมใสขอบหนงัสือ Paper Colour : เลือกสีของแผนกระดาษ Mask Colour : เลือกสีท่ีใชในการทํารูปใหโปรงใส Background Colour : สีพ้ืนหลัง Character Set : เลือกภาษาท่ีใช ใหเลือก THAI

- 7 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

Text default left : ความหางของกลองขอความกับขอบกระดาษซายมือ Text default top : ความหางของกลองขอความกับขอบกระดาษดานบน

Text default height : ความสูงของกลองขอความ Text default width : ความกวางของกลองขอความ

Start with tooltip auto update : เปดหนังสือพรอมอัปเดทเครื่องมือ Autostart : เปดหนังสือโดยใหเปดหนาเองอัตโนมัต ิ Start with background windows : เปดหนังสือพรอมฉากหลัง Disable Print Function : จะใหสามารถ print e-book ไดหรือไม

Page Turn : ปรับคาการเปล่ียนหนากระดาษ Fly speed : ปรับความเร็วในการเปล่ียนหนา Start Status : เลือกตั้งคาใหมีเมนูหรือไมมีเมนูบนหนังสือ DWB Goto : เลือกการใช style ของโปรแกรม Default Unicode Value : เลือกใช Unicode พ้ืนฐาน With/Without Password : เลือกการใสหรือไมใส password ใหกับหนังสือ Book Password : ใส password กรณีท่ีตองการ Book Backup Files : เลือกตั้งคาไฟล back up วาจะใหมีกี่ไฟล Disable Send Mail Function :ตั้งคาการสง E-mail Disable Save As Function :การบันทึกไฟล Book Tranparency : ตั้งคาเกี่ยวกับการโปรงใส ในการทําปกหนังสือ Book DRM : ตั้งคาการปองกันตางๆ Book Email : ตั้งคา E-mail สําหรับหนังสือ Book Multimedia : ตั้งคามัลติมีเดีย ( version ของ Windows Media Player )

- 8 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

การแบงหนากระดาษ โดยการเลือกใชคําส่ัง Buttons ------> Divider หรือ Buttons ------> Dividers เพ่ือเลือกสันปกหนังสือ

หรือ

เม่ือเลือกรูปแบบไดแลว กดปุม Use จะมีเสนแบงหนาตามรูป เราสามารถเคล่ือนยายไปไวตําแหนงใดตามตองการได ในท่ีนี้ใหวางไวตรงกลางพ้ืนท่ีสรางงานเพ่ือแบงครึ่งหนากระดาษ

- 9 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

การสรางปกหนาของหนังสือ การสรางปกหนาของหนังสือนั้น หลังจากแบงหนากระดาษไดแลว ปกหนาของหนังสือจะอยูดานขวามือของกระดาษ ดังนั้นเราจะตองทําให กระดาษดานซายมือหายไป โดยการเลือกใชคําส่ัง Tools ----> Book Tranparency กอนอ่ืนใหเราแทรกรูปภาพเขามาไวในกระดาษดานขวามือ สวนท่ีจะทําเปนปกหนังสือกอน โดยคลิกเลือก Insert -----> Image จะมีหนาตางใหเลือกหารูปภาพท่ีจะนํามาวางในหนาท่ีเปนปกหนังสือ ใหเลือกภาพท่ีตองการแลวคลิก Open เพ่ือแทรกรูป

- 10 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

หลังจากนั้นใหทํากระดาษดานซายมือใหหายไปโดยใชคําส่ัง Tools -----> Book Tranparency

จะปรากฏหนาตางใหเรากําหนด คาตาง ๆ ในท่ีนี้ใหดูในสวนของ Eazy Cover Shape โดยใสเครื่องหมายในชอง With Tranparency แลวเลือกสีท่ี Tranparency Colour ใหเปนสีขาว ซ่ึงเปนสีท่ีตั้งไวเปนสีของหนากระดาษ ( Parer Colour ) แลวคลิก OK

การสรางเน้ือหาบน E-Book

เม่ือสรางปกหนังสือเรียบรอยแลว จากนั้นใหทําการ Add page เพ่ือเพ่ิมหนาของหนังสือโดยคลิกเลือกท่ี ในสวนของ Tools Page หรือ เลือกท่ีเมนู Insert ------> Page ซ่ึงปกติเนื้อหาเอกสารควรจะอยูหนาท่ี 3 เปน

ตนไป ( หนาท่ี 2 จะเปนคํานํา,สารบัญ) การสังเกตวาขณะนี้เรากําลังดําเนินการจัดการ E-Book ของเราในหนาท่ีเทาไรแลวนั้นใหดูจากมุมลางขวามือจะบอกวาหนาท่ีเทาไรในจํานวนท้ังหมดกี่หนา ดังรูป

- 11 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

ในการสรางเนื้อหานั้นหากเรามีเอกสารในรูปของ Word หรือเอกสารในรูปอ่ืน ๆ เราก็สามารถท่ีจะคัดลอกเนื้อหาในเอกสารนั้นๆ มาวางในหนาเอกสารของ E-Book ได เพ่ือความรวดเร็วในการสราง ไมเชนนั้นแลวเราตองมาสรางใหมท้ังหมด

ในการใสเนื้อหา รูปภาพหรือส่ือมัลติมีเดียตาง ๆ ลงใน E-Book นั้น เราจะใชเมนู Insert

หรือ

สรางเนื้อหาแตละหนาใหเสร็จ โดยการ Add Page ไปจนครบทุกหนา โดยเราสามารถท่ีจะเลือก แทรกตัวอักษร ( Insert Text ) ,แทรกรปูภาพ ( Insert Image ) , หรือ Multimedia ( เสียง , Video , Flash ) ลงในเอกสารในหนาท่ีตองการจะแทรกได การแทรก Multimedia อยาลืมวา การท่ีจะใชไฟลตางๆท่ีจะนํามาลงไวใน E-Book นั้น ตองนํามาวงไวในโฟลเดอรเดียวกัน เชนเดียวกัน ไฟล Multimedia ตาง ๆ ก็จะตองนํามาวางไวโฟลเดอรเดียวกันดวย หลังจากนั้นคลิกเลือก Insert ---->

Multimedia หรือ จะมีหนาตาง Dialog ตั้งคาตาง ๆ ของMultimedia ขึ้นมาใหเราตั้งคา

- 12 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

Font : ใหเลือกฟอนต Text Colour : เลือกสีของตัวอักษร File : บอกช่ือไฟลท่ีเราใสลงใน E-Book Embed file inside book: เลือกใสไฟลลงใน E-Book Start play automatically: เลือกใหเลนเองโดยอัตโนมัต ิ Loop : ใหเลน Multimedia แบบวนตอเนื่อง Add/Change image: ใสรูปภาพ Remove image : เอารูปภาพออก Note Text : กลองใสขอความ การทํา Link การทํา Link หรือการเช่ือมโยงไปยังสวนตาง ๆ ของหนังสือเชนทําสารบัญ หรือสวนท่ีตองการใหมีการเช่ือมโยง วิธีการก็คือ คลิกเลือกเมนู Insert ---------> Text พิมพขอความลงในText editor ระบายทึบในสวนท่ีตองการจะทําจดุเช่ือมโยง คลิกท่ีปุม Link จะขึ้นหนาตาง Link Type ซ่ึงมีการ Link หลายๆ แบบ ใหเลือกรูปแบบการ Link ตามท่ีเราตองการ

- 13 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

คล๊ิกท่ีกรอปส่ีเหล่ียมหนา Unicode เพ่ือเลือกใชฟอนตภาษาไทย การสรางปกหลังของหนังสือ กอนอ่ืนใหเพ่ิมหนาE-Book ขึ้นมาอีกหนึ่งหนา เพ่ือสรางเปนปกหลัง โดยนํารูปหรือขอความท่ีตองการทําเปนปกหลัง ไวในครึ่งหนาท่ีตรงขามกับท่ีทําปกหนา หรือครึ่งดานซายของเอกสาร คลิกเลือกเมนู คําส่ัง Tools ----> Book Tranparency

จะปรากฏหนาตางใหเรากําหนด คาตาง ๆ เหมือนกับตอนท่ีเราสรางปกหนา ใหดูในสวนของ Eazy back Cover Shape โดยใสเครื่องหมายในชอง With Tranparency แลวเลือกสีท่ี Tranparency Colour ใหเปนสีขาว ซ่ึงเปนสีท่ีตั้งไวเปนสีของหนากระดาษ ( Parer Colour ) แลวคลิก OK

- 14 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

การทดสอบผลงาน E-Book ท่ีไดจัดทํา เม่ือเราไดจัดทําผลงานเอกสาร E-Book เสร็จแลว กอนท่ีจะนําไปแสดงผล เราจําเปนจะตองทําการบันทึกไฟลท้ังหมดกอน โดยเลือกเมนู File --------> Save As เลือกตําแหนงท่ีจะเก็บไฟล ตั้งช่ือไฟล ซ่ึงไฟลท่ีจะบันทึกนั้นจะเปนไฟลประเภท .DRM ซ่ึงเปนไฟลของโปรแกรมนี้สามารถเรียกมาดูหรือแกไขได แตไมสามารถไปเปดกับโปรแกรมอ่ืนได เสร็จแลวคลิก Save ( ท้ังนี้ขอแนะนําวา การเก็บไฟลและขอมูลท้ังหมดท่ีจะนํามาทําเปน E-Book นั้น ควรจะนํามาเก็บไวในโฟลเดอรเดียวกัน เพ่ือความสะดวกในการนํามาใชงาน )

หลังจากนั้นใหทําการแพ็คไฟล โดยเลือกท่ีเมนู File -------> Package EXE หรือคลิกท่ี โปรแกรมจะทําการรวบรวมงานท้ังหมดท่ีทําออกมาเปนไฟลประเภท .EXE สามารถนําไปเปดดูท่ีใดก็ได โดยไมตองอาศัยโปรแกรม Desktop Author

สวนไฟลอีกประเภทหนึ่งก็คือ ไฟล DNL ไฟลท่ีแพ็คดวยวิธีนี้ จะตองเปดดูดวยโปรแกรม DNL Reader ซ่ึงตองดาวนโหลดจากอินเตอรเน็ต การแพ็คไฟลก็ใหเลือกท่ีเมนู File -----> Package DNL

หรือ

- 15 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

การนําไฟล E-Book ไปใชบนเวปไซต ไฟลท่ีไดจากโปรแกรม Desktop Author นี้จะมีขนาดเล็ก งายตอการจัดการในกรณีท่ีตองการแสดงผลผานเวป การจัดทําไฟลท่ี E-Book ท่ีไดใหอยูในรูปของไฟลท่ีใชงานผานระบบอินเตอรเน็ตนั้น จะตองทําใหอยูในรูปแบบของไฟล HTML ขั้นตอนในการแปลงไฟลของ E-Book ใหอยูในรูปแบบของ HTML มีดังนี้คือ ใหนําช้ินงานท่ีตองการแปลงมา หลังจากเปดช้ินงานแลวใหคลิกท่ี Tools ------> Publish To Web

หรือ คลิกท่ีไอคอน กรณีท่ียังไมมีการ Package DNL กอน โปรแกรมจะใหทําการ Package กอนแลวถึงจะทําขั้นตอน Publish นี้ ได

ในรายการ Web Template ใชสําหรับเลือกประเภทของการแสดงผล วาจะให Auto หรือคลิกเพ่ือเริ่มแสดงผลเอง และสามารถเลือกวาจะใหมีเครื่องควบคุมการแสดงผลดวยหรือไมก็ได ในท่ีนี้ขอเลือกเปน Ellipse_Auto.htm เนื่องจากแสดงผลเองและไมมีเครื่องมือควบคุม จากนั้นคลิกปุม Publish โปรแกรมจะถามวาตองการจะดูตัวอยางหรือไม

ผลท่ีไดจากการ Publish แลว และเม่ือทําการ Preview จะไดดังรูป

- 16 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

การใช Templates และ Buttons Templates เปนการเรียกใชรูปแบบเอกสารอัตโนมัติ ท่ีโปรแกรมไดจัดไวให ซ่ึงมีหลายรูปแบบ การใชงานเพียงแคคลิกเลือก Templates ------> เลือกรูปแบบที่ตองการ

เสร็จแลวคลิก Use จะไดรูปแบบอัตโนมัติ ดังรูป

- 17 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

หลังจากนั้นก็เขากระบวนการทํา E-Book ท่ีไดกลาวมาแลว ในสวน Buttons เปนปุมอัตโนมัต ิสามารถเรียกใชงานคลายกับ Templates โดยเรียกท่ี

Buttons ------> เลือกรูปแบบที่ตองการ

เม่ือเลือกรูปแบบไดแลว คลิก Use เลือกตําแหนงท่ีวางปุม

- 18 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

คลิกขวาท่ีปุม เลือก Change Link เพ่ือกําหนดการทํางานของปุม ท่ีตําแหนง Link Type ตองเลือกใหสัมพันธกับปุม ไมเชนนั้นแลวเม่ือเรา package ไฟลแลว ปุมจะไมทํางานตามท่ีเราตองการ

การสรางแบบทดสอบ

1. คลิกเลือกท่ี Eazy Form บน Tool Bar 2. จะมีหนาตาง Add form objects ใหเราเลือก Add Question

3. จะปรากฏหนาตางดังรูป

- 19 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

สวนของ Question

ในสวนของ Answer Type : ชนิดของคําตอบ แบงไดหลายแบบ ตามรูป

Input : ตอบคําถามส้ันๆ ไมเกิน 1 บรรทัด Text Area : ตอบคําถามส้ัน ๆ เชิงบรรยาย Dropdown List : เลือกตอบเพียงตัวเลือกเดียว จากรายการท้ังหมด

Order คําถามขอท่ี ..... Question ID เปนสวนท่ีโปรแกรมกําหนดเอง ไมตองแกไข

Text to display เปนสวนของคําถามท่ีตองพิมพลงไป

Style ใชในการกําหนดฟอนตและสีของตัวอักษร การ แกไขใหคลิกท่ีปุม Style คา Default จะเปน Arial ใหเลือกฟอนตใหมคลิกท่ี Select Font

Select Style Setting เปนการตั้ง Style ใหเอกสารตามตองการ ใหคลิกเลือกท่ีปุม Edit แลวกําหนดคาตาง ๆ แลวตั้งช่ือ Style name เพ่ือเรียกใชภายหลัง

- 20 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

List : เลือกตอบเพียงตัวเลือกเดียว จากรายการท้ังหมด Checkbox : ใชกับคําถามท่ีมีคําตอบมากกวา 1 ขอ Radiobox : ใชกับคําถามท่ีมีคําตอบเพียงขอเดียว Number of Answer: จํานวนตัวเลือกของคําตอบ Caption : ขอความท่ีตองการแสดงใหเห็นตอนสงแบบทดสอบ Answer : คําตอบท่ีตองพิมพลงไป Style : ใชกําหนดฟอนตและสีของตัวอักษร Correct : คําตอบท่ีถูกตอง Points : คะแนนใหกับคําตอบขอนั้น ๆ

การสรางปุมสําหรับสงแบบทดสอบ เม่ือเราทําการจัดทําแบบทดสอบเรียบรอยตามจํานวนท่ีตองการแลว เราตองสรางปุมเพ่ือใชในการสงแบบทดสอบเพ่ือนําไปประมวลผล โดยใชคําส่ัง Add Submit Button เปล่ียนขอความในชอง Caption โดยขอความนี้จะอยูบนปุมท่ีเราสรางเพ่ือใชสงแบบทดสอบ พรอมท้ังคลิกเลือก View Result เพ่ือใหแสดงผลหนาตอไป

- 21 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

เปล่ียน Style โดยคลิกท่ี Edit เพ่ือเลือกแบบตัวอักษรและสีตัวอักษร หรือสีพ้ืนหลัง ตามตองการ

ในชอง Method เปนการเลือก รูปแบบของการสงขอมูลไปประมวลผล ซ่ึง method มีหลายอยาง เชน Email : เปนการสงขอมูลไปยัง E-mail ท่ีกําหนด Get/Post : เปนการสงขอมูลไปยังเวปเพจ โดยใชภาษา HTML

ในท่ีนี้ใหเลือก No Information

- 22 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

ตอมาใหคลิกเลือกท่ี Edit Result Page

จะเห็นแบบฟอรมท่ีใชรายงานผลการทําแบบทดสอบ ดังรูป

- 23 -

จัดทําโดย…. ครูยิหลัน แสนสุข โรงเรียนหนองสังขวิทยายน อ.แกงครอ จ.ชัยภูมิ

หลังจากนั้นใหทําการปรับแตงใหไดรูปแบบตามท่ีตองการ