เทคโนโลยีสารสนเทศมีการพัฒนาทุกวัน และสิ่งที่ดูเหมือนจะเป็นสิ่งที่ไม่สามารถบรรลุได้ก่อนหน้านี้ วันนี้มีให้ทุกคนในท้องถนนพร้อมแล้ว และไม่จำเป็นเลยที่จะต้องมีความสามารถและความรู้เหนือธรรมชาติในการสร้างเว็บไซต์ของคุณเอง และถ้าเราแค่พูดถึงการเพิ่มเมนูในแหล่งข้อมูลของคุณ แม้แต่เด็กนักเรียนก็สามารถจัดการได้
มันจำเป็น
คอมพิวเตอร์ที่เชื่อมต่ออินเทอร์เน็ต
คำแนะนำ
ขั้นตอนที่ 1
ไปที่เว็บไซต์ PureCSSMenu ที่นี่คุณจะเห็นโปรแกรมแก้ไขภาพที่คุณสามารถสร้างเมนูสำหรับไซต์ใด ๆ ได้อย่างรวดเร็วและง่ายดาย
ขั้นตอนที่ 2
หากต้องการไปยังหน้าที่วางเทมเพลตเมนู ให้คลิกปุ่ม "เทมเพลต" ซึ่งอยู่ทางด้านซ้าย จากนั้นคุณต้องเลือกเทมเพลตที่คุณชอบและคลิกที่มัน ในหน้าต่าง "แสดงตัวอย่าง" คุณจะเห็นเมนูที่ใช้งานได้จริง ซึ่งสร้างขึ้นโดยใช้สไตล์ชีตแบบเรียงซ้อน
ขั้นตอนที่ 3
เรียกดูเทมเพลตที่แนะนำแต่ละรายการเพื่อเลือกเทมเพลตที่เหมาะสมกับไซต์ของคุณมากที่สุด หากสีและแบบอักษรที่คุณชอบตามสไตล์ของเมนูไม่เข้ากับชุดสีของเว็บไซต์ คุณสามารถเปลี่ยนพารามิเตอร์เหล่านี้ได้โดยคลิกที่แท็บ "พารามิเตอร์"
ขั้นตอนที่ 4
เปลี่ยนสีและแบบอักษรโดยใช้โค้ด HTML หรือเลือกจากจานสีที่ทรัพยากรเสนอโดยคลิกที่เฉดสีที่คุณต้องการ
ขั้นตอนที่ 5
ตอนนี้สร้างโครงสร้างเมนูสำหรับเว็บไซต์ของคุณ ในการดำเนินการนี้ ให้คลิกปุ่ม "รายการ" ในแท็บที่เปิดขึ้น คุณจะเห็นปุ่มที่มีเครื่องหมายบวกขนาดใหญ่และคำว่า "เพิ่มรายการ" คลิกที่ปุ่มนี้และรายการใหม่จะถูกเพิ่มที่ส่วนท้ายของเมนู หากต้องการแทรกรายการใหม่ตรงกลางเมนู ให้เลือกแท็บที่ต้องการเพิ่ม จากนั้นคลิกปุ่ม "เพิ่มรายการถัดไป"
ขั้นตอนที่ 6
หากต้องการเพิ่มรายการย่อยในเมนูแบบเลื่อนลง ให้กดปุ่ม "เพิ่มรายการย่อย" หลังจากเลือกรายการเมนูที่จะมีแท็บใหม่ หากคุณต้องการลบรายการใด ๆ ให้เลือกและคลิกปุ่ม "ลบรายการ"
ขั้นตอนที่ 7
ในพื้นที่ "พารามิเตอร์รายการ" จำเป็นต้องกรอกข้อมูลในฟิลด์ทั้งหมดเพื่อให้เมนูใหม่ทำงานได้อย่างถูกต้อง ในช่อง "ข้อความ" ให้ป้อนชื่อของรายการเมนู ในช่อง "ลิงก์" ให้ป้อนที่อยู่ของหน้าที่การเปลี่ยนแปลงจะเกิดขึ้นหลังจากคลิกปุ่มนี้ ในการเลือกวิธีการเปิดหน้า ในฟิลด์ "เป้าหมาย" ให้ตั้งค่า "_self" หรือ "_blank" ด้วยตัวเลือกแรก หน้าจะเปิดขึ้นในหน้าต่างเดียวกัน โดยเลือกฟังก์ชัน "_blank" - ในหน้าต่างใหม่
ขั้นตอนที่ 8
ตอนนี้คุณต้องวางรหัสของเมนูที่สร้างขึ้นในเว็บไซต์ของคุณ ในการดำเนินการนี้ ให้คลิกที่ปุ่ม "ดาวน์โหลด" ซึ่งอยู่ที่มุมล่างขวาและเลือกโฟลเดอร์บนคอมพิวเตอร์ของคุณที่จะบันทึกไฟล์เก็บถาวร purecssmenu-com.zip หลังจากบันทึกไฟล์แล้ว ให้แตกไฟล์เก็บถาวรนี้และเปิดไฟล์ purecssmenu.html ซึ่งมีรหัสเมนูของคุณ คัดลอกโค้ดนี้แล้ววางลงในไฟล์เทมเพลตเว็บไซต์ของคุณ