เว็บไซต์จำลองคือเว็บไซต์ที่มีข้อความ รูปภาพ เมนู และเนื้อหาจำลอง ซึ่งคุณสามารถปรับปรุงสำหรับเว็บไซต์จริงของคุณได้ ช่วยให้คุณวางแผนเลย์เอาต์ของเว็บไซต์ของคุณและนำกลับมาใช้ใหม่ได้ คุณสามารถสร้างเว็บไซต์หรือเทมเพลตจำลองง่ายๆ โดยใช้เว็บแบบ WYSIWYG (สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) แก้ไขถ้าคุณไม่คุ้นเคยกับ HTML หรือสร้างการออกแบบที่ซับซ้อนมากขึ้นตั้งแต่เริ่มต้นโดยใช้รูปภาพ บรรณาธิการ
ขั้นตอนที่ 1
ออนไลน์ไปที่ http://www.kompozer.net/download.php และดาวน์โหลดสำเนาของ Kompozer
วิดีโอประจำวันนี้
ขั้นตอนที่ 2
เปิด Kompozer และเลือก "ไฟล์ใหม่" จากเมนู
ขั้นตอนที่ 3
เลือกตัวเลือกที่สองเพื่อสร้างเอกสารใหม่โดยยึดตามเอกสารที่มีอยู่ หรือเลือกตัวเลือกที่สามหากคุณต้องการเทมเพลตเปล่า ในการใช้ตัวเลือกที่สอง คุณจะต้องป้อนตำแหน่งเว็บของเทมเพลตที่คุณต้องการใช้ ซึ่งเป็นตัวเลือกที่มีประโยชน์หากคุณไม่คุ้นเคยกับการออกแบบเว็บ
ขั้นตอนที่ 4
คลิกที่ "สร้าง" และคลิกที่โหมด "แท็ก HTML" "แหล่งที่มา" หรือ "ดูตัวอย่าง" เพื่อทำงานกับเนื้อหา แทนที่เนื้อหาที่มีอยู่ด้วยเนื้อหาสำหรับเว็บไซต์จำลองของคุณ
ขั้นตอนที่ 5
เพิ่มลิงก์ไปยังหน้าจำลองอื่นๆ ภายในหน้าของคุณโดยพิมพ์ลิงก์ข้อความแล้วคลิกขวาที่หน้านั้น เลือก "คุณสมบัติลิงก์" ในกล่องโต้ตอบ "คุณสมบัติลิงก์" ให้ป้อนตำแหน่งหน้าเว็บ ไฟล์ หรือที่อยู่อีเมล
ขั้นตอนที่ 6
ทำเครื่องหมายที่ช่อง "ลิงก์จะถูกเปิด" ในส่วนเป้าหมายเพื่อระบุว่าควรเปิดลิงก์อย่างไรและคลิก "ตกลง"
ขั้นตอนที่ 7
แทนที่รูปภาพโดยคลิกขวาที่รูปภาพที่มีอยู่แล้วเลือก "คุณสมบัติรูปภาพและลิงก์"
ขั้นตอนที่ 8
เลือกแท็บ "ตำแหน่ง" ในกล่องโต้ตอบ "คุณสมบัติของรูปภาพ" และไปที่โฟลเดอร์รูปภาพและไฟล์ที่คุณ ต้องการใช้โดยคลิกที่ไอคอนโฟลเดอร์ทางด้านขวาของ "ตำแหน่งรูปภาพ" เลือก "เปิด" เมื่อคุณอยู่ เสร็จ. เพิ่มข้อความอื่นหรือคำแนะนำเครื่องมือให้กับรูปภาพแล้วคลิก "ตกลง"
ขั้นตอนที่ 9
เปลี่ยนแบบอักษรและการจัดรูปแบบโดยเน้นข้อความบนหน้าของคุณ และเลือกรูปแบบที่คุณต้องการใช้จากเมนู สำหรับคุณสมบัติเพิ่มเติม ให้เลือก "รูปแบบ" และตัวเลือกที่เกี่ยวข้อง
ขั้นตอนที่ 10
บันทึกหน้าเว็บจำลองและหน้าภายในใดๆ ทีละหน้าโดยเลือก "ไฟล์ บันทึกเป็น" จากเมนู ในกล่องโต้ตอบ "บันทึกหน้าเป็น" ให้ไปที่โฟลเดอร์ที่คุณต้องการวางไฟล์จำลอง
ขั้นตอนที่ 11
ตั้งชื่อโฮมเพจ "index.html" ระบุชื่อไฟล์อธิบายเว็บไซต์จำลอง เช่น "about.html" และ "contact.html" คลิกที่ "บันทึก" ยินดีด้วย! คุณเพิ่งสร้างเว็บไซต์จำลอง