สอนใช้ Pingendo 4 (พินเจนโด 4)

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
Wallapa
PHP Super Member
PHP Super Member
Posts: 343
Joined: 30/10/2017 10:22 am

สอนใช้ Pingendo 4 (พินเจนโด 4)

Post by Wallapa »

  • Pingendo เป็นโปรแกรมสร้างเว็บไซต์ที่ใช้งานง่าย มือใหม่สามารถเรียนรู้ได้รวดเร็ว ใช้แค่เพียงการลาก - วาง และมีแก้โค้ด HTML กับ SCSS นิดหน่อย Pingendo Support Bootstarp 4 Grid แบบ 100%
    p2.png
    p2.png (21.92 KiB) Viewed 1520 times
    เริ่มที่ Interface ก่อนเลย เปิดขึ้นมาจะเป็นหน้า Blank กับแถบเครื่องมือรอบๆ
    - ด้านซ้ายมือ เป็นแถบ Component ต่าง เราสามารถลากมาใส่ในหน้า Blank ได้
    - ด้านบน เป็นแถบ Start / Open /Save และปรับมุมมองจอต่างๆ เช่น จอมือถือ จอแทบเล็ต เป็นต้น
    - ด้านขวามือ เป็นแถบที่เอาไว้ Config ค่าต่างๆ เลือก Element หรือใส่ข้อความ
    - ด้านล่าง เป็นแถบที่เอาไว้แก้โค้ด HTML กับ SCSS


    p4.png
    p4.png (65.53 KiB) Viewed 1520 times
    เวลาเริ่มสร้างหน้าเว็บ ให้กดที่เครื่องหมายบวกที่แถบเครื่องมือด้ายซ้าย จะมี Navbar Form ฯลฯ เลือกเพื่อที่จะนำมาสร้างเว็บของเราเอง เมื่อได้สิ่งที่ถูกใจแล้ว ก็ลากมาใส่ไว้ในหน้า Blank ได้เลย


    p1.png
    p1.png (44.43 KiB) Viewed 1520 times
    เมื่อเสร็จแล้วจะได้หน้าตาประมาณนี้ แล้วแต่การดีไซน์ของแต่ละคน


    p5.png
    p5.png (73.62 KiB) Viewed 1520 times
    ในส่นของโค้ดด้านล่าง มีไว้เพื่อแก้ Element แก้ Text ต่างๆ หรือถ้าใครไม่เคยเขียนโค้ด แถบทางด้านซ้ายมือก็สามารถแก้ Element และ Text หรืออื่นๆ ได้เหมือนกัน

    ** ในระหว่างที่สร้างหน้าเว็บ เราจะสามารถดูพรีวิวได้ด้วย โดยการกดที่ไอค่อนรูปดวงตาที่แถบด้านบน **


    ข้อมูล : https://pingendo.com

Return to “Share Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests