รูปภาพที่เลือกอย่างถูกต้องจะแสดงลักษณะทิศทางของไซต์ในวิธีที่ดีที่สุด นอกจากนี้ คนส่วนใหญ่เป็นภาพโดยธรรมชาติ ซึ่งหมายความว่าภาพกราฟิกจะถูกจดจำได้ดีขึ้นมากสำหรับพวกเขา
คำแนะนำ
ขั้นตอนที่ 1
หากคุณเพิ่งสร้างไซต์โดยใช้เทมเพลตสำเร็จรูป คุณสามารถแทรกรูปภาพลงในส่วนหัวโดยใช้การแทนที่ง่ายๆ ในการทำเช่นนี้ การเลือกภาพที่เหมาะสมและบันทึกใหม่ภายใต้ชื่อภาพประกอบมาตรฐานก็เพียงพอแล้ว สิ่งสำคัญที่นี่คือการปรับขนาด มิฉะนั้น รูปภาพของคุณจะไม่พอดีกับพารามิเตอร์ของทรัพยากร คุณสามารถทำเช่นเดียวกันกับเว็บไซต์สำเร็จรูปที่มีระบบควบคุมและส่งแล่นผ่านอินเทอร์เน็ตแล้ว
ขั้นตอนที่ 2
จะดีกว่าถ้าใช้ Adobe Photoshop ในการแก้ไขภาพ โปรดทราบว่าเวอร์ชันของโปรแกรมสามารถเป็นภาษาอังกฤษได้ และเพื่อความสะดวกในการทำงาน คุณจะต้องมีการถอดรหัส สามารถดาวน์โหลดได้ฟรีบนอินเทอร์เน็ต
ขั้นตอนที่ 3
เปิดรูปภาพที่คุณต้องการแทนที่ในโปรแกรมแก้ไขกราฟิก แล้วเลือก "รูปภาพ" - "ขนาดรูปภาพ" จากเมนู จำหรือจดค่าเป็นพิกเซลดีกว่า คุณสามารถปิดรูปภาพ - คุณจะไม่ต้องการมันอีกต่อไป
ขั้นตอนที่ 4
ในเมนู "ไฟล์" เลือก "ใหม่" หลังจากนั้นแบบฟอร์มจะเปิดขึ้นต่อหน้าคุณ ป้อนค่าขนาดภาพที่บันทึกไว้แล้วคลิก "ตกลง" คุณยังสามารถตั้งค่าพารามิเตอร์อื่นๆ ได้ตลอดทาง เช่น ชื่อของเลเยอร์หรือประเภทของเนื้อหาพื้นหลัง แต่สิ่งเหล่านี้ไม่ใช่ปัจจัยพื้นฐาน
ขั้นตอนที่ 5
สร้างเลเยอร์ใหม่ ("เลเยอร์" - "ใหม่")
ขั้นตอนที่ 6
เปิดโปรแกรมรูปภาพที่คุณต้องการเห็นในส่วนหัวของไซต์ ("ไฟล์" - "เปิด")
ขั้นตอนที่ 7
บนแถบเครื่องมือ เลือกไอคอน "พื้นที่สี่เหลี่ยม" ใช้เพื่อเลือกรูปภาพ
ขั้นตอนที่ 8
ใช้คำสั่ง "คัดลอก" จากเมนู "แก้ไข" และวางรูปภาพบนเลเยอร์ใหม่ของรูปร่างที่เตรียมไว้ ("แก้ไข" - "วาง") เลือกเครื่องมือย้ายและย้ายรูปภาพตามต้องการ
ขั้นตอนที่ 9
หากขนาดของรูปภาพใหญ่ขึ้นหรือเล็กลง ก็สามารถแก้ไขได้โดยใช้คำสั่งจากเมนู "รูปภาพ" ไม่ว่าในกรณีใด พารามิเตอร์ของภาพหลักมักไม่ค่อยตรงกับค่าที่ต้องการ ดังนั้นจึงมักมีที่ว่าง ต้องกรอกข้อมูลและควรใช้ "พื้นหลัง" เพื่อเป็นการดีที่สุด ตัวอย่างเช่น คุณสามารถเติมสีเดียวหรือใช้เครื่องมือไล่โทนสี จากนั้นปรับการเปลี่ยนภาพให้ราบรื่นโดยใช้การหลบ / ทำให้มืดลง, นิ้ว, ฟองน้ำ และอื่นๆ
ขั้นตอนที่ 10
มีแท็กพิเศษสำหรับแทรกรูปภาพในภาษา htmlhtml
ด้วยคุณสมบัติต่างๆ:
• src - ที่อยู่รูปภาพ;
• ความสูง - ความสูงเป็น px;
• ความกว้าง - ความกว้างเป็น px;
• เส้นขอบ - เส้นขอบเป็น px;
• alt - คำอธิบายสำหรับรูปภาพ ซึ่งแสดงสำหรับผู้ใช้เมื่อปิดฟังก์ชันการรับภาพ
ตัวอย่างเช่น,. ไม่ต้องใช้แท็กย้อนกลับ