วิธีเพิ่มรูปภาพในเว็บไซต์ของคุณ

สารบัญ:

วิธีเพิ่มรูปภาพในเว็บไซต์ของคุณ
วิธีเพิ่มรูปภาพในเว็บไซต์ของคุณ

วีดีโอ: วิธีเพิ่มรูปภาพในเว็บไซต์ของคุณ

วีดีโอ: วิธีเพิ่มรูปภาพในเว็บไซต์ของคุณ
วีดีโอ: ภาษา HTML การแทรกรูปภาพในเว็บไซต์ 2024, อาจ
Anonim

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

วิธีเพิ่มรูปภาพในเว็บไซต์ของคุณ
วิธีเพิ่มรูปภาพในเว็บไซต์ของคุณ

คำแนะนำ

ขั้นตอนที่ 1

โหลดภาพลงในโปรแกรมในรูปแบบใดก็ได้ที่คุณต้องการเห็นบนหน้าเว็บไซต์ของคุณ ในเมนู "มุมมอง" ให้คลิกที่รายการ "โฟลเดอร์" จากนั้นค้นหาไฟล์ tour2.htm ในโฟลเดอร์และไฟล์ต่างๆ ในเว็บไซต์ของคุณ

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

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