เรื่อง :: ทำ window popup โฆษณา --- Tip & Trick Dreamweaver Program---Web design-----------

เรื่อง :: ทำ Window Popup โฆษณา

ใครหลายคนคงเคยเข้าไปตามเว็บต่าง ๆ ที่เป็นเว็บทางธุรกิจนะครับ และคงเคยเห็นว่ามันจะมีหน้าต่างเล็ก ๆ เปิดขึ้นมาพร้อมกับหน้า Home Page ด้วย ซึ่งหน้าต่างนั้นอาจจะไม่มีเมนู ไม่มี Status Bar ไม่มี Address ของ window ตามปรกติ ครั้งนี้เราจะมาลองสร้าง windon แบบนั้นกันกับโปรแกรม Dreamweaver

ขั้นตอนการทำ

1. ให้เราเปิดโปรแกรม Dreamweaver ขึ้นมา
2. จากนั้นให้ทำการ New File ขึ้นมาใหม่ หรือจะใช้เพจเดิมที่มีการออกแบบไว้แล้วก็ได้ครับ
3. จากนั้นไปที่ TAG Selector เพื่อเลือก TAG ไปที่ TAG ของ BODY ใครไม่รู้จัก TAG Selector ก็ขออธิบายว่า..มันก็คือ ๆ กันกับ Status ของ window ทั่วไปนะแหละครับ ดู Pic.1

Pic.1

ตรง <body> ถ้าเราเลือกแล้ว Tag นี้จะกลายเป็นตัวหนาขึ้นมาตรง Tag Selector นะครับ
4. เมื่อเลือก <body> แล้ว ให้เราไปที่ Main Menu แล้วให้เลือกไปที่ Window แล้วเลือกเมนูย่อยที่ชื่อว่า Behaviors นะครับ เมื่อเลือกแล้วจะปรากฏหน้าต่าง Behaviors ดังรูป Pic.2 ครับ (MainMenu ->Window ->Behaviors)

Pic.2
ให้สังเกตว่าตรง Title ของหน้าต่าง Behaviors จะต้องเป็นดังนี้นะครับ
Behaviors - <body> Actions
นะครับ ถ้าเขียนเป็นอื่นแสดงว่ายังไม่ได้ทำตามขั้นตอนเลือก Tag BODY นะครับ

5. เมื่อได้ดัง Pic.2 แล้วให้เรา Click เลือกที่เครื่องหมายบวก (+) ของหน้าต่างนี้ แล้วเลือกไปที่ Open Browser Window ดังรูป Pic.3 นะครับ

Pic.3
เมื่อท่านทำการเลือกที่เมนูนี้แล้วก็จะปรากฏหน้าต่างใหม่ขึ้นมา ดังในรูป Pic.4 ให้ท่านกำหนดค่าต่าง ๆ ลงไปที่หน้าต่างนี้ ดังนี้ >>>

URL to Display :: ให้ท่าทำการกรอก URL ของเว็บเพจที่ท่านจะทำการเปิดขึ้นมาพร้อมกับเว็บเพจนี้ หรือ กรณีอยู่ในไซต์เดียวกันให้ท่านทำการ Browse...หาไฟล์ที่ท่านต้องการได้เลย

Window Width & Window Height :: ให้ทำการกำหนดขนาดของหน้าต่าง window ที่จะเปิดขึ้นมา

Attributes :: ตรงนี้จะเป็นการกำหนดว่า ท่านต้องการให้หน้าต่างที่เปิดขึ้นมานั้น มีคุณสมบัติอะไรบ้าง ก็ให้เราเลือกติ๊กลงไป เช่นถ้าต้องการให้หน้าต่างที่เปิดขึ้นมามี Address Bar ก็ให้เราติ๊กเครื่องหมายถูกไปที่ Location Toolbar เป็นต้น

Window Name :: ให้เราทำการตั้งชื่อหน้าต่างที่จะเปิดขึ้นมา

Pic.4

เมื่อกำหนดค่าได้ดังที่ต้องการแล้วก็ Click ที่ OK ครับ

5. เมื่อ OK ไปแล้วก็กลับมาดูที่หน้าต่าง Behaviors อีกครั้นนะครับ เพื่อให้แน่ใจว่ากำหนดค่าถูกต้อง ให้เราดูว่าตรง Events ของ Open Window Browser นั้นเป็น OnLoad หรือไม่ ถ้าไม่ใช่ให้ท่านทำการเปลี่ยน Events เสียก่อนนะครับ ดูใน Pic.5 เป็นตัวอย่างนะครับ

Pic.5

6. ให้ท่านทำการ Preview ดูผลกับ Browser นะครับ..เป็นอันเสร็จการทำครับ.

ps. เราอาจะนำเอาวิธีการแแบบเดียวกันนี้ไปประยุกติ์ใช้กับเหตุการณ์อย่างอื่นได้ตามแต่จิตนาการของท่านนะครับ เช่นที่เว็บไซต์ผม ผมนำมาใช้ตรง Contact Us ของ MainMenu ของเว็บครับ โดยผมกำหนด Events เป็น OnClick กับ Object ของ Link ครับ..ลองนำไปประยุกติ์ดูนะครับ