# data[].attributes.body
โปรแกรมแนะนำสำหรับการสร้างกราฟิก

Microsoft

Microsoft PowerPoint / Word / Excel

Notepad | Windows Accessories

Calculator | Windows Accessories

Snipping Tool | Windows Accessories

Paint | Windows Accessories

SketchUp (free)
โปรแกรมสร้างกราฟิก 3 มิติ / The easiest way to draw in 3D ...

www.sketchup.com

Inkscape (free)
โปรแกรมสร้างกราฟิกได้หลายนามสกุล เช่น SVG PNG PDF ฯลฯ

www.inkscape.org

Sodipodi (free)
โปรแกรมสร้างกราฟิกได้หลายนามสกุล เช่น SVG PNG PDF ฯลฯ

www.ccm.net/download/download-2237-sodipodi

PDF Printer (free)
โปรแกรมสร้างไฟล์โดยคำสั่งพิมพ์ (print) สามารถสร้างไฟล์ได้หลายนามสกุล เช่น PDF / BMP / EPS / DOC / JPEG / PNG / PS / TIFF

www.biopdf.com

PDF Slit and Merge (free)
โปรแกรมแก้ไข PDF / Merge, split, rotate, mix, edit, sign PDFs...

www.pdfsam.org

PDF Split and Merge Basic

www.pdfsam.org/pdfsam-basic

Soda PDF
โปรแกรมเปิดอ่านไฟล์ PDF แบบ 3D / Read your PDFs and digital publications in 3D with our unique page-flipping technology.

www.sodapdf.com

free programs on website
#a free, #open source

Google App

Sketchboard

www.sketchboard.io

www.sketchboard.me

# data[].attributes.body
https://sites.google.com/a/sci.tu.ac.th/graphic-590804/

# data[].attributes.body
1. Go to Site
2. create  then name your site ใส่ชื่อที่ต้องการ
3. จำไว้ขนาดหน้าจอ 1024*768 เพื่อการจัดการหน้าจอได้เหมาะสม
4.การจัดการไซด์ เพื่อเปลี่ยนชื่อไซด์ manage site
5. เขียน site description เพื่อบอกว่า site นี้ทำอะไร คน search หาเจอได้ง่ายขึ้น (คำอธิบายไซด์) อะไรที่ต้องการเปิดเผย ให้คน search เจอ ต้องเขียนตรงนี้
6. การแชร์ ปกติจะได้รูปตึก คือจะ share เฉพาะในองค์กร ถ้าเปลี่ยนไปที่ shareing and permission ทางซ้าย เลือก public หรือ อื่นๆที่ต้องการ save
7. short url ไปที่ google > goo.gl แล้วใส่ url ยาวๆลงไป จะได้ short url ไปที่ detail จะได้ qr code คลิกขวา copy image แล้วกลับไปที่หน้า site ไปที่ดินสอ เพื่อแก้ไขแล้ววาง ctrl+V
8. copy short url มาแล้ว เปลี่ยน http:// เป็น www แล้วคลุม ไปที่ เครื่องหมาย link ไปที่ เปลี่ยน จากนั้น เลือกว่าจะเปิดหน้าใหม่ หรือ ทับหน้าเดิม แล้ว save
9. จากนั้น save ที่หน้าหลักอีกครั้ง

10 manage site จะเปลี่ยน theme color : theme blank slate หรือ หน้าว่างเปล่า จะขยายหน้าจอให้ครบหน้า screen จะเหมาะกับคอมทุกแบบ หรือเลือกได้ตามชอบ

จากนั้นไป horizontol navigator คือปุ่มที่วางบนแนวนอน ใช้สีอะไร background เป็นอย่างไร hourvor เป็นไง ลองเล่นดู

มีมือถือ ให้เลือก เพื่อปรับหน้าจอให้เหมาะกับมือถือ แล้ว save ด้วยนะ

11 การแก้ไขการออกแบบ edit site layout เลือก กำหนดเอง custom เลือก 1024px
ตรงส่วนท้าย custom houtor จะให้จัดการพื้นที่ส่วนท้าย page ใส่ข้อมูล รูปภาพได้ เป็นข้อมูลพื้นฐาน ใช้ได้ทุกหน้าเลย รูปถ้า copy จากหน้าไหน แก้ที่หน้านั้นก็จะไปหน้าอื่นด้วย

รูปถ่าย ถ้าต้องการให้มีข้อความทางซ้าย ไปที่รูปคลิด ที่ 3 จากขวา ลองดู จัดหน้าได้ แก้ไข โดยการตั้งตรงการ แล้วแก้ไปชิดซ้ายอีกที

ส่วนนี้ควรทำเพราะจะไปอยู่ทุกหน้าของเรา ใคร print ก็มีข้อมูลเราไปด้วย

เลือก ส่วนห้ว แก้ไข ใส่ logo ต่างๆ ได้ เลือก logo
เลือกรูป logo ดูขนาด pixcel ที่เหมาะด้วย 75 pixcel สำหรับ เวป 100 สำหรับ ppt เป็นต้น

12 สร้างหน้าใหม่ ชื่อ เป็น ตัวเลขจะดี เช่น 001
เลือก template > file cabinet หน้าเวป>ตู้เอกสาร กด สร้าง

ไป setting ทางขวา เลือก ตัวที่ 4 ตั้งค่าหน้าเวป page setting เอา อันที่ 3 ออก ไม่ให้ comment

ต้องการเลือกเป็น แม่แบบ setting ไปที่ บันทึกแม่แบบ เพื่อหน้าอื่นๆจะได้มีทุกอย่างเหมือนที่กำหนด ไม่ต้องเปลี่ยนทุกครั้ง

จากนั้นถ้าเลือกหน้าใหม่ สร้าง ที่ template มี 001 ซึ่งเป็น แม่แบบให้เลืิอก

edit site layout เลือก โชว์ด้านข้าง จะเห็น 001 และ 002

การนำทางแนวนอน
แก้ไขการออกแบบไซด์ กด home หรือ หน้าแรก แล้วเลือก หน้าที่สร้างแล้ว ว่าเราต้องการเอาหน้าไหนมาก่อนหลังได้ ไม่เหมือนด้านข้างที่ต้องเรียงตามการสร้าง สามารถเพิ่ม url ได้ด้วย และเลือกได้ว่าเปิดหน้าต่างถัดไปหรือเปิดทับ

13 shift+C copy หน้านั้นทุกอย่างแล้วเราก็ไปเปลี่ยนชื่อเอา ต่างจากสร้าง page ใหม่เพราะจะเริ่มจากว่างเปล่า

edit site layout>horizontal> ลูกศรขวา คือหน้านั้นจะอยู่ใต้ หน้าอื่นๆ เช่น บทที่ 1 แล้วเรื่องต่างๆก็ซ่อนอยู่ใต้บทที่ได้

# data[].attributes.body
สวัสดี การใช้งาน Padlet