Adobe Muse คืออะไร? รู้จักกับ Adobe Muse CC แบบ Web Designer และ Web Developer

8,318 views

Published on

เรียนรู้การสร้างเว็บด้วย 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

Published in: Design, Business, Technology

Adobe Muse คืออะไร? รู้จักกับ Adobe Muse CC แบบ Web Designer และ Web Developer

  1. 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. 2. เราสร้าง Website ด้วยอะไร? Saturday, July 6, 13
  3. 3. http://www.flickr.com/photos/phil_fry/24491181/ Saturday, July 6, 13
  4. 4. Saturday, July 6, 13
  5. 5. Saturday, July 6, 13
  6. 6. http://www.flickr.com/photos/phil_fry/24491181/ One more code.. Saturday, July 6, 13
  7. 7. http://www.flickr.com/photos/satanoid/353556247/ I just want to design a website. Saturday, July 6, 13
  8. 8. Saturday, July 6, 13
  9. 9. Adobe Muse Saturday, July 6, 13
  10. 10. Adobe Muse Saturday, July 6, 13
  11. 11. Adobe Muse • ออกแบบมาสําหรับ Designer • ใช้ออกแบบและสร้าง HTML Website โดยไม่ ต้องเขียน code (และไม่ให้เขียน) • เป็นโปรแกรมหนึ่งใน Adobe Creative Cloud Saturday, July 6, 13
  12. 12. Designed for Designer http://www.flickr.com/photos/92795775@N00/5089053146/ Saturday, July 6, 13
  13. 13. ขั้นตอนการทํา Web ทั่วไป • Plan • Design • Test • Publish • รับเงิน (ใช่แล้ว!) Saturday, July 6, 13
  14. 14. ขั้นตอนการทํา Web ทั่วไป • Plan • Design • Test • Publish • รับเงิน (ใช่แล้ว!) Saturday, July 6, 13
  15. 15. ขั้นตอนการทํา Web ทั่วไป • Plan • Design • Test • Publish • รับเงิน (ใช่แล้ว!) Saturday, July 6, 13
  16. 16. Create without Code http://www.flickr.com/photos/thingsarebetterwithaparrott/2333802858/ Saturday, July 6, 13
  17. 17. WYSIWYG (What You See Is What You Get) Saturday, July 6, 13
  18. 18. Design to Website Saturday, July 6, 13
  19. 19. Design to Website Saturday, July 6, 13
  20. 20. Design to Website Saturday, July 6, 13
  21. 21. Design to Website Saturday, July 6, 13
  22. 22. Please, Photoshop-based website, http://www.flickr.com/photos/thingsarebetterwithaparrott/2333802858/ Saturday, July 6, 13
  23. 23. Design to Website Saturday, July 6, 13
  24. 24. Design to Website Saturday, July 6, 13
  25. 25. Adobe Muse & Web • สนับสนุน Web Standard • เปลี่ยน Design เป็น HTML, CSS, และ Javascript • ไม่มีส่วนที่ใช้เขียน Coding เหมือนโปรแกรม Text Editor อื่นๆ Saturday, July 6, 13
  26. 26. ฟรี? Saturday, July 6, 13
  27. 27. ก็ไม่เชิง Saturday, July 6, 13
  28. 28. Part of Adobe CC • ทดลองใช้ 30 วัน สําหรับ Adobe Creative Cloud แบบ free plan • สมาชิกจะได้ใช้งานทุกฟังก์ชั่น และอัพเดต ฟีเจอร์ใหม่ได้ทันทีเมื่อพร้อมใช้งาน Saturday, July 6, 13
  29. 29. แต่ไม่เคยจับ Web เลย จะเริ่มต้นยังไง? Saturday, July 6, 13
  30. 30. เริ่มต้นกับ Adobe Muse (http://bit.ly/19YR5mx) Saturday, July 6, 13
  31. 31. Teerasej Jiraphatchandej User Group Manager, ThaiADC facebook.com/teerasej Demo Time! www.thaiadc.com Saturday, July 6, 13

×