Google Web Designer คืออะไร มันเอาไว้ทำอะไรเนี่ย!!!


 17 ก.ค. 2561
Google Web Designer คืออะไร มันเอาไว้ทำอะไรเนี่ย!!!

หลายคนคงสงสัยว่า Google Web Designer คืออะไร เป็นโปรแกรมไว้ออกแบบหรือเปล่า หรือเป็นโปรแกรมทำเว็บไซต์ วันนี้เรามีคำตอบให้ค่ะ

Google เปิดตัว Google Web Designer  ในปี 2556  ซึ่งขณะนั้นปล่อยเวอร์ชั่น Beta ให้นักพัฒนาโหลดไปใช้งาน แต่ปัจจุบันพัฒนาเป็น version 4 

สามารถดาวน์โหลด Google Web Designer ไปใช้งานได้ฟรีได้ที่ >>> https://www.google.com/webdesigner/

 

Google Web Designer คือะไร

อธิบายแบบภาษาบ้าน ๆ Google Web Designer คือ โปรแกรมช่วยออกแบบและสร้างโฆษณาด้วย HTML5 และเนื้อหาเว็บอื่นๆ  แต่ส่วนใหญ่จะเอาไว้ทำแบนเนอร์โฆษณาซ่ะมากกว่า 

 


การสร้างไฟล์ใหม่

Google Web Designer มีรูปโฆษณาให้เลือกอยู่ 4 แบบ

  • ฺBanner ads  เป็นโฆษณารูปแบบทั่วไปที่แสดงผลหน้าเว็บหรือแอป
  • AMPHTML bannerเป็นโฆษณาที่สร้างขึ้นด้วย AMP เพื่อให้โหลดได้เร็ว จึงทำให้เหมาะสำหรับอุปกรณ์เคลื่อนที่
  • Expandableคือโฆษณาที่ขยายได้ เป็นเหมือนโฆษณาแบบทั่วไปเช่นแบนเนอร์ขนาด 300x250 พอคลิกที่แบบเนอร์จะขยายขนาดได้ แล้วพอคลิกปุ่มปิดก็จะย่อโฆษณาลงให้มีขนาดเท่าเดิม 
  • Interstitial คือโฆษณาคั่นระหว่างหน้าแบบเต็มหน้า  จะคล้าย ๆ กับโฆษณาที่อยู่ในเกม เช่นเราจะกด play game จะมีโฆษณาขึ้นมาเต็มจอ แล้วมีปุ่มให้เรากดปิด พอกดปิดเราถึงจะเริ่มเล่นเกมได้ เป็นต้น

 

Google Web Designer มีให้เลือกได้ว่าเราจะสร้าง ads ให้รองรับกับเครื่องมือรัน ads อยู่ 4 ตัวคือ

1. AdMob

2.AdWords 

3.DoubleClick

4.เครื่องมือรัน ads ตัวอื่นที่ไม่ใช่ของ google


 

User Interface หรือ หน้าจอการใช้งาน

หน้าจอการทำงานของ Google Web Designer ตอนเปิดมาครั้งแรก
หน้าจอการทำงานของ Google Web Designer ตอนเปิดมาครั้งแรก
หน้าจอการทำงานของ Google Web Designer
หน้าจอการทำงานของ Google Web Designer
สามารถเปลี่ยนเมนูต่าง ๆ เป็นภาษาไทยได้ด้วยน่ะ เจ๋งป่ะล่ะ
เมนูใช้ design view , code view จะเป็น หน้าแสดง code html , Preview ไว้กดดูการแสดงผลบน browser และ publish กดเพื่อ export งานของเราไปใช้งาน

หน้าจอการทำงานของ Google Web Designer คล้ายกับโปรแกรมเครื่องมือออกแบบทั่วไป ซึ่งจุดประสงค์ของเครื่องมือนี้ก็เพื่อทำให้การพัฒนา content และ ads(โฆษณา) ในเว็บไซต์สามารถพัฒนาได้ง่ายขึ้นโดยนักออกแบบที่ไม่มีความรู้ด้านการเขียนเว็บมากนัก หน้าจอการทำงานโดยรวมของ Google Web Designer ถือว่าออกแบบมาได้ดีเลยทีเดียว

 

Google Web Designer ยังมีคอมโพเนนต์ให้เลือกใช้มากมาย เช่น แกลเลอรีรูปภาพ วิดีโอ แผนที่ และฟังก์ชันอื่นๆ เป็นต้น
Google Web Designer ยังมีคอมโพเนนต์ให้เลือกใช้มากมาย เช่น แกลเลอรีรูปภาพ วิดีโอ แผนที่ และฟังก์ชันอื่นๆ เป็นต้น

 

ตัวอย่างการแทรก youtube ก็ง่ายมาก
ตัวอย่างการแทรก youtube ก็ง่ายมาก

 

System requirements

เครื่องที่ใช้ควรมีสเปคประมาณนี้ซึ่งเครื่องคอมทั่วไปไม่ต้องเทพก็ใช้งาน Google Web Designerได้สบาย ๆ ครับ



ขอบคุณรูปไอคอนสวยๆ จาก >> Vector Graphics by Vecteezy.com


เทพควิช-lnwquiz