2005/Sep/14

จากตอนที่แล้วเราได้ทำความรู้จักกับส่วน ไปแล้วนะคะ

มาตอนนี้เราจะมาทำความรู้จักกับส่วนต่อไปที่เราต้องได้ใช้งานแน่ๆ
(แหงสิ ไม่ใช่ส่วนนี้แล้วจะโพสท์ไงล่ะเนี่ย )

นั่นคือ ค่ะ

เมื่อเราคลิกเข้ามาในส่วนของ จะปรากฏหน้าต่างลักษณะนี้


หน้าตาของเครื่องมือบางตัวจะคุ้นๆ นะคะ
เพราะคล้ายกับหน้าตาของเครื่องมือในโปรแกรม Microsoft Office ค่ะ

เรามาเริ่มทำความรู้จักกันไปทีละส่วนเลยนะคะ

เริ่มจากแถบบนสุดประกอบด้วย

ชื่อเรื่อง : ก็ตามชื่อล่ะค่ะ เอาไว้ใส่ชื่อเรื่องของเอนทรีนั้นๆ

Category : เราต้องการเลือกให้เอนทรีนี้อยู่ในหมวดไหน ก็คลิกเลือกได้ที่นี่ค่ะ

ถัดลงมาเป็นแถบเมนูที่ใช้จัดการกับเอนทรีที่เราพิมพ์เข้าไปนะคะ
เราจะมาแยกดูทีละส่วนกันค่ะ

เริ่มจาก 3 ตัวนี้

หมายเลข 1 เป็นการเลือกแบบของตัวอักษรค่ะ
เราสามารถคลิกที่ลูกศรสีดำด้านข้าง เพื่อเลือกแบบตัวหนังสือได้เลย

หมายเลข 2 เป็นการเลือกขนาดของตัวอักษร
เช่นกันค่ะ คลิกที่ลูกศรเพื่อเลือกขนาด

หมายเลข 3
อันนี้ขอเดาเล็กน้อย เพราะยังไม่เคยใช้ แหะๆ

แต่ดูจากที่ให้เลือก คิดว่าเป็นประเภทของตัวอักษรที่เราจะใช้งานน่ะค่ะ
อย่างเช่น ถ้าเลือกเป็น Heading1
คือ ตัวอักษรที่เราครอบสีดำไว้ก็จะตัวใหญ่ขึ้น เหมือนเป็นหัวข้ออันดับแรกน่ะค่ะ

มาดูส่วนต่อไปเลยค่ะ

เครื่องหมาย B I U S นี่น่าจะคุ้นตากันดีอยู่แล้ว

B ทำตัวอักษรให้เป็นตัวหนา
I ทำตัวอักษรให้เป็นตัวเอียง
U ขีดเส้นใต้ข้อความที่เลือก
S ขีดฆ่าตรงกลางข้อความที่เลือก

ส่วนตัว X2 และ X2 ก็ตามรูปที่เห็นเลยค่ะ
คือเป็นตัวห้อย และตัวยกกำลัง

ถัดจากนั้นเป็นรูปกรรไกร คำสั่ง cut (ctrl+x)

รูปกระดาษซ้อนกัน 2 แผ่น คำสั่ง copy (ctrl+c)

รูปกระดาษวางบนคลิปบอร์ด คำสั่ง paste (ctrl+v)

มาดูชุดคำสั่งต่อไปกันเลยนะคะ

ชุดคำสั่งนี้ก็ไม่มีอะไรยุ่งยาก

ส่วนแรกที่เป็นขีดๆ ก็คือการจัดรูปแบบหน้ากระดาษ
ให้ข้อความชิดซ้าย/จัดกลาง/ชิดขวา/กระจายเต็มความกว้างหน้ากระดาษ

ส่วนชุดคำสั่งถัดไป
ตัวแรกคือการใส่หมายเลขข้อหน้าข้อความแบบอัตโนมัติ
(คนที่เคยใช้ word มาคงพอนึกออกนะคะ)
ส่วนตัวที่สองก็คือการใส่ bullet หน้าข้อความ
ตัวที่สามเลื่อนระยะกั้นหน้ามาทางซ้าย
ตัวที่สี่ก็สลับกันคือเลื่อนระยะกั้นหน้าไปทางขวา
(ใช้เวลาต้องการย่อหน้าน่ะค่ะ)

ส่วนรูปตัว A และมีแถบสีด้านล่าง
ใช้ในการเปลี่ยนสีตัวหนังสือค่ะ

ถัดจากนั้น เป็นคำสั่งที่ใช้ในการเน้นข้อความ
เปลี่ยนสีพื้นหลังของข้อความในส่วนที่เราเลือกน่ะค่ะ

มาดูอันต่อไปกันเลยนะคะ

ไล่ไปทีละอันตามรูปเลยค่ะ

หมายเลข 1
เป็นการแทรก Horizontal Line หรือเส้นคั่นข้อความค่ะ

หมายเลข 2
ใช้ในการแทรกลิงก์ไปยังเวบต่างๆ
เราสามารถทำลิงก์ได้โดยลากเมาส์ครอบตัวหนังสือที่เราต้องการทำเป็นลิงก์
แล้วคลิกที่ปุ่มนี้นะคะ
จะมี pop up แบบนี้ขึ้นมา

ส่วนประกอบของการ Insert Link ประกอบด้วย

ส่วนแรก (2.1) ช่อง url ให้เราใส่ url ของเวบที่เราจะลิงก์ไปค่ะ

ส่วน Title (tooltip) เป็นตัวหนังสือที่จะขึ้นมาเวลาเราเอาเมาส์ไปชี้ค้างที่ตัวลิงก์นะคะ
ตัวอย่าง ลองเอาเมาส์ชี้ค้างที่นี่ค่ะ
บล๊อกคุณงู

ส่วนต่อไป 2.2 ใช้ในการกำหนดว่าเราจะให้ลิงก์ที่เปิดนั้น แสดงในหน้าเดิมที่เรากำลังเปิดอยู่ หรือเปิดเป็นหน้าใหม่
ถ้าต้องการให้แสดงทับหน้าเดิมก็ไม่ต้องเลือกอะไรค่ะปล่อยเป็น None
หรือจะเลือกเป็น Same Frame ก็ได้
แต่ถ้าต้องการให้เปิดลิงก์ในหน้าใหม่ ให้เลือกเป็น New Window ค่ะ

ย้อนกลับมาที่เมนูเดิมของเราที่ค้างอยู่นะคะ

เราจะมาดูหมายเลขต่อไปคือ หมายเลข 3

เครื่องมือตัวนี้ใช้ในการใส่รูป
แต่จะแตกต่างจากปุ่ม add picture ด้านล่างค่ะ
เพราะเครื่องมือนี้ใช้ในการใส่รูปที่เราลิงก์มาจากเวบอื่นน่ะค่ะ

เมื่อเราคลิกที่ปุ่มใส่รูป
จะมี Pop up กระเด้งขึ้นมาอันนึง

หน้าตาเป็นแบบนี้ค่ะ

ช่องแรก (3.1)
เป็นช่องที่ใช้สำหรับใส่ url ของรูปที่เราจะใช้นะคะ
(วิธีดู url ของรูปทำได้โดยคลิกขวาที่รูปจะมีหน้าต่าง properties ขึ้นมา
url ของรูปอยู่ตรงช่อง addressค่ะ)

ช่องถัดไป (3.2) Alternate Text
ช่องนี้ผ่านค่ะ อิอิ ยังไม่เคยใช้ง่ะ

ส่วนที่ 3.3 - Lay out
ช่องบน Alignment ใช้ในการจัดตำแหน่งของรูปค่ะ
ส่วน Border คือการกำหนดขนาดเส้นขอบของรูป (เล็กสุดคือ 1)
ถ้าไม่ต้องการให้ใส่กรอบก็ไม่ต้องกำหนดค่าอะไรค่ะ เว้นว่างไปเลย

ช่องที่ 3.4 - Spacing
เป็นการกำหนดค่าระยะขอบของรูปในแนวนอน (Horizontal) และแนวตั้ง (Vertical) ค่ะ

ส่วน 3.5 เป็นส่วน preview ของรูปที่เราลิงก์มาค่ะ
เวลาจะดูก็ใส่ url แล้วกด preview ค่ะ

ถ้าได้รูปที่ใช่แล้วก็กดปุ่ม ok เลยค่ะ
รูปที่เราลิงก์มาก็จะปรากฏในหน้าต่างที่เรากำลังเขียนเอนทรีค่ะ

มาดูเครื่องมือถัดไปค่ะ

หมายเลข 4
เป็นเครื่องมือที่ใช้เปลี่ยนโหมดจากโหมดปรกติเป็นโหมด html ค่ะ

ส่วนหมายเลข 5
เป็นเครื่องมือที่ใช้ในการสร้างตารางค่ะ

มาดูเครื่องมือด้านล่างบ้างค่ะ

ในช่องรับคอมเมนต์/แสดงคอมเมนต์นี่ขอข้ามไปเลยนะคะ
คิดว่าคงเข้าใจแล้ว

ช่อง recommended
ถ้าต้องการแนะนำเอนทรีนี้ก็ให้ติ๊กในช่องนี้ค่ะ

มาส่วนที่เราจะได้ใช้อีกอันนึงค่ะ
นั่นคือปุ่ม add picture ค่ะ

ปุ่มนี้ใช้ในการใส่รูปคล้ายกับการใส่รูปข้างบนค่ะ
แต่ว่ารูปที่เราใส่ในเครื่องมือตัวนี้จะเป็นรูปที่เราอัพโหลดขึ้นไว้ใน exteen ค่ะ

เมื่อเราคลิกที่ปุ่มนี้จะมีหน้าต่าง pop up ขึ้นมาหนึ่งหน้าต่างค่ะ

ส่วนแรก (1)
เป็นส่วนที่ใช้แสดงรายชื่อของไฟล์ที่เราอัพโหลดไว้ค่ะ

ส่วนที่ 2 เป็นส่วนที่เราใช้เลือกไฟล์ที่เราต้องการอัพโหลดจากเครื่องค่ะ

ส่วนที่ 3 เป็นส่วนที่เราใช้สำหรับสร้างโฟลเดอร์ในที่เก็บไฟล์ของเราค่ะ

ส่วนที่ 4 เป็นส่วน preview รูปที่เราเลือกในส่วนที่ 1 ค่ะ

ถ้าเราต้องการเลือกรูปไหน
ก็คลิกที่รูปนั้นแล้วคลิกที่ปุ่ม Insert ค่ะ

มาที่ด้านล่าง ๒ ปุ่มสุดท้ายกันนะคะ

Publish ปุ่มนี้ก็ตามชื่อล่ะค่ะ ทำการพับบลิชเอนทรีของเราขึ้นไปบนบล๊อก

ส่วน Save as Draft ก็ทำการเก็บเอนทรีนี้ไว้ก่อน รอการแก้ไข
ถ้าเรากดปุ่มนี้ เอนทรีที่เราทำงานอยู่จะยังไม่โชว์บนบล๊อคค่ะ
แต่จะเซฟเก็บไว้รอให้เราแก้ไข้ให้สร็จสิ้นก่อน

สำหรับหน้า ก็มีรายละเอียดเพียงเท่านี้ล่ะค่ะ
เดี๋ยวตอนต่อไปเราจะมาตะลุยเรื่อง Preferences กันต่อนะคะ

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

เพียงแต่เปิดหน้า ค้างไว้
และเปิดหน้าเวบที่มีรูปที่เราต้องการใช้ไว้อีกหน้านึง

จากนั้น
คลิกเมาส์ค้างที่รูปที่เราต้องการจะใช้
แล้วลากข้ามหน้ามาปล่อยในช่องเขียนเอนทรี
วิธีนี้ก็ใช้ใส่รูปได้เช่นกันค่ะ




edit @ 2005/09/14 22:54:19
edit @ 2005/09/15 13:29:15




edit @ 2005/09/15 14:38:48

Comment

Comment:

Tweet


£ݳ뻯.
#1750 by http://www.zhongguohelanwang.com/ (123.180.226.95|123.180.226.95) At 2015-03-12 05:39,
#1749 by (212.123.20.88|148.251.92.48, 212.123.20.88) At 2014-07-01 05:40,
#1748 by (212.123.20.88|148.251.92.48, 212.123.20.88) At 2014-07-01 05:37,
#1747 by (12.234.194.19|148.251.91.38, 12.234.194.19) At 2014-06-17 14:17,
#1746 by (12.234.194.19|148.251.91.38, 12.234.194.19) At 2014-06-17 14:15,
#1745 by (107.161.82.81|107.161.82.81) At 2014-05-20 14:39,
#1744 by (63.234.204.34|127.0.0.1, 63.234.204.34) At 2014-04-28 20:50,
OgEF1C <a href="http://kljddchxdrfq.com/">kljddchxdrfq</a>, kvtpjgoayikn, [link=http://nybiubiaqxxd.com/]nybiubiaqxxd[/link], http://okncgfeennhd.com/
#1743 by VxgWGDwoOu (103.7.57.18|85.232.128.70) At 2013-03-24 11:20,
JXtQaC <a href="http://throhoufyicy.com/">throhoufyicy</a>, [url=http://lahmncqpodxs.com/]lahmncqpodxs[/url], [link=http://sbdmzzlufpdw.com/]sbdmzzlufpdw[/link], http://onxeseilfgdb.com/
#1742 by ishgyfbps (61.196.230.8) At 2010-10-19 23:00,