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



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

สร้างโปรแกรม Guestbook ด้วย Dreamweaver + PHP + MySQL ตอนที่ 3

เมื่อเราได้ทำการกำหนดรูปแบบการแสดงผลของหน้าตา Guestbook ของเราแล้ว ต่อมาเราจะทำการเรียกข้อมูลจากฐานข้อมูลขึ้นมาแสดงกับหน้าตาแสดงผลท...  

การแก้ไขปัญหาการใช้งาน Layer กับ Flash File

เรื่อง : การแก้ไขปัญหาการใช้งาน Layer กับ Flash File หลายท่านอาจจะมีปัญหาเรื่องของ Layer หรือ PopUp-MENU ที่เมื่อนำเอาไปว...  

สร้างรูปภาพให้ผู้ชมเว็บสามารถจับเคลื่อนย้ายไปมาได้

เรือง :: สร้างรูปภาพให้ผู้ชมเว็บสามารถจับเคลื่อนย้ายไปมาได้ (Drag Layer by Dreamweaver)สำหรับบทความนี้เป็นบทความการป...  

เรียกใช้ External Stylesheet (CSS) ด้วยการ Drag & Drop

เรื่อง : เรียกใช้ไฟล์ CSS ด้วยการลากวาง โปรแกรม Dreamweaver มีความสามารถด้านการลากและวาง หรือ Drag...  


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

*
*
*