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

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

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

ภาพประจำตัวสมาชิก
Wallapa
PHP Super Member
PHP Super Member
โพสต์: 343
ลงทะเบียนเมื่อ: 30/10/2017 10:22 am

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

โพสต์โดย Wallapa » 01/11/2017 2:52 pm

    Pingendo เป็นโปรแกรมสร้างเว็บไซต์ที่ใช้งานง่าย มือใหม่สามารถเรียนรู้ได้รวดเร็ว ใช้แค่เพียงการลาก - วาง และมีแก้โค้ด HTML กับ SCSS นิดหน่อย Pingendo Support Bootstarp 4 Grid แบบ 100%

    p2.png
    p2.png (21.92 KiB) เปิดดู 365 ครั้ง

    เริ่มที่ Interface ก่อนเลย เปิดขึ้นมาจะเป็นหน้า Blank กับแถบเครื่องมือรอบๆ
    - ด้านซ้ายมือ เป็นแถบ Component ต่าง เราสามารถลากมาใส่ในหน้า Blank ได้
    - ด้านบน เป็นแถบ Start / Open /Save และปรับมุมมองจอต่างๆ เช่น จอมือถือ จอแทบเล็ต เป็นต้น
    - ด้านขวามือ เป็นแถบที่เอาไว้ Config ค่าต่างๆ เลือก Element หรือใส่ข้อความ
    - ด้านล่าง เป็นแถบที่เอาไว้แก้โค้ด HTML กับ SCSS



    p4.png
    p4.png (65.53 KiB) เปิดดู 365 ครั้ง

    เวลาเริ่มสร้างหน้าเว็บ ให้กดที่เครื่องหมายบวกที่แถบเครื่องมือด้ายซ้าย จะมี Navbar Form ฯลฯ เลือกเพื่อที่จะนำมาสร้างเว็บของเราเอง เมื่อได้สิ่งที่ถูกใจแล้ว ก็ลากมาใส่ไว้ในหน้า Blank ได้เลย



    p1.png
    p1.png (44.43 KiB) เปิดดู 365 ครั้ง

    เมื่อเสร็จแล้วจะได้หน้าตาประมาณนี้ แล้วแต่การดีไซน์ของแต่ละคน



    p5.png
    p5.png (73.62 KiB) เปิดดู 365 ครั้ง

    ในส่นของโค้ดด้านล่าง มีไว้เพื่อแก้ Element แก้ Text ต่างๆ หรือถ้าใครไม่เคยเขียนโค้ด แถบทางด้านซ้ายมือก็สามารถแก้ Element และ Text หรืออื่นๆ ได้เหมือนกัน

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


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

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 6 และ บุคคลทั่วไป 0 ท่าน