การแทรกรูปลงเว็บ

หนึ่งภาพเท่ากับ 1,000 คำ ยังคงใช้ได้อยู่ครับ เว็บของเราจะน่าสนใจนอกจากเนื้อหาคำพูด รูปภาพก็สำคัญไม่น้อยไปเลย เนื้อหานี้จะเน้นเฉพาะการใส่รูปลงในหน้าเว็บของเพื่อนๆ ทำตามเลยนะครับ หลังจากเลือกที่เมนู write และ post เพื่อโพสเนื้อหาใหม่ ตั้งชื่อหน้าเสร็จแล้ว ให้ลองดูที่กล่องเครื่องมือแถบบนสุด ตรงรูปสี่เหลี่ยมกรอบขาว คลิกเลยครับ แต่ก่อนคลิกให้คลิกในส่วนใส่เนื้อหาเสียก่อน เดี๋ยวแทรกไม่ได้ครับ

อันดับแรกเลย เราต้องเอาเมาส์ไปคลิกบนพื้นที่ของเนื้อหา คลิกไปบนตำแหน่งที่ต้องการจะแทรกรูปก่อนนะครับ

หลังจากคลิก”Add an Image”แล้ว จะมีหน้าต่างเครื่องมือเด้งออกมาดังรูป

เราสามารถเลือกไฟล์ได้ทั้งจากเครื่องคอมพ์ของคุณ หรือ จากที่อยู่บนอินเตอร์เน็ต ตามภาพ ในกรณีนี้เราจะเลือกรูปจากในเครื่อง

คลิกเลือกรูปที่เราต้องการแทรก

เมื่อเราเลือกรูปแล้ว เราสามารถแก้ไขรายละเอียดของภาพได้ ในกรอบสีเหลืองจะโชว์รูปตัวอย่าง ชื่อไฟล์ วันที่เราแทรกรูป ส่วนด้านล่างเราสามารถแก้ไขก่อนแทรบลงเว็บได้ ชื่อเรื่อง หัวข้อ รายละเอียด คำอธิบายสั้นๆ ของภาพ ลิงค์ URL ถ้าไม่มีก็ข้ามไปข้อ 5 เลยครับ เราสามารถเลือกรูปแบบการแทรกรูป ลองคลิกดูนะครับ ขนาดของภาพ เมื่อเสร็จเรียบร้อยแล้วก็คลิกปุ่มนี้ได้เลย

คลิกที่นี่เพื่อดูวีดีโอ วิธีการ Add An Image

Post Sample

1. เลือก write แล้วเลือก post พิมพ์ชื่อเรื่องที่คุณต้องการ

หมายเหตุ การแทรกรูปในเนื้อหา ดูที่ สารบัญครับ

การตกแต่งรูปด้วย PhotoScape

PhotoScape เป็นโปรแกรมที่ใครหลายๆคนพอรู้จักกันมาบ้างแล้วว่าใช้ ปรับปรุง ตกแต่งรูปภาพให้สวย ดูน่าสนใจก่อนทำการแทรกในเนื้อหาเว็บไซค์ ใช้ง่าย ไม่ยุ่งยาก

สำหรับบางคนที่ยังไม่เคยใช้โปรแกรมนี้ สามารถดาวน์โหลดได้ฟรีที่นี่เลยค่ะhttp://www.photoscape.org/ps/main/download.php

คลิกที่นี่เพื่อดูวีดีโอ วิธีการ Download Program PhotoScapte

เมื่อทำการ Install แล้วลองเข้าโปรแกรมกันเลยนะคะ

ในเบื้องต้นจะแนะนำเมนูที่สำคัญ 2 ตัวก่อนนะคะนั่นคือ Editor และ Page
(เมนูอื่นเป็นตัวเสริมให้ภาพของเรามีลูกเล่นที่น่าสนใจยิ่งขึ้นค่ะ) 

ลองคลิกที่ Icon เมนู Editor กันเลยค่ะ

1. เลือกโฟลเดอร์รูป
2. พื้นที่การทำงาน
3. Preview รูปในโฟลเดอร์ที่เราเลือก
4. เมนูจัดการรูปภาพของเรา

เปิดภาพที่เราต้องการจากเมนูด้านซ้าย

1. คลิกไปที่รูปที่เราต้องการครั้งเดียว รูปก็จะโชว์ที่พื้นที่การทำงาน
2. รูปที่ตะแคงอยู่นั้นเราสามารถคลิกปุ่มลูกศรให้รูปหมุนกลับมาในมุมที่ถูกต้อง

มาดูกันก่อนว่าเมนูจัดการรูปภาพในTab Home ที่อยู่ด้านล่างของภาพนั้น ไว้ทำอะไรบ้าง 

1. ทำรูปให้เป็นซีเปีย
2. ทำรูปให้เป็นสีเทา
3. ทำรูปให้เป็นสีขาวดำ
4. ทำรูปให้เป็นสีเหมือนฟิล์ม
5. เลือกกรอปให้รูปภาพ
6. ใส่ขอบโค้งมน
7. ใส่ขอบรูปในแบบต่างๆ
8. ใส่ขอบเส้นประให้รูปภาพ
9. ย่อรูปภาพ
10. ปรับความสว่างของภาพ
11. ปรับสีและแสงแบบ Auto
12. ปรับความชัด
13. เพิ่มลูกเล่นต่างๆ
14. ทำให้ภาพเป็นสีฟุ้งๆ
15. ปรับภาพมืดให้สว่างขึ้น

การย่อ-ขยายรูป เมนู Resize (ปุ่ม 9) เมื่อเราคลิกที่ปุ่มจะ เด้งขึ้นมาอีกหน้าดังรูป

1. ขนาดรูปต้นฉบับ
2. ใส่ขนาดที่ต้องการช่องเดียว อีกช่องนึงจะปรับให้อัตโนมัติ เมื่อได้ขนาดที่ต้องการแล้ว คลิก OK

รูปนี้ใส่กรอบแบบ Curl Border 04 ตามกรอบแดงซ้ายมือ เราสามารถตกแต่งรูปได้ตามพอใจ และหากทำผิดหรือไม่ชอบเราสามารถย้อนกลับไปโดยการคลิกปุ่ม Undo ตามกรอบแดงขวามือ และถ้าต้องการยกเลิกทั้งหมดก็กดปุ่ม Undo All ได้

และใน Tab เมนูคำสั่งถัดไปนั้นคือ Tab Object ในส่วนนี้เอาไว้เพิ่มเติม ตัวการ์ตูน รูปภาพ ข้อความ รูปสี่เหลี่ยม สามเหลี่ยม เส้นต่างๆ

1. ในกรอบสีแดง คลิกที่ Icon เพื่อวาดภาพ เช่น เส้นตรง กรอบสี่เหลี่ยม วงกลม ฯลฯ
2. และเมื่อเราคลิกวาดภาพจาก Icon ในกรอบสีแดง เมนูในส่วนของกรอบสีน้ำเงินจะ Active สามารถเปลี่ยนสีเส้น ขนาด แบบเส้น หรือเปลี่ยนจากเส้นตรงเป็นหัวลูกศรในแบบต่าง ๆ ได้

มาดูที่ปุ่มแรก ที่เป็นรูปวิว เมื่อคลิกเข้าไปแล้วจะเด้งอีกหน้าต่างขึ้นมา เราสามารถเลือกรูปที่ต้องการโดยการ Double Click เท่านั้นรูปก็จะเข้ามาในพื้นที่ทำงานและเราสามารถเลื่อนตำแหน่ง ย่อ-ขยาย ได้

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

1. พิมพ์ข้อความที่ต้องการ
2. เลือกแบบตัวอักษร ขนาด และสี ตัวหนา เอียง ขีดเส้นใต้ ฯลฯ (เมนูคล้าย ๆ กับโปรแกรม Word ทั่วไป)
3. เลือกแบบของบอลลูนข้อความ
4. การหมุนบอลลูนข้อความ กลับด้าน ตะแคงซ้าย-ขวา ลองคลิกเล่นดูนะคะ
5. และเมื่อได้กรอบ ข้อความ สีตัวอักษรตามต้องการแล้ว คลิก OK

และนี่คือภาพตัวอย่างที่ออกมาเรียบร้อยแล้ว ลองทำดูนะคะ เรารู้ว่า คุณสามารถทำได้สวยกว่านี้ แหะๆ

มาถึง Tab ต่อไป นั่นคือเมนู Crop ใน Tab นี้จะมีเครื่องมือเอาไว้สำหรับ ตัดรูปให้เหลือขนาดที่เราต้องการ มีขนาดให้เลือกว่าจะเอาขนาดไหนกดดูได้ แต่ถ้าเราไม่ Fix ขนาด เราก็เลือกไว้ที่ Crop freely ตามที่เห็นในกรอบสีแดง

พอเลือก Crop freely แล้วก็ลากเมาส์ที่รูปตามขนาดที่ต้องการได้เลย เสร็จแล้วกด ปุ่ม Crop เราก็จะได้รูปที่ต้องการ

1. เมื่อเอาเมาส์มาลากที่รูปจนได้ขนาดที่ต้องการแล้ว ก็คลิกที่ปุ่ม Crop
2. กรณีที่เมื่อเราลากเมาส์ที่รูปแล้วยังได้ขนาดที่ไม่พอดี เราสามารถเลื่อนเมาส์ไปที่ รูปสี่เหลี่ยมเล็กๆ ของมุมไหนก็ได้ คลิกแล้วสามารถ ย่อ-ขยาย ขนาดที่เราต้องการ Crop และเมื่อได้ขนาดที่ต้องการก็คลิกปุ่ม OK

เราสามารถ Crop รูปให้เป็นวงกลมได้ด้วยการติ๊กที่ช่อง Crop roundly และเลือกสีขอบได้อีกด้วย ตามกรอบสีแดงล่างซ้าย

ต่อไปก็ไปดูที่ Tab สุดท้าย Region ค่ะ

1. Red Eye คลิกปุ่มนี้แล้วลากเป็นสี่เหลี่ยมเล็ก ๆ ที่รูป บริเวณตาที่เป็นสีแดงเพื่อเอาสีแดงออกไป
2. Mole คลิกปุ่มนี้แล้วลากเป็นสี่เหลี่ยมเล็ก ๆ ที่รูป เพื่อให้บริเวณนั้นเนียน
3. Mosaic คลิกปุ่มนี้แล้วลากเป็นสี่เหลี่ยมเล็ก ๆ ที่รูป จะทำให้บริเวณนั้นเบลอ มี 2 แบบลองเล่นดูนะคะ

เมื่อเรา ทำรูปเสร็จหมดแล้ว เราก็ Save รูป โดยกดปุ่ม Save ขวามือด้านล่างสุด
ก็จะมีหน้าต่างใหม่เด้งขึ้นมา ซึ่งมี 3 แบบ ให้เราเลือก save กันดังนี้ค่ะ

1. เมื่อคลิกปุ่ม Save ด้านล่างขวาของหน้าพื้นที่ทำงานของเรา และหน้าต่าง Save จะเด้งขึ้นมา
2. Save คลิกปุ่มนี้เพื่อ Save ทับรูปต้นฉบับเดิม
3. Save in designated folder คลิกปุ่มนี้เพื่อ Save แบบเลือกโฟลเดอร์เอาไว้ สะดวกสำหรับทำรูปกลุ่มเดียวกัน
4. Save As คลิกปุ่มนี้เพื่อ Save เป็น File ใหม่ และเลือกที่เก็บรูปตามปรกติที่คุ้นเคยกันดี  ที่แนะนำคงเป็น Save As  (กันพลาด)

พอกด Save As ก็จะมีให้เลือกโฟลเดอร์ที่ต้องการจัดเก็บ และให้เราเลือกคุณภาพของรูป

1. ปรับขนาดคุณภาพของภาพ
2. ขนาดของภาพ
3. เมื่อเรียบร้อยแล้วก็ คลิก OK

ตอนนี้เรายังอยู่ในหน้าของ Editor และเราจะเข้าไปดูกันในหน้า Page บ้าง

1. Editor คือหน้าที่เราอยู่ในขณะนี้
2. Page นี่คือหัวข้อถัดไป คลิกเข้าไปได้เลยค่ะ
3. PhotoScape ส่วนปุ่มนี้ถ้าเราคลิกจะกลับไปหน้าแรกของโปรแกรม

Page นั้นเราไว้สำหรับภาพที่มีหลาย ๆ กรอบค่ะ

1. เมื่อเข้ามาหน้า Page แล้ว เลือกกรอบกันก่อนเลยค่ะ มีให้เลือกเยอะมาก แล้วแต่ว่าต้องการแบบไหน
2. เลือก Folder ที่เก็บรูปที่เราต้องการ
3. Preview รูปใน Folder ที่เราเลือกไว้ เราสามารถลากรูปจากช่องนี้ไปใส่ในกรอบได้เลย
4. หรือคลิกที่กรอบในพื้นที่ทำงานนี้ก็ได้ จะมีหน้าต่าง Preview เด้งขึ้นมา เลือกแล้ว Double Click ได้เหมือนกัน

เมื่อนำรูปมาลงในกรอบแล้ว เราสามารถ ย่อ-ขยายรูปได้โดย คลิกรูปการ์ตูน ในวงกลมสีแดง และคลิกเลือกเป็นเปอร์เซ็นต์ แบบในกรอบน้ำตาล

เราสามารถคลิกปุ่ม Frame เพื่อใส่กรอบให้ภาพของเราได้ แต่กรอบนั้นจะกินภาพไปบางส่วน แล้วแต่ความชอบกันเลยนะคะ

ปรับแต่งรูปเสร็จแล้วก็คลิก Save ได้เลย แต่ถ้ารูปยังไม่แจ่ม ก็คลิก Edit เพื่อทำการตกแต่งเพิ่มเติมค่ะ

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

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

ส่วนผู้บริหาร(Administrator)

ในที่นี้เพื่อนๆ สามารถบริหารเว็บของตัวเองโดยใช้ username & password ที่ทางเราแจ้งให้ทราบทางอีเมล์ โดย log in ที่ http://yourdomainname/wp-admin

ต้วอย่างเช่น เว็บไซต์ชื่อ name.com ให้พิมพ์ดังนี้ http://name.com/wp-admin

จะขึ้นหน้าจอแบบนี้ เพื่อนๆก็ใส่ username กับ password ได้เลย เพียงเท่านี้เพื่อนๆก็จะได้ทำเว็บไซต์แล้วละ