สร้างรูปแบบ contact us ด้วย google docs

Written By Aucharaporn Theemcle on วันอังคารที่ 4 ตุลาคม พ.ศ. 2554 | 19:35

 

แล้ววันหนึ่งก็มีโอกาสได้ใช้ความรู้ทำประโยชน์บ้าง  วัดและโรงเรียนได้ขอร้องให้ทำเวบไซต์ให้  เมื่อพิจารณาดูแล้ว  โรงเรียนและวัดขนาดเล็ก ข้อมูลไม่มาก  กิจกรรมไม่เท่าไหร่  เรื่องอะไรจะทำเวบไซต์  แค่บล็อกเล็ก ๆ ปรับแต่งเล็กน้อย แค่นี้ก็หรูได้แล้ว  จะต้องไปเช่า host เสียเงินทำไมกัน    และอีกอย่างเราเป็น blogger อยู่แล้ว ความรู้ที่มีก็พออวดได้บ้างกระมัง ปรับแต่งบล็อกเกอร์สักหน่อยก็หน้าตาเป็นเวบไซต์ซะแล้ว

หลังจากลองปรับแต่งบล็อกของโรงเรียนไปบ้าง ทำให้ได้บทความในวันนี้ขึ้นมา  เวบไซต์ขององค์กรหรือบริษัทต่าง ๆ มักจะมีเมนูเป็นลิงค์ไว้ว่า contact us หรือติดต่อเราไว้เสมอ  และมักจะขาดไม่ได้  เพราะมันสำคัญมาก ๆ ที่ทำให้ให้ผู้เยี่ยมชมหรือลูกค้า สามารถติดต่อกับบริษัทหรือองค์กร

contact us ด้วย google doc

ดังนั้นวันนี้มาลองเพิ่มหน้า contact us หรือติดต่อเรา ในบล็อกกันดูไหมคะ  การเพิ่ม contact us ในเวบบล็อก  ดิฉันขอนำเสนอ การสร้างแบบฟอร์ม  contact us จาก Google Docs นะคะ เพราะยังไงซะเราก็เป็นสมาชิกของ Google กันอยู่แล้ว   สำหรับวิธีการสร้างฟอร์ม contact us ดิฉันขอนำวีดีโอมาแปะให้เพื่อน ๆ ได้ศึกษาค่ะ รับรองทำได้แน่นอน เพราะเค้าอธิบายละเอียดยิบ

สำหรับวิธีการวางฟอร์ม contact us ก็โดยการนำ embed code มาวางในเวบบล็อก  ซึ่งสามารถวางได้ 2 รูปแบบ

1. คือเอาวางในส่วนของบทความโดยปกติทั่วไป  ดังเช่นในวีดีโอด้านบนอธิบาย 

2 คือการสร้างหน้าเวบให้เป็น contact us โดยตรง  เพื่อนท่านใดยังไม่ได้ศึกษาถึงวิธีการสร้างหน้าเวบ  ลองค้นเพิ่มเติมจากบทความนี้ค่ะ   แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย Gadget หน้าเวบ

สร้าง contact us ด้วย google doc หลังจากได้ embed code จาก Google Docs ก็นำมาวางในหน้าเวบในส่วนของ แก้ไข HTML ดังภาพเมื่อบันทึกแล้วก็จะได้ หน้าเวบที่เป็น contact us เรียบร้้อยแล้วค่ะ  เมื่อมีเพื่อนท่านใดกรอกข้อมูลติดต่อเรา  ผลก็จะไปปรากฏที่เอกสาร Google Doc ของเรา  ทั้งนี้ยังมีส่วนช่วยในการเก็บข้อมูล ผู้ติดต่อได้ด้วยนะคะ

ในส่วนของ Google Docs ที่ใช้งานในเวบบล็อก ยังสามารถนำมาสร้าง แบบทดสอบออนไลน์ในเวบบล็อก  โชว์เอกสาร Google Docs ในเวบบล็อกก็ได้ และยังมี การติดแบบสอบถามให้เวบบล็อกด้วย Google Docs  ศึกษางาน Google Docs ไว้ก็ไม่เสียหลายนะคะ  เครื่องมือฟรี ๆ ขึ้นอยู่กับว่าเราจะจับมันมาใช้งานหรือไม่  เหมือนเวบบล็อกของ Blogger นี่หล่ะค่ะ

5 comments:

Sun_pharma กล่าวว่า...

ขอบคุณก๊าบบบ ดีมากมาย ;)

Meesubandmeesuk กล่าวว่า...

ต้องติดตามต่อไป อาจจะมีอะไรดีกว่านี้ก็ได้นะคะ คุณ Sun_pharma

watbanlang กล่าวว่า...

ขอบคุณครับ ผมลองทำดูและ โอเลย

Meesubandmeesuk กล่าวว่า...

ทดลองเอาไปใช้ปรับแต่งดูนะคะ watbanlang

3G กล่าวว่า...

ขอบคุณคับ
http://3grayong.blogspot.com/

แสดงความคิดเห็น