มาทำ E-Book แบบง่ายๆกันค๊าบ
posted on 21 Jan 2009 18:28 by ak-two
ทำ Portfolio อ่ะครับ












วิธีการทำนะครับผมจะอธิบายแบบง่ายๆ แบบทำกันได้สบายๆครับผม
โปรแกรมนี้คือ FlashPageFlip นะครับเป็นโปรแกรมสำหรับทำ E-book โดยเพราะ
เริ่มด้วยการดาวน์โหลดโปรแกรมมาใช้นะครับเข้าไปที่ http://www.flashpageflip.com/
จากนั้นก็ลงมาด้านล่างสุดเลยครับ จะมีคำว่า Free version (ไม่เสียตังครับ)
หรือว่าใครอยากได้แบบเสียตังโหลดเลยครับ ^^

1 จากนั้นเปิด Folder มาเลยครับ ให้นำไฟล์รูปไปไว้ในโฟรเดอร์
FlashPageFlip_FreeVersion/Free Version/pages โดยทำขนาดของหน้าให้เท่ากับขนาด
ของหน้า E-book เช่น 400x600 (เท่ากับหนึ่งหน้า ถ้าสองหน้าที่เป็นหน้าคู่จะเท่ากัน 800x600)
2 วิธีการตั้งค่าของ E-Book ครับ
เข้าไปที่ FlashPageFlip_FreeVersion/Free Version/xml/Pages.xml จะเห็น Code แบบนี้
นี่เป็น Code ที่ผมเขียนไว้คร่าวๆนะครับ
<content width="400" height="600" bgcolor="cccccc" loadercolor="ffffff"
panelcolor="3a6dac" buttoncolor="3a6dac" textcolor="d0e5f7">
<page src="pages/01.jpg"/>
<page src="pages/02.jpg"/>
<page src="pages/03.jpg"/>
<page src="pages/04.jpg"/>
<page src="pages/05.jpg"/>
<page src="pages/06.jpg"/>
<page src="pages/07.jpg"/>
<page src="pages/08.jpg"/>
<page src="pages/09.jpg"/>
<page src="pages/10.jpg"/>
</content>
วิธีแก้ให้ลำดับหน้าของ E-book เพิ่มขึ้น ให้ใส่ ลำดับหน้า
<page src="pages/10.jpg"/>
<page src="pages/11.jpg"/>
<page src="pages/12.jpg"/>
แบบนี้ไปเรื่อยๆตามความต้องการนะครับ
หากต้องการนำไฟล์ แฟลต เข้าไปให้เปลี่ยนสกุล ของ Code ที่ตามหลังมานะครับ
เช่น <page src="pages/12.swf"/>
3 วิธีการเปิดโปรแกรมเพื่อดูนะครับ
ให้าเข้าไปใน FlashPageFlip_FreeVersion/Free Version/Default.html
เป็นอันเสร็จเรียบร้อยครับผม
ส่วน Code ของสี Bg ต้องไปหามาใส่กันนะครับ ตรงนี้ bgcolor="cccccc"
หากวิธีการของผมผิด หรือ ไม่ครบ ขอความเห็นด้วยนะครับ
หรือผู้ที่มีความรู้ โปรดแนะนำด้วยครับ ขอบคุณมากครับผม
]]
#1 By เซงครับ on 2009-01-21 19:53