วิธีสร้างหน้าต่างป๊อปอัปด้วย Dreamweaver หากคุณเคยต้องการที่จะรวมหน้าต่างป๊อปอัปเข้ากับเว็บไซต์ของคุณ เช่น สำหรับภาพขนาดย่อหรือการเข้าถึงได้ Dreamweaver ทำให้มันง่ายในการทำเช่นนั้น Dreamweaver ได้รวมสคริปต์อัตโนมัติไว้ด้วยเพื่อให้คุณเปลี่ยนตัวเลือกสองสามตัวและเพิ่มหน้าต่างป๊อปอัปลงในเว็บไซต์ของคุณได้เกือบจะโดยอัตโนมัติโดยไม่ต้องเขียนโค้ดอย่างหนัก ทำตามขั้นตอนเหล่านี้เพื่อเพิ่มหน้าต่างป๊อปอัปในเว็บไซต์ของคุณ
ขั้นตอนที่ 1
เริ่ม Dreamweaver เปิดเอกสารเปล่าใหม่โดยเลือก "HTML" ในหมวด "ใหม่" ในหน้าจอแนะนำ
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
พิมพ์คำว่า "ลิงก์" หรือข้อความอื่นๆ เพื่อให้คุณสามารถทดสอบหน้าต่างป๊อปอัปบนเอกสาร HTML เปล่าใหม่ของคุณ และเลือกเมื่อดำเนินการเสร็จ
ขั้นตอนที่ 3
เลือกเมนู "หน้าต่าง" จากนั้นเลือก "พฤติกรรม" เพื่อเปิดแผงพฤติกรรม
ขั้นตอนที่ 4
คลิกที่สัญลักษณ์ "+" จากนั้นเลือก "เปิดหน้าต่างเบราว์เซอร์" เพื่อดูคุณสมบัติป๊อปอัปของหน้าต่างเบราว์เซอร์ที่เปิดอยู่ ที่นี่ คุณสามารถตั้งค่าคุณสมบัติเฉพาะที่คุณต้องการนำไปใช้กับหน้าต่างป๊อปอัปของคุณ
ขั้นตอนที่ 5
ป้อน คัดลอก และวาง หรือเรียกดูเพื่อป้อน URL ที่คุณต้องการให้ผู้เยี่ยมชมถูกนำทางไปเมื่อเขาคลิกที่คำว่า "ลิงก์" ในเอกสารของคุณ
ขั้นตอนที่ 6
ระบุความกว้างและความสูงของป๊อปอัป รวมถึงแอตทริบิวต์ใดๆ ที่คุณต้องการให้ป๊อปอัปมี เช่น แถบเครื่องมือ แถบเมนู แถบสถานะ แถบเลื่อนหรือแฮนเดิลปรับขนาด แล้วคลิก "ตกลง"
ขั้นตอนที่ 7
เลือก "onClick" จากคอลัมน์เหตุการณ์ในแผงพฤติกรรมเพื่อตั้งค่าหน้าต่างป๊อปอัปให้เกิดขึ้นเมื่อคลิกคำว่า "ลิงก์"
เคล็ดลับ
ใช้แป้นพิมพ์ลัดของ Shift+F4 เพื่อเปิดแผงพฤติกรรมอย่างรวดเร็ว คุณต้องอยู่ในมุมมองแสดงตัวอย่างก่อนจึงจะสามารถทดสอบเพื่อดูว่าหน้าต่างป๊อปอัปทำงานอย่างถูกต้องหรือไม่
