About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

ซ่อน URL บน Address Bar [Article ID : 54]


เรื่อง :: ซ่อน URL บน Address Bar

มีผู้สอบมามากมายว่าจะทำอย่างไรให้ URL บน Address Bar คงที่อยู่ตลอดเวลา โดยไม่เปลี่ยนแปลงไปตามชื่อไฟล์หรืออื่น ๆ ที่ได้ทำการ Link ไป วิธีการหนึ่งก็คือการใช้ Frame ครอบเพจนั้น ๆ ไว้ แล้วให้เรากำหนด Link ไปในแบบ Self ห้ามกำหนดเป็น _blank หรือ อื่น ๆ ที่จะมีผลให้ Browser เปิดขึ้นมาใหม่เมื่อ Link ออกไป บทความนี้จะเป็นการนำโปรแกรม Dreamweaver มาประยุกติ์ใช้ในเรื่องของ Frame ที่ผมได้กล่าวไป

:: วิธีการสร้าง ::

เทคนิคการซ่อน URL นั้นหลักการ คือ จะใช้เรื่องของเฟรมเป็นส่วนที่ครอบเว็บเพจที่ต้องการให้แสดงผล ดังนี้

1. ทำการ NEW File ขึ้นมา ดังรูป
เมื่อเราทำการ New... ขึ้นมาแล้วจะปรากฏหน้าต่างให้เราทำการเลือกชนิดของไฟล์ที่จะทำการสร้างขึ้นมาใหม่ ดังรูป ตรงนี้ให้เราทำการเลือกไปที่ Framesets ดังรูป
2. เลือกที่รูปแบบเฟรมเป็น Fixed Top

3. จากนั้นโปรแกรมจะทำการสร้างไฟล์เริ่มต้นให้เราในแบบที่เราต้องการ จากนั้น ให้เราทำการเปิดหน้าต่างในการกำหนดค่า Properties ของ Frames ออกมา โดยเข้าไปที่ Main Menu -> Window ->Other -> Frames ดังรูป
4. เมื่อ Click ไปที่เมนูดังกล่าวแล้ว เราจะได้หน้าต่างนี้ขึ้นมา
ที่หน้าต่างนี้ ให้เราทำการ Click ไปที่ เส้นกรอบหนา ๆ ที่ล้อมรอบเฟรมไว้ เมื่อคลิ๊กแล้วจะปรากฏเส้นสีดำทึบรอบกรอบนั้น ดังรูป

5. จากนั้นให้เราทำการมาที่หน้าต่าง Properties ของ Frame Set แล้วทำตามขั้นตอนดังนี้

5.1 เลือกไปที่พื้นที่เฟรมด้านบน (TOP) ดังรูป (click ตรงที่มีรูปเมาท์) จากให้กำหนดค่า ดังนี้
- Row = 0
- Units = Percent


5.2 เลือกไปที่พื้นที่เฟรมด้านล่าง ดังรูป (click ตรงที่มีรูปเมาท์) จากให้กำหนดค่า ดังนี้
- Row =100
- Units = Percent

6. จากนั้นก็เป็นขั้นตอนการใช้งาน Frames โดยปรกติครับ คือ การกำหนดไฟล์ที่จะมาเป็น Content ในเฟรมที่เราต้องการ
:: Trick ::

มีข้อควรระวังคือ ถ้าเราต้องการซ่อน URL ทั้งหมด เราไม่ควรกำหนด Target ของ Link เป็น _blank หรืออื่น ๆ ที่จะทำให้ผู้ชมสามารถเปิดหน้า Browser ได้ใหม่จาก Link นั้น
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

วิธีการออกแบบเว็บในแบบ Responsive ด้วย Dreamweaver ตอนที่ 2

เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 2 ต่อจากตอนที่ 1 ที่เราได้ทำการ Create ไฟล์สำหรับการเริ่...  

การสร้าง MySQL Connection กับ Dreamweaver

เรื่อง : การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 2 หลังจากที่เราได้ทำการเกริ่นนำสำหรับการเตรียมพร้อม...  

สร้างปุ่มกดให้กลายเป็น Link (Button Link with Dreamweaver)

เรื่อง : การทำปุ่มกดให้เป็นลิงค์เพื่อกดไปหน้าอื่นด้วย Dreamweaver โดยปรกติถ้าต้องการสร้าง Link บนหน้าเว็บเพจ เราต้อ...  

สุ่มแสดงสี Background ของเว็บเพจ

เรื่อง : สุ่มแสดงสี Background ของเว็บเพจ สี Background หรือสีของพื้นหลังของเว็บเพจ เราสามารถกำหนดได้จากหน้าต่าง Page Pro...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*