step by step
TRANSCRIPT
![Page 1: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/1.jpg)
การฝึ�กอบรม
การใช้�งานโปรแกรม DeskTopAuthor
สน�บสน�นโดย อ�ทยานการเร�ยนร� �
www.tkpark.or.th
![Page 2: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/2.jpg)
เร��มต้�นด�วยการต้��งค่!าขนาดของหน�งส$อท��ต้�องการ
![Page 3: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/3.jpg)
ต้��งค่!าส�ท��ต้�องการให�เป%นพื้$�นท��ใส
![Page 4: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/4.jpg)
หน�าต้!างส'าหร�บต้��งค่!าส�จะปรากฏ เลื$อกให�ใสเฉพื้าะท��หน�าปก
![Page 5: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/5.jpg)
เลื$อกส�ท��ต้�องการให�ใส โดยค่วรจะเลื$อกส�ท��ไม!ม�การใช้�งาน หร$อเป%นส!วนใดส!วนหน.�งในช้��นงาน
![Page 6: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/6.jpg)
ก!อนเร��มท'างานท�กค่ร��งค่วรจะท'าการแบ!งหน�ากระดาษออกเป%นสองส!วน เพื้$�อค่วามสะดวกในการท'างาน
![Page 7: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/7.jpg)
เส�นแบ!งหน�าจะปรากฏ เม$�อเรา click ท��แถบไม�บรรท�ดด�านบน
![Page 8: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/8.jpg)
เลื$อกท��เมน� Insert > Box เม$�อต้�องการสร�างพื้$�นท��ส�
![Page 9: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/9.jpg)
เลื$อกส�ท��ต้�องการ
![Page 10: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/10.jpg)
เราสามารถย!อหร$อขยายพื้��นท��ส�ท��ต้�องการ โดยการลืากจ�ดต้!างๆ
![Page 11: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/11.jpg)
การน'าร�ปภาพื้ต้!างๆ มาช้!วยในการสร�างช้��นงานสามารถท'าได� โดยการเลื$อกร�ปต้!างๆ ท��ม�อย�!แลื�ว จาก Image browser
![Page 12: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/12.jpg)
การย!อแลืะขยายร�ปท'าได� เช้!นเด�ยวก�บการขยายพื้$�นท��ส� แต้!เราสามารถเลื$อกเมน� Change
scale เพื้$�อขยายต้ามส�ดส!วน
![Page 13: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/13.jpg)
หร$อจะ click ขวา เพื้$�อเลื$อกค่'าส��งก3ได�เช้!นก�น
![Page 14: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/14.jpg)
ขยายภาพื้ข.�นมาเท!าก�บขนาดของหน�ากระดาษ เพื้$�อท'าเป%นหน�าปก
![Page 15: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/15.jpg)
เลื$อกเมน� เพื้$�อการเพื้��มหน�า
![Page 16: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/16.jpg)
เลื$อก file ร�ปภาพื้ท��ต้�องการใช้� โดยการใช้�เมน�ด�านข�างแทนการใช้� Image browser
![Page 17: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/17.jpg)
ในกรณี�ท��ต้�องการใช้�ร�ปแบบต้�วอ�กษรท��สวยงาม เราสามารถท��จะสร�างต้�วอ�กษรในโปรแกรมอ$�นๆ แลื�วบ�นท.กเป%นภาพื้ ก!อนน'ามาใช้�ในช้��นงานได�เช้!นก�น
![Page 18: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/18.jpg)
เร��มต้�นการจ�ดวางร�ปภาพื้ต้!างๆ เราสามารถสร�างพื้$�นท��ส�อ$�นๆ เพื้��มเต้�ม เพื้$�อค่วามสวยงาม
![Page 19: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/19.jpg)
เม$�อได�พื้$�นท��ส� ท��ต้�องการแลื�ว เราสามารถใช้�ค่'าส� �ง copy เพื้$�อสร�างพื้$�นท��ส�เพื้��มข.�น ในขนาดท��เท!าก�น
![Page 20: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/20.jpg)
จากน��นจ.งน'ามาจ�ดวาง ด�งภาพื้
![Page 21: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/21.jpg)
เลื$อกร�ปท��ต้�องการ แลืะย!อให�ได�ขนาดท��ต้�องการ
![Page 22: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/22.jpg)
![Page 23: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/23.jpg)
เราสามารถสร�างพื้$�นท��ส'าหร�บพื้�มพื้5ต้�วอ�กษรได�โดย การเลื$อกป�6ม Text Editor เพื้$�อเป7ดหน�าต้!างส'าหร�บพื้�มพื้5ข�อค่วามจากน��นเลื$อกส�แลืะร�ปแบบต้�วอ�กษรได� จาก option ด�านบน
![Page 24: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/24.jpg)
ต้�วอ�กษรน��นค่วรจะเลื$อกร�ปแบบท��เป%นมาต้รฐาน
![Page 25: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/25.jpg)
เราสามารถเลื$อกส�ท��ต้�องการใช้� เฉพื้าะค่'าบางค่'าหร$อท��งหมดได� ด�วยการHighlight ข�อค่วามท��ต้�องการ ก!อนเลื$อกส�
![Page 26: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/26.jpg)
จ�ดวางข�อค่วามในต้'าแหน!งท��ต้�องการ
![Page 27: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/27.jpg)
น'าภาพื้มาใส! เพื้$�อสร�างค่วามสวยงาม
![Page 28: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/28.jpg)
ในกรณี�ท��ต้�องการให�ภาพื้น��น สามารถ Link เข�าส�! Website
![Page 29: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/29.jpg)
Click ขวาเลื$อก Change Link
![Page 30: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/30.jpg)
หน�าต้!าง Link Editor จะปรากฏ เลื$อกท�� Web
![Page 31: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/31.jpg)
พื้�มพื้5 Website ท��ต้�องการจะให� Link ไป
![Page 32: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/32.jpg)
เราสามารถน'า Multimedia File เข�ามาใส!ในช้��นงานได�โดยการ Click ท��ป�6ม Multimedia เพื้$�อเป7ดหน�าต้!างMultimedia Dialog เลื$อก File ท��ต้�องการ
![Page 33: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/33.jpg)
ค่วรจะเว�นพื้$�นท��ด�านลื!างของช้��นงาน ส'าหร�บใส!แถบเมน� เพื้$�อค่วามสะดวกส'าหร�บผู้��อ!าน
![Page 34: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/34.jpg)
เราสามารถน'าร�ปท��งร�ปมาใช้�เป%นพื้$�นหลื�งของหน�าบางหน�าได�
![Page 35: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/35.jpg)
นอกจากน��เราย�งสามารถสร�าง Popup เพื้$�อให�ช้��นงานม�ค่วามน!าสนใจมากข.�น
![Page 36: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/36.jpg)
เลื$อก Insert Popup เพื้$�อสร�าง Link แลืะร�ปท��ต้�องการให�เป%น Popup
![Page 37: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/37.jpg)
เม$�อท'าเสร3จแลื�วจะได� Link ต้!างๆ ด�งภาพื้
![Page 38: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/38.jpg)
ใส!ภาพื้เพื้��มเต้�ม เพื้$�อค่วามสวยงาม
![Page 39: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/39.jpg)
สร�างหน�าต้!างๆ เพื้��มเต้�ม
![Page 40: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/40.jpg)
เร��มต้�นด�วยการต้��งค่!าขนาดของหน�งส$อท��ต้�องการ
![Page 41: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/41.jpg)
แสดงข.�นต้อนการสร�าง Link ส�! Website ท��ต้�องการ
![Page 42: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/42.jpg)
แสดงข.�นต้อนการสร�าง Link ส�! Website ท��ต้�องการ
![Page 43: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/43.jpg)
พื้�มพื้5ช้$�อ Website ท��ต้�องการ
![Page 44: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/44.jpg)
เราสามารถน'าเกมท��สร�างจากโปรแกรม Macromedia Flash เข�ามาใช้�ในช้��นงานได�เช้!นก�น
![Page 45: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/45.jpg)
เลื$อก File จากหน�าต้!าง Multimedia Dialog
![Page 46: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/46.jpg)
เลื$อกขนาดท��ต้�องการแสดงต้ามค่วามต้�องการ
![Page 47: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/47.jpg)
เพื้��มเต้�มองค่5ประกอบอ$�นๆ เพื้$�อค่วามสมบ�รณี5
![Page 48: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/48.jpg)
นอกจากน��เราย�งสามารถน'า Clip VDO มาใช้�เป%นส!วนประกอบของงานได�เช้!นก�น
![Page 49: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/49.jpg)
ว�ธี�การก3เช้!นเด�ยวก�นก�บการน'า File Multimedia อ$�นๆ เข�ามาใช้�งานในโปรแกรม DeskTopAuthor
![Page 50: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/50.jpg)
ขยายพื้$�นท�� ท��ต้�องการจะแสดงได�
![Page 51: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/51.jpg)
การท'าหน�าปกหลื�งน��น ใช้�ว�ธี�การเด�ยวก�นก�บการท'าปกหน�า
![Page 52: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/52.jpg)
เร��มต้�นด�วยการต้��งค่!าขนาดของหน�งส$อท��ต้�องการ
![Page 53: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/53.jpg)
เราสามารถใส! Link ท��ต้�วอ�กษรได�เช้!นเด�ยวก�น ก�บการใส! Link ท��ร�ปภาพื้
![Page 54: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/54.jpg)
เราสามารถใส! Link ท��ร�ปภาพื้เพื้$�อก'าหนดหน�าค่ลื�ายสารบ�ญได� ด�วยการเลื$อก Link ให�ไปท��หน�าท��ต้�องการ
![Page 55: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/55.jpg)
การสร�างแถบเมน�ในช้��นงาน เร��มจากการสร�างพื้$�นท��ส�เพื้$�อแบ!งแถบเมน�ออกจากหน�ากระดาษ โดยเราสามารถสร�างเป%น File ร�ปภาพื้ หร$อใช้�ป�6มสร�างพื้$�นท��ส� ท��ม�อย�!ในโปรแกรมก3ได�
![Page 56: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/56.jpg)
การสร�างป�6มเพื้$�อก'าหนด Link ก3เช้!นก�น เราสามารถน'าภาพื้มาใช้�เป%นป�6ม หร$อจะใช้�ป�6มท��ม�อย�!ในโปรแกรมก3ได�
![Page 57: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/57.jpg)
ในกรณี�ท��เราใช้�ร�ปแทนป�6ม เราจะต้�องก'าหนด Link ในการท'างานให�ก�บร�ปน��นๆ ด�วย
![Page 58: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/58.jpg)
ในกรณี�ของป�6ม Menu ซึ่.�งใช้�ต้�วอ�กษรแทน เราจะต้�องเข�าไปก'าหนด Link ให�ก�บต้�วอ�กษรน��น
![Page 59: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/59.jpg)
จากน��น เลื$อก Item ท��งหมดท��เป%นองค่5ประกอบของแถบเมน� แลื�ว Copy
![Page 60: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/60.jpg)
ไปย�งหน�าท��ต้�องการ Click ขวา เลื$อก Past
![Page 61: Step by step](https://reader036.vdocument.in/reader036/viewer/2022062319/558ddf2e1a28ab0a578b46a4/html5/thumbnails/61.jpg)
จบการบรรยาย