วิธีคัดลอกหน้าเว็บลงใน Dreamweaver (3 ขั้นตอน)

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

ขั้นตอนที่ 1

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

Mozilla Firefox: คลิกแท็บด้านบนของเบราว์เซอร์ที่ระบุว่า "ดู" จากรายการตัวเลือกแบบเลื่อนลง ให้คลิกตัวเลือกที่สองจากตัวเลือกสุดท้าย "ที่มาของหน้า" หน้าต่างอื่นจะปรากฏขึ้นพร้อมซอร์สโค้ด HTML ไปที่แท็บ "แก้ไข" เลือก "เลือกทั้งหมด" จากนั้นเลือก "คัดลอก" จากรายการดรอปดาวน์เดียวกัน

Internet Explorer: ค้นหาแท็บ "มุมมอง" ที่ด้านบนของเบราว์เซอร์ จากนั้นเลือก "แหล่งที่มา" ใกล้ด้านล่างของรายการ หน้าต่างแยกต่างหากจะปรากฏขึ้นเพื่อแสดงซอร์สโค้ด HTML ไปที่ "แก้ไข" เลือก "เลือกทั้งหมด" จากนั้นเลือก "คัดลอก" จากรายการดรอปดาวน์เดียวกัน

ขั้นตอนที่ 2

เปิด Adobe Dreamweaver ไปที่หน้า HTML เปล่า ตรวจสอบให้แน่ใจว่าหน้านั้นแสดงอยู่ใต้จอแสดงผล "รหัส" และไม่ได้อยู่ใต้หน้าจอ "ออกแบบ" คุณสามารถดูสามตัวเลือกการแสดงผลด้านบนหน้าว่าง: "โค้ด" "แยก" และ "การออกแบบ" คลิกตัวเลือก "รหัส" แล้วคุณจะเห็นโครงกระดูก HTML

เน้นทั้งหน้าและลบโครงร่าง HTML ไปที่ "แก้ไข" และเลือก "วาง" เพื่อวางซอร์สโค้ด HTML ลงใน Adobe Dreamweaver จากนั้นเลือกการแสดงผล "ออกแบบ" แล้วคุณจะเห็นการออกแบบเว็บไซต์ ขณะนี้คุณมีอิสระในการปรับแต่งซอร์สโค้ดหรือใช้เป็นเทมเพลตสำหรับโครงการเว็บไซต์ในอนาคต