สร้าง e-book ด้วย Flip PDF Professional

ส่ือประกอบการเรยี นการสอนวิชาคอมพิวเตอร์ 6

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

Flip PDF Professional

จัดทำโดย...

นาย อวริ ุทธ์ เหมานรุ กั ษ์ 1

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานกุ ูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

2

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรุณานุกลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

คานา

เอกสารประกอบการเรียนวิชาคอมพิวเตอร์ 6 เรื่อง การสร้างหนังสือ
อิเล็กทรอนิกส์ (e-book) ด้วยโปรแกรม Flip PDF Professional เล่มนี้ ได้จัดทา
ขึ้นเพื่อใช้สาหรับการเรียนการสอนในโรงเรียนดรุณานุกูลหัวถนน อาเภอพราน
กระตา่ ย จังหวัดกาแพงเพชร

เน้ือหาประกอบด้วยการรู้จักคาสั่งต่างๆ ของโปรแกรม Flip PDF
Professional การแก้ไข เพม่ิ เตมิ เทคนคิ ต่างๆ ลงในหนังสือ เช่น การใสว่ ีดีโอ, การ
ใส่เสียง, การใส่ภาพ เป็นต้น เมื่อนักเรียนทาความเข้าใจคาส่ังต่างๆ ของโปรแกรม
ไดอ้ ย่างเขา้ ใจดีแลว้ เชอ่ื ว่าจะสามารถสรา้ งหนงั สืออิเล็กทรอนกิ ส์ (e-book) ได้

ผู้สอนหวังเป็นอย่างยิ่งว่าการเรียนการสอน เร่ือง การสร้างหนังสือ
อเิ ลก็ ทรอนกิ ส์ (e-book) ดว้ ยโปรแกรม Flip PDF Professional จะเปน็ ประโยชน์
ตอ่ ผเู้ รียน

อวริ ทุ ธ์ เหมำนุรกั ษ์

ครูผูส้ อน

3

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานุกลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

สารบญั 7
11
รูจ้ กั กับโปรแกรม Flip PDF Professional 12
คาส่ังตา่ งๆ ในการเปดิ ดู e-book 14
การเผยแพร่หนังสืออเิ ล็กทรอนกิ ส์ 16
เรยี นรู้คาส่งั หลกั ของโปรแกรม Flip PDF Professional 18
เรยี นรู้คาส่ังตา่ งๆ ในหน้า Flip Page Editor 19
การแก้ไขหนา้ เอกสารใน Flip PDF Professional 20
o การเพ่ิมจุดเช่อื มโยง (Open Link) 21
o การแทรกวีดโี อ (Movie) 21
o การแทรกวดี โี อจาก YouTube 22
o การแทรกวดี โี อจาก Vimeo 23
o การแทรกไฟล์เสียง (Audio) 27
o การแทรกภาพ (Image) 30
o การแทรกภาพสไลด์ (Slider) 31
o การเพ่ิมภาพเคล่ือนไหว (Flash) 32
o การเพ่ิมจุดสาคญั (HotSpots) 34
o การเพิ่มปมุ่ (Button)
o การเพ่ิมรปู ทรงตา่ งๆ (Shape)

4

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานกุ ูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร 36
36
o การเพ่ิมปมุ่ สั่งพิมพ์ (Print) 39
o การเพ่ิมปุ่มหยิบใสร่ ถเข็นสินค้า (Cart) 40
การเปล่ียนพืน้ หลังของ e-book 44
การนาเสนอ (Publish) เป็น e-book
เทคนคิ เพ่ิมเติมในการสร้าง e-book ใหด้ นู า่ สนใจ

5

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรุณานกุ ลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

หนังสืออิเล็กทรอนิกส์ (e-book) เป็นหนังสือหรือเอกสารอิเล็กทรอนิกส์ที่

ผอู้ ่านสามารถอ่านผ่านอปุ กรณ์อิเล็กทรอนิกส์ เชน่ เครอื่ งคอมพิวเตอร์ หรอื เครื่อง

อ่านหนังสอื อเิ ล็กทรอนกิ ส์ (e-book reader) ได้

ความแตกตา่ งของหนังสอื อเิ ลก็ ทรอนิกส์กบั หนงั สอื ทว่ั ไป

หนงั สอื อเิ ล็กทรอนกิ ส์ หนังสอื ทวั่ ไป

o ไม่ใช้กระดาษ ไม่ใช้ต้นไม้ (อนุรักษ์ o ใชก้ ระดาษ (paper)

ทรัพยากรปา่ ไม)้

o สามารถสรา้ งให้มภี าพเคลื่อนไหวได้ o มีข้อความและภาพประกอบธรรมดา

o สามารถใส่เสียงประกอบได้ o ไมม่ ีเสียงประกอบ

o สามารถแก้ไขและปรับปรุงข้อมูล o แก้ไขปรับปรงุ ได้ยาก

(update) ไดง้ า่ ย

o สามารถสร้างจุดเช่ือมโยง (links) o มีความสมบรู ณใ์ นตัวเอง

ออกไปยังขอ้ มูลภายนอกได้

o มีต้นทนุ ในการผลิตหนังสอื ต่า o มตี ้นทุนในการผลิตหนงั สอื สงู

o ไม่มีขีดจากัดในการจัดพิมพ์ สามารถ o มขี ีดจากัดในการจดั พมิ พ์

ทาสาเนาได้งา่ ยไมจ่ ากัด

o สามารถอ่านผ่านคอมพิวเตอร์ และ o ต้องเปิดอ่านจากเล่ม อ่านได้อย่าง

ส่ังพมิ พผ์ ลได้ เดียว

o หนังสืออิเล็กทรอนกิ ส์ 1 เลม่ สามารถ o อ่านได้ 1 คนตอ่ หน่งึ เลม่

อ่ า น พ ร้ อ ม กั น ไ ด้ จ า น ว น ม า ก

( อ อ น ไ ล น์ ผ่ า น ร ะ บ บ เ ค รื อข่า ย

อินเทอรเ์ น็ต)

o สามารถพกพาสะดวกได้คร้ังละ o พกพาลาบาก และตอ้ งเดินทางไปใชท้ ี่

จานวนมาก ในรูปแบบของไฟล์ หอ้ งสมุดและศนู ยส์ ารนเิ ทศต่างๆ

คอมพิวเตอร์ และสามารถเข้าถึงโดย

ไม่จากัดเรอ่ื งสถานท่แี ละเวลา

6

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านุกลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

รจู้ ักกบั โปรแกรม Flip PDF Professional
โปรแกรม Flip PDF Professional เป็นโปรแกรมที่ใช้ในการสร้างหนังสอื e-

book Online โดยมหี ลักการทา ดังนี้
1. จัดทาเอกสารตน้ ฉบับ
2. แปลงไฟล์ท่ีจดั ทาต้นฉบบั เป็นไฟล์ PDF
3. นาไฟล์ PDF เข้าสโู่ ปรแกรม PDF เพ่ือสรา้ งเปน็ E-book
4. เผยแพร่ E-book ที่จัดทาเรียบร้อยแล้วให้อยู่ในรูปแบบต่างๆ ตามความ
ต้องการ

ข้นั ตอนในการทา e-book ด้วยโปรแกรม Flip PDF Professional มีดังน้ี
สร้างต้นฉบับให้สมบูรณ์จากโปรแกรม Microsoft Word, Microsoft

PowerPoint, หรือโปรแกรมอ่นื ๆ และทาการแปลงไฟลเ์ ปน็ PDF
เม่ือเราได้ไฟล์ PDF ที่สร้างจากงานที่สร้างจาก Microsoft Word 2016

เรียบร้อยแล้ว ก็พร้อมท่ีจะสร้าง e-book ด้วยโปรแกรม Flip PDF Professional
กนั แลว้ ขน้ั ตอนในการสรา้ ง e-book ดงั นี้

1. ดบั เบล้ิ คลิกสญั รูป (Icon) Flip PDF Professional (ตามภาพ)

7

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรณุ านุกลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

2. จะเข้าส่โู ปรแกรม Flip PDF Professional ดงั ภาพ

3. ให้เลือก Create New Project > New Project เพื่อสร้าง E-book
ใหม่

4. ให้เลอื กโหมดการแสดงผล (ให้เลือกเปน็ Flash) ตามรปู

5. กดปุ่ม Browse… เพื่อทาการเปิดไฟล์ PDF ท่ีเสร็จสมบูรณ์แล้วในข้อ 1
เพอ่ื สรา้ ง E-book

8

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านกุ ูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

6. Pages Quality and Size คือ การปรบั ขนาดและคุณภาพของ E-book
ทต่ี อ้ งการสรา้ ง โดยคา่ ทโ่ี ปรแกรมต้ังไว้ คอื Best Quality, largest file
size

9

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรุณานุกลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

7. เมอ่ื เสร็จเรียบรอ้ ยใหก้ ดปุ่ม Import Now
8. โปรแกรมจะทาการประมวลผล จะแสดงผลเปน็ E-book ดงั รูป

คาส่งั เบ้ืองต้นในการปรบั แตง่ e-book
o Switch to desktop mode คือ คาส่ังเพ่ือปรับรูปแบบให้เห็นบน
โทรศพั ท์มือถอื , แทบ็ เลต็ ทงั้ ระบบ IOS and Android Phone (ดังรูป)
o Neat จะเป็นการเลอื ก Templates ตามความตอ้ งการ
o Language คือ การเลือกภาษาตามความต้องการของผู้ใช้ (โปรแกรมยงั
ไมร่ องรับภาษาไทย)
o Switch to mobile mode คือ คาสั่งเพ่ือปรับรูปแบบให้เห็นบน
โทรศัพทม์ อื ถือ, แท็บเล็ต ทัง้ ระบบ IOS and Android Phone (ดงั รปู )

10

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรุณานกุ ูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o H5 handy จะเปน็ การเลือก Templates ตามความตอ้ งการ
คาส่งั ต่างๆ ในการเปิดดู e-book

1. Zoom in คือ การขยายตวั หนังสือ E-book ให้ใหญ่ขึ้น
2. Backward คือ การเปิดหนา้ ย้อนกลบั ไปหน้าเดิมทเ่ี ปิดก่อนหน้าน้ี 1 ครง้ั
3. First คือ การเปิดหน้าแรกของ E-book
4. Previous Page คือ การเปดิ ไปหน้าก่อนหนา้ น้ี 1 หน้า
5. Next Page คือ การเปิดไปหนา้ ถัดไป 1 หน้า
6. Last คือ การเปิดหนา้ สดุ ท้ายของ E-book

11

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรณุ านุกูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

7. Forward คือ การเปิดหนา้ กลบั ไปจากหนา้ เดิมท่ีเปดิ ก่อนหน้านี้ 1 ครงั้
8. Print คอื สง่ั พิมพห์ นา้ e-book ออกทางเครื่องพิมพ์ โดยมีคาสง่ั ใหเ้ ลือก

การพิมพ์หน้าท่ีต้องการได้
9. Share คือ การส่ง e-book ใหผ้ ้อู ื่น
10. Search คอื การค้นหาคาใน E-book
11. Help คอื คาส่งั ชว่ ยเหลือการทางานของโปรแกรม
12. Enable FullScreen / Disable FullScreen ปรบั E-book ให้เตม็

หน้าจอ / ลดหนา้ จอ
13. Select Text คอื การเลอื กข้อความ

การเผยแพร่หนังสอื อเิ ล็กทรอนกิ ส์
ทาการตพี ิมพร์ ปู แบบหนงั สืออิเลก็ ทรอนิกส์ โดยสามารถเลือกไฟลท์ ่ีเปน็ นามสกลุ

o เลือก Publish จะเจอรปู แบบในการตีพิมพ์ e-book ดังนี้

o Publish เพ่ือเผยแพรเ่ ป็นไฟล์ *.html, *.exe, *.app, *.fbr
o *.html - เพอื่ ใชใ้ นการเผยแพร่ในรูปแบบออนไลน์
o *.exe - เพอ่ื ใช้ในรูปแบบ offline

12

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรุณานุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o *.app - เพื่อใช้กับโทรศัพท์มือถือ, แท็บเล็ต ท้ังระบบ IOS และ
Android

o *.fbr – เพื่อใชเ้ ปดิ กบั คอมพวิ เตอร์เคร่อื งอนื่
o Publish as Plug-in เพ่ือเผยแพร่ไปใส่ใน CMS ของ WordPress,

Joomla, Drupal
o WordPress Plug-in
o Joomla module
o Drupal module

o Output Folder : – ตาแหนง่ ทีเ่ ก็บไฟล์งาน
o Browse… - สาหรับเลอื กตาแหน่งเก็บไฟล์งาน
o File Name : - ตงั้ ชอื่ ไฟล์ ควรตง้ั ช่อื ให้สอื่ ถึงงานท่ีทาอยู่ เพอ่ื ง่ายแก่การ

คน้ หา
o HTML Title : - เป็นส่วนท่แี สดงช่อื เรื่อง ในกรณีท่ีเปิดใน brower

13

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรุณานุกลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o Loading Sequence – สาหรับเลอื กรูปแบบท่ตี อ้ งการ
o ใ ห้ ค ลิ ก เ ลื อ ก ท่ี ช่ อ ง  Create basic HTML version for search

engines
o คลิกเลือกท่ชี ่อง  Compress to ZIP after publishing ในกรณีท่ี

ตอ้ งการบีบอดั ไฟล์หลังจากทาการเผยแพร่
o คลกิ เลือกทช่ี อ่ ง  Burn to CD ในกรณีทต่ี ้องการสรา้ งแผน่ ซีดี
เรยี นรูค้ าส่ังหลักของโปรแกรม Flip PDF Professional
คาส่งั หลักของโปรแกรมประกอบด้วย
o File – ประกอบด้วยคาส่งั ย่อย (ดังรปู )

14

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรณุ านกุ ลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o Publish – ประกอบด้วยคาส่ังย่อย (ดังรูป)
o Options – ประกอบดว้ ยคาสัง่ ย่อย (ดังรูป)

o View - ประกอบดว้ ยคาสง่ั ย่อย (ดงั รูป)

o Online - ประกอบด้วยคาสง่ั ย่อย (ดังรปู )
o Help - ประกอบด้วยคาสั่งย่อย (ดังรปู )

15

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรณุ านกุ ลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

เรยี นรคู้ าสง่ั ตา่ งๆ ในหน้า Flip Page Editor

o Select – ใชส้ าหรบั การเลือกวตั ถทุ ีต่ ้องการ
o Hand – ใช้สาหรบั การขยับตาแหนง่ ของหน้า
o Open Link – ใชส้ าหรบั การเพมิ่ จุดเชื่อมโยง (link) ใน E-book
o Movie – ใช้สาหรบั การเพม่ิ วีดโี อทอ่ี ยใู่ นคอมพิวเตอร์ลงใน E-book
o YouTube – ใช้สาหรับการเพมิ่ วดี โี อจาก YouTube ลงใน E-book
o Vimeo – ใช้สาหรับการเพมิ่ วีดีโอจาก Vimeo ลงใน E-book
o Audio – ใชส้ าหรับการเพิ่มไฟลเ์ สยี ง ลงใน E-book
o Image – ใช้สาหรับการเพ่มิ ภาพ ลงใน E-book
o Slider – ใช้สาหรับการเพม่ิ ภาพสไลด์ ลงใน E-book
o Text – ใช้สาหรบั การเพิม่ ขอ้ ความ ลงใน E-book
o Flash – ใชส้ าหรับการเพ่ิมไฟล์ภาพเคลื่อนไหว ลงใน E-book
o HotSpots – ใชส้ าหรบั การเพม่ิ จุดเน้นหรือจดุ สาคญั ลงใน E-book
o more – ส่วนเสริมเพิ่มเตมิ ประกอบด้วย

o Button – สาหรับเพิม่ ปมุ่
o Shape – สาหรับเพ่ิมรปู วาดต่างๆ
o Print – สาหรับการกาหนดพน้ื ทีท่ ี่ตอ้ งการใหพ้ ิมพ์

16

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านุกลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o Cart – สาหรบั เพมิ่ ปุม่ หยิบใส่รถเขน็ และสร้างจุดเชอ่ื มโยงได้
o Settings – สาหรับตั้งค่าของ E-book ในกรณีที่เราสร้างเพ่ือขายใน

อนิ เทอรเ์ นต็ หรือตง้ั ให้หยุดเสียงอนื่ เมื่อมีหนา้ ทมี่ เี สียงหรอื วีดโี อแสดงผล
o Save – เพอื่ ทาการบนั ทกึ
o Save and exit – คือ การบนั ทกึ และออกจากหนา้ แกไ้ ข

17

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

การแกไ้ ขหน้าเอกสารใน Flip PDF Professional
เราสามารถทาการแก้ไขหน้าต่างๆ ของหนังสืออิเล็กทรอนิกส์ (e-book) ได้

โดยมีข้ันตอน ดงั น้ี
1. เปดิ ไฟล์งานทตี่ ้องการแก้ไข

2. เลอื กคาสง่ั Edit Pages จะแสดงหน้าแกไ้ ขข้ึนมา (ดงั รปู )

3. เลือกหน้าทีต่ ้องการแกไ้ ข

18

เอกสารประกอบการเรียนการสอนของโรงเรียนดรณุ านุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o การเพ่มิ จุดเชอ่ื มโยง (Open Link)
o Open Link คือ การเพ่ิมจุดเชื่อมโยง (link) ใน e-book โดยการลาก

คลุมข้อความหรือวัตถุที่ต้องการสร้างเป็นจุดเช่ือมโยง และไปปรับแต่งท่ี
กรอบแสดงคาส่ังด้านขวาที่แสดงขึ้นมา ตรงตาแหน่ง General Settings
จากนั้นกดปุ่ม Add Action จะแสดงกรอบคาส่ัง Action Settings (ดัง
รูป)

o Select event to trigger action. หมายถงึ การเลือกการกระทาของ
เมาส์เพ่ือดาเนนิ การตามคาสง่ั เชน่ Mouse Over (วางเมาสอ์ ยเู่ หนือ
คาส่งั ) เป็นตน้

o Select action. หมายถึง การต้งั คาส่งั เชอื่ มโยง (link) เช่น Open Link
(ส่ังใหเ้ ปดิ จดุ เชื่อมโยงภายนอก)

o Link Target ควรตง้ั เป็น Blank(New window)

19

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรุณานุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o กดปุ่ม OK หน้าทเี่ ราทาการแก้ไข จะมีการเพิ่มจุดเช่ือมโยง (ดังรปู )

o การแทรกวีดโี อ (Movie)

o Movie คือ คาส่งั สาหรับแทรกวดี โี อใน e-book ขน้ั ตอนการแทรกวดี โี อมี

ขัน้ ตอน ดังน้ี

o คลกิ ท่ปี มุ่

o ใหล้ ากเมาส์เพื่อกาหนดขนาดจอแสดงผล และปรบั ตาแหน่งตาม

ความเหมาะสม

o จะมีรูปแบบวดี โี อใหเ้ ลอื ก 5 รปู แบบ (มภี าพตวั อย่างใหด้ ู)

o จากนนั้ ใหไ้ ปคลิกที่ปุ่ม จะแสดงกรอบคาส่ังขึ้นมา

(ดงั รูป)

o เลอื ก Local File เพ่อื เลือกวดี ีโอท่อี ยใู่ นคอมพวิ เตอร์ของเรา

20

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานกุ ูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o เลือก URL สาหรับการเลือกจากเว็บไซต์ (ต้องมีสัญญาณ

อินเทอรเ์ นต็ )

o เลอื ก Explorer สาหรบั การเลอื กจากโปรแกรม

o กดปุ่ม เพอ่ื ทาการบันทกึ และออกจากการแกไ้ ข

o การแทรกวดี ีโอจาก YouTube

o YouTube คือ การนาวีดีโอจาก YouTube มาแทรกลงใน e-book

ขน้ั ตอนการแทรกวีดีโอ ดังน้ี

o คลิกที่ปุม่

o ใหล้ ากเมาส์เพื่อกาหนดขนาดจอแสดงผล และปรับตาแหน่งตาม

ความเหมาะสม

o จะมรี ปู แบบวีดโี อให้เลอื ก 8 รูปแบบ (มภี าพตัวอยา่ งให้ดู)

o จากนนั้ ให้ไปทช่ี ่องกรอบ Video ID

o จากนั้นให้ไปทาการคัดลอก YouTube ID ไปวางลงในกรอบ

Video ID

o กดปมุ่ เพือ่ ทาการบันทึกและออกจากการแก้ไข

o การแทรกวีดโี อจาก Vimeo

o Vimeo คือ การนาวีดีโอจาก Vimeo มาแทรกลงใน e-book ข้ันตอน

การแทรกวดี ีโอ ดงั น้ี

o คลิกท่ปี ุ่ม

o ให้ลากเมาส์เพื่อกาหนดขนาดจอแสดงผล และปรับตาแหน่งตาม

ความเหมาะสม

o จะมรี ปู แบบวีดโี อให้เลอื ก 2 รปู แบบ (มภี าพตัวอยา่ งให้ดู)

o จากนนั้ ให้ไปทีช่ อ่ งกรอบ Video ID

21

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรณุ านกุ ลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o จากนั้นให้ไปทาการคัดลอก Vimeo ID ไปวางลงในกรอบ Video

ID

o กดปุ่ม เพือ่ ทาการบนั ทึกและออกจากการแกไ้ ข

o การแทรกไฟลเ์ สยี ง (Audio)

o Audio คือ การนาไฟล์เสียงจากคอมพิวเตอร์ท่ีกาลังใช้งานอยู่ มาแทรก

ลงใน e-book ข้นั ตอนการแทรกไฟล์เสยี ง ดังนี้

o คลกิ ทีป่ มุ่

o ใหล้ ากเมาส์เพื่อกาหนดขนาดจอแสดงผล และปรับตาแหน่งตาม

ความเหมาะสม

o จะมรี ปู แบบหนา้ จอให้เลือก 12 รปู แบบ (มภี าพตวั อยา่ งให้ด)ู

o จากนั้นให้ไปที่ปุ่ม จะแสดงกรอบคาส่ังข้ึนมา

(ดังรูป)

o คลิกท่ีปมุ่ จะแสดงกรอบคาส่งั ขึ้นมา (ดังรูป)

22

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรุณานุกลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o เลือก Local File เพื่อเลือกไฟล์เสียงท่ีอยู่ในคอมพิวเตอร์ของ

เรา (ไฟล์เสียงนามสกุล mp3)

o เราสามารถแทรกไดห้ ลายไฟล์ และจัดลาดับกอ่ น-หลังได้

o กดปุ่ม เพ่ือทาการบนั ทึกและออกจากการแก้ไข

o การแทรกภาพ (Image)

o Image คือ การแทรกภาพจากคอมพิวเตอร์ที่กาลังใช้งานอยู่ มาแทรกลง

ใน e-book ขั้นตอนการแทรกไฟล์ภาพ ดังน้ี

o คลกิ ทป่ี ุม่

o ใหล้ ากเมาส์เพ่ือกาหนดขนาดจอแสดงผล และปรบั ตาแหน่งตาม

ความเหมาะสม

o จะมีรปู แบบหน้าจอให้เราเลือกตัวปรบั ภาพ (Filter) 6 แบบ และ

มีกรอบ (Frame) ใหเ้ ลือกใช้งาน 11 แบบ (มภี าพตวั อย่างใหด้ )ู

o ให้สังเกตกรอบคาสั่งด้านขวา จะมีคาส่ังให้เราเลือกใช้งาน

เพิม่ เตมิ อกี

o ปุ่ม สาหรับเลือกภาพจากคอมพวิ เตอร์

ท่ีใชง้ านอยู่ จะแสดงกรอบคาสัง่ ขึ้นมา (ดังรปู )

23

เอกสารประกอบการเรียนการสอนของโรงเรียนดรุณานกุ ลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o เลือก Local File ... เพ่ือเลือกไฟล์ภาพท่ีอยู่ใน

คอมพวิ เตอร์ของเรา

o หรือเราจะเลือกจาก ซึ่งจะมีให้เรา

เลือกใช้มากมาย โดยไปเลือกท่คี าส่งั Category (ดงั รปู )

o ทแ่ี ถบ General Settings จะเปน็ การต้ังคาส่ังทัว่ ไป

o คลิก  ที่ช่อง กรณีต้องการให้

เป็นภาพ popup (ภาพขยาย)

o ท่ี Enable highlight effect on hover คือ การต้ังให้

มจี ดุ highlight เวลาเมาส์อยเู่ หนือภาพ โดยเราสามารถ

ตั้งรปู แบบได้หลายแบบ (ดูรูปประกอบ)

24

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านกุ ูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o คลิก  ที่ช่อง กรณีต้องการให้

ซูมภาพเม่ือเมาสอ์ ยู่เหนอื ภาพ

o คลกิ  ท่ีช่อง กรณีต้องการให้มี

ขอบรปู เม่อื เมาส์อยู่เหนือภาพ

o คือ การเพิ่มคาอธิบาย

หรือคาแนะนาการใช้งานแก่ผู้อ่าน e-book

o เราสามารถกาหนดตาแหนง่ แสดงผลของภาพได้

o Rescale = ปรบั ให้พอดีกบั ขนาดที่ต้ังไว้
o Fit = ปรบั ให้พอดีตามอตั ราสว่ น
o Crop = การเลือกแสดงภาพเฉพาะส่วนท่ี

ตอ้ งการใหเ้ หน็
o Visual Effects คือ การต้ังรูปแบบการแสดงผล

ของภาพ

25

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรณุ านุกลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o Fade-in = ภาพจะคอ่ ยๆ ชดั ขึน้
o Cutting = ภาพจะต้งั แยกเป็นชน้ิ ส่วน
o Fly = ภาพจะบินเข้ามา โดยเราสามารถ

กาหนดได้

o Top(Same window) = บน
o Bottom = ลา่ ง
o Left = ซา้ ย
o Right = ขวา
o Indentation = ภาพจะแสดงเข้ามาแบบ
เ ฉี ย ง โ ด ย เ ร า ส า ม า ร ถ ก า ห น ด ไ ด้
เชน่ เดียวกับ Fly
o Reflection and shadow = การสะท้อน
และเงา ซ่งึ เราสามารถต้งั ค่าได้ (ดังรปู )

26

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานุกลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o กดปุ่ม เพ่ือทาการบันทึกและออก

จากการแกไ้ ข

o การแทรกภาพสไลด์ (Slider)

o Slider คือ การแทรกภาพสไลด์จากคอมพิวเตอร์ท่ีกาลังใช้งานอยู่ มา

แทรกลงใน e-book ขั้นตอนการแทรกไฟล์ภาพสไลด์ ดังนี้

o คลิกทีป่ ุม่

o จะมรี ูปแบบหนา้ จอใหเ้ ราเลือก 8 แบบ (มภี าพตวั อย่างใหด้ ู)

o ให้ลากเมาส์เพ่ือกาหนดขนาดจอแสดงผล และปรบั ตาแหน่งตาม

ความเหมาะสม

o จากน้ันให้ไปทป่ี ุ่ม จะแสดงกรอบคาสงั่ ขน้ึ มา

27

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านกุ ูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o กดปุ่ม เพ่ือเลือกภาพจากคอมพิวเตอร์ที่ใช้งานอยู่

จะแสดงกรอบคาสั่งขึ้นมา (ดังรปู )

o เลือก Local File เพื่อเลือกไฟล์ภาพท่ีอยู่ในคอมพิวเตอร์ (ดัง
รปู )

28

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรณุ านกุ ลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o เราสามารถแทรกไดห้ ลายไฟล์ และจดั ลาดับกอ่ น-หลงั ได้

o กดปมุ่

o กดปมุ่ เพอ่ื ทาการบันทึกและออกจากการแก้ไข

o Text คือ การเพิ่มกล่องข้อความ มาแทรกลงใน e-book ขั้นตอนการ

แทรกข้อความ ดังนี้

o คลกิ ที่ปมุ่

o จะมรี ปู แบบหน้าจอใหเ้ ราเลือก 6 แบบ (มภี าพตวั อยา่ งใหด้ ู)

o ให้ลากเมาส์เพ่ือกาหนดขนาดจอแสดงผล และปรบั ตาแหน่งตาม

ความเหมาะสม

o พิมพ์ข้อความที่ต้องการลงในกรอบข้อความ เราสามารถ

กาหนดคา่ ต่างๆ ได้จากกรอบ เช่น ฟอนต์, ขนาด, link เป็นต้น

o ในแตล่ ะแบบ เรายังสามารถแกไ้ ข ปรบั แต่งเทคนิคการนาเสนอ
ไดอ้ ีก จากคาสัง่ Setting, Reflection Setting

29

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o ทีปุ่ม คือ การเพ่ิมคาสั่งลงไปในข้อความ (ดูรูป)

วธิ ีการเหมือนกับ Open Link

o กดปุ่ม เพือ่ ทาการบนั ทกึ และออกจากการแก้ไข

o การเพ่ิมภาพเคลือ่ นไหว (Flash)

o Flash คือ การเพ่ิมภาพเคล่ือนไหว มาแทรกลงใน e-book ขั้นตอนการ

แทรกภาพเคลอ่ื นไหว ดังน้ี

o คลิกทปี่ ุ่ม

o ให้ลากเมาส์เพ่ือกาหนดขนาดจอแสดงผล และปรับตาแหน่งตาม

ความเหมาะสม

o คลกิ ปุ่ม เพื่อเลือกไฟล์ภาพเคลื่อนไหว (นามสกลุ swf

หรือ flv) จากคอมพวิ เตอรท์ ่ีใช้งานอยู่

o หรอื เลอื กจาก SWF Library (ดงั รปู )

30

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรุณานกุ ลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o Reflection setting หมายถึง การตั้งค่าเป็นภาพสะท้อน ซึ่งเรา
สามารถปรับแต่งคา่ ได้ (ดังรูป)

o กดปมุ่ เพื่อทาการบนั ทึกและออกจากการแกไ้ ข

o การเพมิ่ จุดสาคญั (HotSpots)

o HotSpots คือ การเพ่ิมจุดสาคัญมาแทรกลงใน e-book เพ่ือให้ผู้อ่าน

สงั เกตเปน็ พเิ ศษ ข้ันตอนการแทรก HotSpots ดงั น้ี

o คลกิ ทป่ี มุ่

o จะมรี ูปแบบหน้าจอใหเ้ ราเลือกหลายแบบ (มภี าพตวั อย่างให้ดู)

31

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o ใหล้ ากเมาส์เพ่ือกาหนดขนาดจอแสดงผล และปรบั ตาแหน่งตาม

ความเหมาะสม

o เรากจ็ ะมี HotSpots สวยๆ มาวางไวใ้ นตาแหนง่ ที่เราต้องการให้

ผู้อา่ นสังเกตเป็นพเิ ศษ

o ทีปุ่ม คือ การเพิ่มคาส่ังลงไปในข้อความ (ดูรูป)

วิธกี ารเหมอื นกับ Open Link

o กดปุ่ม เพอ่ื ทาการบนั ทกึ และออกจากการแก้ไข

o การเพิ่มปุ่ม (Button)
o Button คือ การเพ่ิมปุ่ม (Button) แทรกลงใน e-book ขั้นตอนการ

แทรกปุ่ม ดงั น้ี
o คลกิ ที่ปุม่
o จะมรี ูปแบบปุ่มใหเ้ ราเลือกหลายแบบ (มีภาพตวั อย่างให้ดู)

32

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรณุ านกุ ูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o เลือกรูปแบบปมุ่ ท่ีต้องการ จากนัน้ ให้ลากเมาส์เพื่อกาหนดขนาด
ของปมุ่ และปรบั ตาแหน่งตามความเหมาะสม

o Caption Settings คอื การเขยี นข้อความลงในปมุ่ (ดงั รปู )

o Caption = พมิ พข์ อ้ ความที่ตอ้ งการ

o Font = แบบอกั ษร

o Font Color = สขี องตวั อักษร

o Font Size = ขนาดของตัวอักษร

o Bold = ตวั พิมพ์หนา

o Italic = ตวั พิมพ์เอียง

o Caption Position = ปรับตาแหน่งของขอ้ ความ

o = การเลือกปุ่มจากคอมพวิ เตอร์

o ทีปุ่ม คือ การเพ่ิมคาสั่งลงไปในข้อความ (ดูรูป)

วธิ กี ารเหมือนกับ Open Link

33

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรณุ านกุ ลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o กดปมุ่ เพื่อทาการบนั ทึกและออกจากการแก้ไข

o การเพิ่มรูปทรงต่างๆ (Shape)
o Shape คือ การเพิ่มรูปทรงต่างๆ (Shape) แทรกลงใน e-book ข้ันตอน

การแทรกรูปทรง ดงั นี้
o คลกิ ท่ปี มุ่ จะมรี ูปทรงต่างๆ ให้เราเลอื กมากมาย (ดังรูป)

o เลอื กรูปทรงที่ต้องการ จากนน้ั ให้ลากเมาส์เพ่ือกาหนดขนาดของ
ปมุ่ และปรบั ตาแหนง่ ตามความเหมาะสม

o Shape Settings สาหรับการปรับแต่งรูปทรง เช่น ลักษณะ, สี,
เป็นต้น (ดูรปู ประกอบ)

34

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o Reflection and shadow = การสะทอ้ นและเงา ซ่ึงเราสามารถ
ตงั้ ค่าได้ (ดงั รูป)

o ทีปุ่ม คือ การเพ่ิมคาส่ังลงไปในข้อความ (ดูรูป)

วธิ กี ารเหมอื นกบั Open Link

35

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรณุ านกุ ลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o กดปุ่ม เพื่อทาการบันทึกและออกจากการแกไ้ ข

o การเพิม่ ป่มุ สั่งพิมพ์ (Print)

o Print คือ การเพิ่มปุ่มสั่งพิมพ์ (Print) แทรกลงใน e-book ข้ันตอนการ

แทรกปุ่ม ดงั นี้

o คลกิ ทปี่ มุ่

o ให้ลากเมาส์เพ่ือกาหนดขนาดของปุ่มสั่งพิมพ์ และปรับตาแหน่ง

ตามความเหมาะสม

o กดปุ่ม เพอ่ื ทาการบนั ทึกและออกจากการแกไ้ ข

o การเพมิ่ ปมุ่ หยบิ ใสร่ ถเข็นสนิ คา้ (Cart)
o Cart คือ การเพิ่มปุ่มหยิบใส่รถเข็นสินค้า (Cart) แทรกลงใน e-book

ขัน้ ตอนการแทรกปุ่ม ดงั นี้

36

เอกสารประกอบการเรียนการสอนของโรงเรยี นดรณุ านุกูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

o คลกิ ท่ีปุ่ม
o จะมรี ูปรถเข็นสินค้าใหเ้ ราเลือก 8 แบบ (มภี าพตัวอยา่ งใหด้ ู)
o เลือกรูปรถเข็นสินค้าท่ีต้องการ จากนั้นให้ลากเมาส์เพื่อกาหนด

ขนาดของปุ่ม และปรบั ตาแหนง่ ตามความเหมาะสม
o Settings สาหรับเลอื กสี และปรับค่าสที ่ี Opacity

o Cart Type สาหรับเลือกการกระทาหลังกดปุ่ม

o Go to URL กาหนดใหเ้ ชือ่ มโยงไปที่เวบ็ ไซตท์ ี่ต้องการ

o Tooltip = ใสค่ าแนะนา
o URL = ใสต่ าแหนง่ เวบ็ ไซต์ที่ต้องการ
o Shopping Cart ต้งั คา่ การตอบกลบั ทาง e-mail หรือ PayPal

37

เอกสารประกอบการเรียนการสอนของโรงเรียนดรณุ านุกลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o เพอ่ื เลอื กภาพจากคอมพิวเตอร์ที่ใชง้ านอยู่ จะ
แสดงกรอบคาสงั่ ขึน้ มา (ดงั รปู )

o กดปุ่ม เพื่อทาการบันทึกและออกจากการแก้ไข

38

เอกสารประกอบการเรียนการสอนของโรงเรียนดรณุ านุกูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

การเปลย่ี นพ้นื หลงั ของ e-book
เราสามารถเปลี่ยนพื้นหลังของ e-book ได้ง่ายๆ ซึ่งโปรแกรมจะมีแบบพ้ืน

หลังให้เลือกใชห้ ลายแบบ วิธเี ปล่ยี นสามารถทาได้งา่ ยๆ ดังนี้
o ไปทแ่ี ทบ็ Design Settings (ดรู ูปประกอบ)

o กดปมุ่ Classical (เนือ่ งจากงานท่สี ร้างไวไ้ ดใ้ ช้รปู แบบพื้นหลังนีอ้ ยู่)

o เลือกรูปแบบพน้ื หลังทต่ี ้องการ

o กดปมุ่ หรือดบั เบ้ลิ คลกิ ทรี่ ูปแบบทเ่ี ลือกกไ็ ด้

o กดปุ่ม

39

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานกุ ูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

การนาเสนอ (Publish) เปน็ e-book
เม่ือเราสร้างหนังสืออิเล็กทรอนิกส์เสร็จสมบูรณ์แล้ว เราต้องทาการ

ประกาศ (Publish) เปน็ หนังสืออิเลก็ ทรอนิกส์ (e-book) มีข้นั ตอน ดงั นี้

o กดป่มุ จะแสดงหนา้ ตา่ ง (ดังรปู )

o Publish as:
*.html สาหรบั แสดงผลบนเว็บไซต์
*.exe สาหรับบนั ทกึ ลงแผน่ ซดี ี
*.app สาหรบั แสดงผลผา่ นอุปกรณม์ ือถอื
*.fbr สามารถนาไปแกไ้ ขท่ีเครอื่ งอืน่ ได้

o Publish as Plug-in:
WordPress Plug-in บันทึกเป็น Plug-in ของ WordPress
Joomla module บนั ทกึ เป็น module ของ Joomla
Drupal module บันทึกเป็น module ของ Drupal

o Output Folder: คือ ตาแหนง่ ทเี่ ก็บงานทีส่ ร้าง

40

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรณุ านุกลู หวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

ในที่น้ีเราจะบันทึกเป็นไฟล์นามสกุล exe การเก็บงานท่ีสร้างควรเก็บไว้ท่ี

Drive D: สร้างโฟลเดอร์ (Folder) และตั้งชื่อให้สื่อถึงงานเป็นภาษาอังกฤษ โดยมี

ข้นั ตอน ดังน้ี

o Browse… ท่จี ัดเก็บไฟล์งานท่ีทา

o File Name: ตัง้ ชอื่ งานที่ทา

o Caption: คาอธิบายงานทีท่ าอย่างยอ่

o คลิก  ท่ีช่อง ในกรณีท่ีต้องให้ใส่รหัสผ่าน

กอ่ นเปดิ e-book (ควรจารหสั ผา่ นไว้ ถา้ เรากาหนดใหใ้ ส่ password)

o ปุ่ม จะเปน็ การกาหนดรายละเอียดเพิม่ เติม

o Company: ชื่อหน่วยงาน
o Product Name: ชื่องาน
o File Description: รายละเอยี ดของงาน
o Flash version: รุ่นของโปรแกรม Flash
o Icon: ไอคอ่ นแสดงในงาน

41

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรุณานุกูลหัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o Legal Copyright: แสดงลิขสทิ ธิ์
o Product Version: รุ่นของ e-book
o Comments: ขอ้ คดิ เหน็
o Window Size Option หมายถงึ หนา้ ตา่ งแสดงผล

o Maximized = ใหญท่ ี่สดุ
o Full Screen = เตม็ หนา้ จอ
o Custom Size = ขนาดทีก่ าหนดเอง
o หมายถึง ใหเ้ ขียนลงในแผ่นซดี ี

o กดปุ่ม เพื่อทาการ Publish เป็น e-book จนแสดงหน้าต่าง
(ดงั รูป)

o = ดูหนงั สอื
o = เปดิ แฟ้มท่เี ก็บงาน
o = ส่ง e-mail

42

เอกสารประกอบการเรยี นการสอนของโรงเรยี นดรณุ านกุ ลู หัวถนน อ.พรานกระต่าย จ.กาแพงเพชร

o = ส่งเขา้ ไปบันทึกไวใ้ นไดร์ฟพกพา
o = ปิดหน้าต่าง
o กดปมุ่ ทม่ี มุ ขวาด้านบนของกรอบหน้าต่าง เพ่ือปดิ หนา้ ตา่ ง

43

เอกสารประกอบการเรียนการสอนของโรงเรียนดรณุ านกุ ูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

เทคนคิ เพ่ิมเตมิ ในการสร้าง e-book ให้ดูนา่ สนใจ
หนังสืออิเล็กทรอนิกส์ (e-book) ของเราจะดูน่าสนใจ ถ้าเราออกแบบ

หน้าปกให้สวยงาม มีการแทรกรูปภาพ, เสียงและวีดีโอลงไป อีกท้ังการเน้นหัวข้อ
ให้ดเู ด่นชัด โดยการใชร้ ปู แบบอักษร (fonts) ท่ีดึงดดู ผู้อ่าน การใชส้ ี เปน็ ตน้
ตัวอยา่ งปกหนังสอื

44

เอกสารประกอบการเรยี นการสอนของโรงเรียนดรุณานกุ ูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

45

เอกสารประกอบการเรียนการสอนของโรงเรียนดรณุ านกุ ูลหวั ถนน อ.พรานกระต่าย จ.กาแพงเพชร

เอกสารแจกฟรี เพอื่ ใช้ประกอบการเรยี นการสอนวิชาคอมพวิ เตอร์ 6
ในโรงเรยี นดรณุ านุกูลหวั ถนน อ.พรานกระตา่ ย จ.กาแพงเพชร

46