About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

%E0%B8%8B%E0%B9%88%E0%B8%AD%E0%B8%99 URL %E0%B8%9A%E0%B8%99 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



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

การทำ Refresh/Redirect ให้ Web Browser ด้วย Dreamweaver

เรื่อง : สั่งให้ Web Browser ทำการ Refersh หรือ Redirect ตัวเอง ใบบางครั้งเรามีความจำเป็นต้องทำการ Refresh ...  

เปิดหน้าต่าง Code เพื่อแก้ไขโค้ดได้อย่างรวดเร็ว

เรื่อง : เปิดหน้าต่างเพื่อแก้ไข Source Code เว็บเพจ (Code Inspector) ทุกครั้งที่ผู้ใช้งานโปรแกรม Dreamweaver ...  

สร้างโปรแกรมอ่าน RSS ด้วย Dreamweaver ตอนที่ 2

เรื่อง : สร้างโปรแกรมอ่าน RSS/XML ด้วย Dreamweaver ตอนที่ 2 หลังจากในตอนที่ 1 ของบทความได้แนะนำกล่าวถึงการกำหนดค่าต่าง ๆ เพ...  

การ Export ข้อมูลจากตารางในเว็บเพจด้วย Dreamweaver

เรื่อง : การ Export ข้อมูลจากตาราง (Export Table) ในคราวก่อนมีแฟนเว็บ DwThai.Com ส่งเรื่องของการนำเอาข้อมูลภายนอกเข้ามาใช้ง...  


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

*
*
*