เพิ่มรูปภาพหรือไฟล์รูปภาพลงในหน้า SharePoint

เพิ่มรูปภาพลงในไซต์ SharePoint ๒๐๑๖, ๒๐๑๓หรือ๒๐๑๐

1. ไปที่หน้าที่คุณต้องการเพิ่มรูปภาพ

2. เลือกแท็บหน้า จากนั้นบน ribbon ให้คลิกแก้ไข

3. คลิกภายในพื้นที่ที่สามารถแก้ไขได้บนหน้า

4. เลือกแท็บแทรกและในกลุ่มสื่อบน Ribbon ให้คลิกรูปภาพ

   

5. คุณจะเห็นตัวเลือกต่อไปนี้:

การเพิ่มลิงก์เว็บลงในรูปภาพ

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

1. นำทางไปยังหน้าที่มีรูปภาพที่คุณต้องการเพิ่มไฮเปอร์ลิงก์

2. คลิกแท็บหน้าแล้วคลิกแก้ไข

3. คลิกและเลือกรูปถ่ายหรือรูปภาพที่คุณต้องการลิงก์ไปยัง

4. บน ribbon ให้คลิกแทรกแล้วคลิกลิงก์

   

5. ในกล่องโต้ตอบเพิ่มไฮเปอร์ลิงก์ให้พิมพ์ที่อยู่เว็บไซต์หรือสื่ออื่นๆที่คุณต้องการลิงก์ไปยังเว็บเพจ คุณสามารถทดสอบลิงก์ได้โดยการคลิกลองใช้

   

6. คลิก ตกลง

ลบรูปภาพออกจากหน้า

1. จากหน้า ใน Ribbon ให้คลิกแท็บ หน้า แล้วคลิกคำสั่ง แก้ไข

   

   หมายเหตุ: ถ้าคำสั่งแก้ไขถูกปิดใช้งานคุณอาจไม่มีสิทธิ์ในการแก้ไขหน้า

2. เลือกรูปภาพที่คุณต้องการลบแล้วกดปุ่ม Delete แป้นบนคีย์บอร์ดของคุณ

ด้านบนของหน้า

เพิ่มรูปภาพลงใน SharePoint หน้า๒๐๐๗

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

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

เมื่อคุณสร้างหน้าใหม่ถ้าคุณต้องการให้หน้ามีรูปภาพคุณสามารถสร้างหน้าได้โดยใช้เค้าโครงหน้ากระดาษที่มีตัวควบคุมเขตข้อมูลรูปหน้า

เค้าโครงหน้ากระดาษที่มีตัวควบคุมเขตข้อมูลรูปหน้า

เค้าโครงหน้าต่อไปนี้ที่รวมอยู่ใน Microsoft Office SharePoint Server 2007 มีตัวควบคุมเขตข้อมูลรูปหน้า:

• หน้าบทความที่มีรูปภาพทางด้านซ้าย

• หน้าบทความที่มีรูปภาพอยู่ด้านขวา

• หน้าแรกของอินทราเน็ต

• หน้ายินดีต้อนรับที่มีการเชื่อมโยงสรุป

• หน้ายินดีต้อนรับที่มีสารบัญ

• ยินดีต้อนรับหน้าสแปลช

ไซต์ของคุณอาจมีเค้าโครงหน้าเพิ่มเติมที่มีตัวควบคุมเขตข้อมูลรูปหน้า

ด้านบนของหน้า

เค้าโครงหน้ากระดาษที่มีตัวควบคุมเขตข้อมูลเนื้อหาของหน้า

เค้าโครงหน้าต่อไปนี้ที่รวมอยู่ใน Office SharePoint Server 2007 มีตัวควบคุมเขตข้อมูลเนื้อหาของหน้า:

• หน้าแรกของอินทราเน็ต

• หน้ายินดีต้อนรับที่มีการเชื่อมโยงสรุป

• หน้ายินดีต้อนรับที่มีสารบัญ

ไซต์ของคุณอาจมีเค้าโครงหน้าเพิ่มเติมที่มีตัวควบคุมเขตข้อมูลเนื้อหาของหน้า

ด้านบนของหน้า

เพิ่มรูปภาพโดยใช้ตัวควบคุมเขตข้อมูลรูปหน้า

1. เรียกดูหน้าที่คุณต้องการเพิ่มรูปภาพแล้วคลิกแก้ไขหน้าบนแถบเครื่องมือการแก้ไขหน้า

   หมายเหตุ: ถ้าคุณไม่เห็นแถบเครื่องมือการแก้ไขหน้าบนเมนูการกระทำในไซต์ให้คลิกแสดงแถบเครื่องมือการแก้ไขหน้า

2. ในตัวควบคุมเขตข้อมูลรูปหน้าให้คลิกแก้ไขรูปภาพ กล่องโต้ตอบแก้ไขคุณสมบัติของรูปหน้าเว็บจะเปิดขึ้น

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

4. คลิกรูปภาพที่คุณต้องการใช้แล้วคลิกตกลง ไลบรารีรูปภาพจะปิดและที่อยู่ของรูปภาพที่คุณเลือกในตอนนี้จะปรากฏในกล่องรูปที่เลือก

5. คุณสามารถเลือกตั้งค่าคุณสมบัติรูปภาพที่เหลือ:

   • ข้อความแสดงแทน      พิมพ์ข้อความที่อธิบายรูปภาพสั้นๆ ข้อความนี้จะแสดงแทนที่จะเป็นรูปภาพถ้าเบราว์เซอร์ของตัวแสดงหน้าไม่แสดงรูปภาพ นอกจากนี้ข้อความแสดงแทนยังอ่านโดยโปรแกรมอ่านหน้าจอ

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

     ในส่วนเค้าโครงคุณสามารถตั้งค่าคุณสมบัติเหล่านี้ได้:

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

   • ความหนาของเส้นขอบ      คุณสามารถตั้งเส้นขอบให้กับรูปภาพได้โดยการระบุความหนาของเส้นขอบ วัดความหนาของเส้นขอบเป็นพิกเซล

   • ระยะห่างแนวนอน      คุณสามารถเพิ่มระยะห่างบนทั้งสองด้านของรูปได้โดยการระบุค่าเป็นพิกเซลสำหรับขนาดของช่องว่าง

   • ระยะห่างแนวตั้ง      คุณสามารถเพิ่มระยะห่างด้านบนและด้านล่างของรูปได้โดยการระบุค่าเป็นพิกเซลสำหรับขนาดของช่องว่าง

     ในส่วนขนาดคุณสามารถตั้งค่าคุณสมบัติเหล่านี้ได้:

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

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

   • ความกว้าง (พิกเซล)      ถ้าคุณเลือกระบุขนาดคุณใช้ความกว้าง (พิกเซล)เพื่อระบุความกว้างของรูปภาพเป็นพิกเซล

   • ความสูง (พิกเซล)      ถ้าคุณเลือกระบุขนาดคุณใช้ความสูง (พิกเซล)เพื่อระบุความสูงของรูปภาพเป็นพิกเซล

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

ด้านบนของหน้า

เพิ่มรูปภาพลงในตัวควบคุมเขตข้อมูลเนื้อหาของหน้าโดยใช้ตัวแก้ไข HTML

1. เรียกดูหน้าที่คุณต้องการเพิ่มรูปภาพแล้วคลิกแก้ไขหน้าบนแถบเครื่องมือการแก้ไขหน้า

   หมายเหตุ: ถ้าคุณไม่เห็นแถบเครื่องมือการแก้ไขหน้าบนเมนูการกระทำในไซต์ให้คลิกแสดงแถบเครื่องมือการแก้ไขหน้า

2. ในตัวควบคุมเขตข้อมูลของหน้าให้คลิกแก้ไขเนื้อหาเพื่อเริ่มตัวแก้ไข HTML ตัวแก้ไข HTML อาจปรากฏแบบอินไลน์หรืออาจปรากฏในกล่องโต้ตอบเว็บเพจในหน้าต่างใหม่

3. วางเคอร์เซอร์ในตัวควบคุมเขตข้อมูลของหน้าในตำแหน่งที่คุณต้องการเพิ่มรูป

4. บนแถบเครื่องมือตัวแก้ไข HTML ให้คลิกปุ่มแทรกรูปภาพ แถบเครื่องมือ

   แป้นพิมพ์ลัดเมื่อต้องการแทรกรูปภาพให้กด CTRL + SHIFT + G

   กล่องโต้ตอบแก้ไขคุณสมบัติของรูปหน้าเว็บจะเปิดขึ้น

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

6. คลิกรูปภาพที่คุณต้องการใช้แล้วคลิกตกลง ไลบรารีรูปภาพจะปิดและที่อยู่ของรูปภาพที่คุณเลือกในตอนนี้จะปรากฏในกล่องรูปที่เลือก

7. คุณสามารถเลือกตั้งค่าคุณสมบัติรูปภาพที่เหลือ:

   • ข้อความแสดงแทน      พิมพ์ข้อความที่อธิบายรูปภาพสั้นๆ ข้อความนี้จะแสดงแทนที่จะเป็นรูปภาพถ้าเบราว์เซอร์ของตัวแสดงหน้าไม่แสดงรูปภาพ นอกจากนี้ข้อความแสดงแทนยังอ่านโดยโปรแกรมอ่านหน้าจอ

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

     ในส่วนเค้าโครงคุณสามารถตั้งค่าคุณสมบัติเหล่านี้ได้:

   • จัด      คุณสามารถเปลี่ยนตำแหน่งของรูปภาพภายในตัวควบคุมเขตข้อมูลได้ด้วยการเลือกจากรายการการจัดแนว

   • ความหนาของเส้นขอบ      คุณสามารถตั้งเส้นขอบให้กับรูปภาพได้โดยการระบุความหนาของเส้นขอบ วัดความหนาของเส้นขอบเป็นพิกเซล

   • ระยะห่างแนวนอน      คุณสามารถเพิ่มระยะห่างบนทั้งสองด้านของรูปได้โดยการระบุค่าเป็นพิกเซลสำหรับขนาดของช่องว่าง

   • ระยะห่างแนวตั้ง      คุณสามารถเพิ่มระยะห่างด้านบนและด้านล่างของรูปได้โดยการระบุค่าเป็นพิกเซลสำหรับขนาดของช่องว่าง

     ในส่วนขนาดคุณสามารถตั้งค่าคุณสมบัติเหล่านี้ได้:

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

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

   • ความกว้าง (พิกเซล)      ถ้าคุณเลือกระบุขนาดคุณใช้ความกว้าง (พิกเซล)เพื่อระบุความกว้างของรูปภาพเป็นพิกเซล

   • ความสูง (พิกเซล)      ถ้าคุณเลือกระบุขนาดคุณใช้ความสูง (พิกเซล)เพื่อระบุความสูงของรูปภาพเป็นพิกเซล

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

     หมายเหตุ: 

     • ถ้าหน้าที่คุณต้องการเพิ่มรูปภาพเป็น หน้าของ Web Part คุณสามารถเพิ่มรูปภาพได้โดยใช้ Web Part สำหรับรูป สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการใช้ Web Part สำหรับรูปให้ดูที่Web part สำหรับรูปบทความ

     • ถ้ารูปภาพที่คุณต้องการเพิ่มลงในหน้าไม่พร้อมใช้งานในไลบรารีรูปคุณสามารถเพิ่มได้ถ้าคุณมีสิทธิ์ในการสนับสนุน สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มไฟล์รูปภาพลงในไลบรารีให้ดูบทความเพิ่มไฟล์อย่างน้อยหนึ่งไฟล์ลงในไลบรารี

ด้านบนของหน้า