เรียนรู้การสร้างเว็บด้วย Adobe Muse CC ออนไลน์: http://wp.me/P2kPae-x4 Slide ในหัวข้อ "Adobe Muse CC: สร้างเว็บอย่างไรไม่ต้องเขียน code" แนะนำ Adobe Muse สำหรับ Web Designer และ Developer วิทยากร: ธีรเศรษฐ์ จิรภัทร์ชาญเดช, User Group Manager, Thai Adobe Developer Community Introduction to Adobe Muse CC: Design & Develop Website without code for web designer & web developer Instructor: Teerasej Jiraphatchandej, User Group Manager Thai Adobe Developer Community

1. Teerasej Jiraphatchandej
User Group Manager, ThaiADC
facebook.com/teerasej
Adobe Muse CC
Design and publish HTML websites
without writing code.
Saturday, July 6, 13

2. เราสร้าง Website
ด้วยอะไร?
Saturday, July 6, 13

3. http://www.flickr.com/photos/phil_fry/24491181/
Saturday, July 6, 13

4. Saturday, July 6, 13

5. Saturday, July 6, 13

6. http://www.flickr.com/photos/phil_fry/24491181/
One more code..
Saturday, July 6, 13

7. http://www.flickr.com/photos/satanoid/353556247/
I just want to design a website.
Saturday, July 6, 13

8. Saturday, July 6, 13

9. Adobe Muse
Saturday, July 6, 13

10. Adobe Muse
Saturday, July 6, 13

11. Adobe Muse
• ออกแบบมาสําหรับ Designer
• ใช้ออกแบบและสร้าง HTML Website โดยไม่
ต้องเขียน code (และไม่ให้เขียน)
• เป็นโปรแกรมหนึ่งใน Adobe Creative Cloud
Saturday, July 6, 13

12. Designed for Designer
http://www.flickr.com/photos/92795775@N00/5089053146/
Saturday, July 6, 13

13. ขั้นตอนการทํา Web ทั่วไป
• Plan
• Design
• Test
• Publish
• รับเงิน (ใช่แล้ว!)
Saturday, July 6, 13

14. ขั้นตอนการทํา Web ทั่วไป
• Plan
• Design
• Test
• Publish
• รับเงิน (ใช่แล้ว!)
Saturday, July 6, 13

15. ขั้นตอนการทํา Web ทั่วไป
• Plan
• Design
• Test
• Publish
• รับเงิน (ใช่แล้ว!)
Saturday, July 6, 13

16. Create without Code
http://www.flickr.com/photos/thingsarebetterwithaparrott/2333802858/
Saturday, July 6, 13

17. WYSIWYG
(What You See Is What You Get)
Saturday, July 6, 13

18. Design to Website
Saturday, July 6, 13

19. Design to Website
Saturday, July 6, 13

20. Design to Website
Saturday, July 6, 13

21. Design to Website
Saturday, July 6, 13

22. Please, Photoshop-based website,
http://www.flickr.com/photos/thingsarebetterwithaparrott/2333802858/
Saturday, July 6, 13

23. Design to Website
Saturday, July 6, 13

24. Design to Website
Saturday, July 6, 13

25. Adobe Muse & Web
• สนับสนุน Web Standard
• เปลี่ยน Design เป็น HTML, CSS, และ
Javascript
• ไม่มีส่วนที่ใช้เขียน Coding เหมือนโปรแกรม
Text Editor อื่นๆ
Saturday, July 6, 13

26. ฟรี?
Saturday, July 6, 13

27. ก็ไม่เชิง
Saturday, July 6, 13

28. Part of Adobe CC
• ทดลองใช้ 30 วัน สําหรับ Adobe Creative
Cloud แบบ free plan
• สมาชิกจะได้ใช้งานทุกฟังก์ชั่น และอัพเดต
ฟีเจอร์ใหม่ได้ทันทีเมื่อพร้อมใช้งาน
Saturday, July 6, 13

29. แต่ไม่เคยจับ Web เลย
จะเริ่มต้นยังไง?
Saturday, July 6, 13

30. เริ่มต้นกับ Adobe Muse
(http://bit.ly/19YR5mx)
Saturday, July 6, 13

31. Teerasej Jiraphatchandej
User Group Manager, ThaiADC
facebook.com/teerasej
Demo Time!
www.thaiadc.com
Saturday, July 6, 13