ส่วนบนของไซต์ ซึ่งเรียกอีกอย่างว่าส่วนหัว มักจะสะท้อนถึงหัวข้อของทรัพยากรและอาจมีแถบนำทาง หากส่วนหัวของไซต์มีความกว้าง บนหน้าจอของผู้ใช้ที่มีความละเอียดต่างกัน ส่วนนี้ของไซต์จะดูแตกต่างออกไป เพื่อให้ส่วนหัวของไซต์ดูเหมือนกันบนทุกหน้าจอ จำเป็นต้องทำให้บางส่วนของส่วนนั้นยืดหรือหดตัวขึ้นอยู่กับขนาดของหน้าจอ ฝายางดังกล่าวสามารถทำได้โดยไม่ต้องกำหนดความกว้างเป็นพิกเซล
จำเป็น
มีเว็บไซต์เป็นของตัวเอง
คำแนะนำ
ขั้นตอนที่ 1
ในการทำฝายาง ขั้นแรกให้วาดใน Photoshop จากนั้นแยกภาพ 3 ส่วน คือ 2 ด้านและตรงกลาง ชิ้นเหล่านี้ควรมีความกว้างประมาณ 10-20 พิกเซลและความสูงของส่วนหัวที่คุณต้องการ บันทึกแต่ละองค์ประกอบเพื่อให้คุณมีไฟล์ที่แตกต่างกัน 3 ไฟล์: 1.gif, 2.gif, 3
ขั้นตอนที่ 2
ถัดไป สร้างตารางที่จะเก็บองค์ประกอบที่ด้านบนของไซต์ เมื่อต้องการทำสิ่งนี้ ให้เขียนโค้ด HTML:
ตารางที่มีความกว้าง 100% จะยืดหรือหดขึ้นอยู่กับขนาดหน้าจอของผู้ใช้
ขั้นตอนที่ 3
สร้างบรรทัดในตาราง ในเซลล์ที่วางด้านซ้ายของส่วนหัวของไซต์ 1.gif:
ขั้นตอนที่ 4
สร้างส่วนตรงกลางของส่วนหัวของไซต์ที่ประกอบด้วยรูปภาพ 2
.header {ภาพพื้นหลัง: url ('images / 2.gif');}
ขั้นตอนที่ 5
ตอนนี้ ในแถวของตาราง ให้สร้างอีกเซลล์หนึ่งและวางองค์ประกอบตรงกลางด้านบนของไซต์ลงไป โดยชี้ไปที่ส่วนหัวของชื่อในโค้ด CSS:
ชื่อเว็บไซต์> ขั้นตอนที่ 6เมื่อสร้างเซลล์ที่สามในแถวของตารางแล้ว ให้วางทางด้านขวาของส่วนหัวของไซต์ 3
|