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



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

การสร้างโปรแกรมสำหรับการค้นหา (Search) ข้อมูลจาก Database

เรื่อง : การสร้างโปรแกรมสำหรับการค้นหา (Search) ข้อมูลจาก Database บทความนี้คงถูกอกถูกใจของใครหลายคนเป็นแน่ เ...  

การตั้งไซต์เพื่อใช้งานกับ Server Side Script

เรื่อง : การตั้งไซต์เพื่อใช้งานกับ Server Side Script (PHP/MySQL) การตั้งไซต์หรือการ New Sit...  

การลบ Tag/Code ของ HTML ที่ไม่จำเป็นออก (Clean up HTML)

เรื่อง: ลบ Tag/Code ของ HTML ที่ไม่จำเป็นออกจาก Source Code บางครั้งการสร้าง Web Page โดยใช้โปรแกรม Dreamweaver ตัวโปรแ...  

การตัดรูปภาพ (Slice) และนำรูปมาภาพมาประกอบโดยการใช้ตาราง (Table)

เรื่อง : การตัดรูปภาพ และนำรูปภาพมาประกอบโดยการใช้ตาราง (Slice Image with Table) สำหรับเรื่องนี้เป็นเรื่องที่มีผู้เขียนขอบ...  


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

*
*
*