About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

การทำ Refresh/Redirect ให้ Web Browser ด้วย Dreamweaver [Article ID : 10]


เรื่อง : สั่งให้ Web Browser ทำการ Refersh หรือ Redirect ตัวเอง

ใบบางครั้งเรามีความจำเป็นต้องทำการ Refresh หน้าเว็บเพจ ทั้งนี้การสั่งให้รีเฟรชอาจจะเพื่อการประมวลผลโปรแกรมเพื่อให้มีการ Update หรืออื่นๆ หรือบางกรณี อาจจะต้องการสร้างเป็น Web Page ขึ้นมา เพื่อให้ผู้เข้าชมเว็บรอสัก 5 วินาที แล้วค่อยส่งหน้าเว็บเพจข้อมูลมาให้ผู้เยี่ยมชมเว็บอ่าน เป็นต้น ซึ่งหากต้องการสั่ง Web Browser ในลักษณะดังกล่าว เราสามารถใช้โปรแกรม Dreamweaver สร้างได้ ดังนี้

วิธีสร้างเว็บเพจให้มีการกำหนดเวลารีเฟรชตัวเอง

ในตอนแรกเรามาดูการทำให้ Web Browser มีการรีเฟรชอัตโนมัติกันก่อน สามารถทำได้โดย สร้างเว็บเพจขึ้นมากับโปรแกรม Dreamweaver หรือเปิดไฟล์เว็บเพจที่ต้องการให้มีการกำหนดค่าการรีเฟรชขึ้นมาก็ได้ครับ จากนั้นกระทำตามขั้นตอน
*Dreamweaver CC อ่านด้านล่างประกอบ

1. ที่หน้าต่าง Insert Panel ให้เลือกที่ Common จากนั้นเลือกที่ไอคอน Head (Insert -> Common->Head)
2. เมื่อเลือกที่ไอคอน Head ดังข้อ 1 แล้ว จะพบรายการที่ชื่อว่า Refresh ให้เลือกที่รายการนี้ ดังรูป 3. โปรแกรมจะทำการเปิดหน้าต่าง Refresh ให้กำหนดค่า ดังรูป Delay : 5 seconds*ตัวเลขเวลาเพื่อทำการหน่วงเวลา เช่น เลข 5 หมายความว่า จะมีการ Refresh ทุก ๆ 5 วินาที
Action : Refresh this document *สั่งให้รีเฟรชอยู่ที่หน้าเว็บปัจจุบัน

4. เมื่อกำหนดค่าเสร็จสิ้นแล้วคลิก OK จากนั้นทำการกดปุ่ม F12 เพื่อดูผลกับ Web Browser

วิธีสร้างเว็บเพจให้มีการ Redirect ไปเว็บเพจอื่น หรือเว็บไซต์อื่น

การ Redirect คือ การเปลี่ยนเส้นทาง ในที่นี้คือการเปลี่ยนจากเว็บเพจหนึ่ง ส่งไปสู่เว็บเพจหรือเว็บไซต์นึง ซึ่งจากขั้นตอนข้างต้น หากเราต้องการทำ Redirect ไปยังเว็บเพจ หรือเว็บไซต์อื่น ก็กระทำได้โดย

5. ที่หน้าต่าง Refresh ที่โปรแกรมเปิดขึ้นมาให้กำหนดค่า ที่ Action ให้เราเลือกที่ Option ที่ชื่อว่า Go to URL ดังรูป จากรูปข้างต้น ที่ Go to URL ทำการพิมพ์เว็บ http://dwthai.com ลงไป หมายความว่า เมื่อครบเวลา 5 วินาทีในการแสดงเว็บเพจนี้ Web Browser จะทำการส่งไปที่เว็บไซต์ DwThai.Com
*หากเป็นการ Redirect ในเว็บไซต์เดียวกัน คุณสามารถกดที่ปุ่ม Browse... เพื่อเลือกไฟล์ที่ต้องการ Redirect ไปได้

สำหรับ Dreamweaver เวอร์ชั่น CC

ขั้นตอนข้างต้น เป็นขั้นตอนหรือหน้จอโปรแกรมของผู้ที่ใช้ Dreamweaver เวอร์ชั่น CS6 ลงมา (CS6, CS5, CS4, CS3) หากท่านใดใช้ Dreamweaver CC ให้ปฏิบัติตามขั้นตอน ดังนี้

1. ที่หน้าต่าง Insert -> Common -> Head ให้เลือกที่ Meta ดังรูป 2. โปรแกรมเปิดหน้าต่าง Meta ขึ้นมา ให้ทำการกำหนดค่า ดังรูป Attribute : http-equivalent
Value : refresh *กำหนดให้รีเฟรช
Content : 5 *ตัวเลขเวลาเพื่อทำการหน่วงเวลา หน่วยเป็นวินาที (seconds)

3. เมื่อกำหนดค่าเสร็จสิ้นแล้วคลิก OK จากนั้นทำการกดปุ่ม F12 เพื่อดูผลกับ Web Browser
เป็นอันเสร็จสิ้น...อย่างไรฝากไว้นิดเมื่อเราใช้ Dreamweaver พัฒนาเว็บ อย่าลืม View ดูโค้ด HTML ที่ได้กันบ้างครับ จะได้มีความเข้าใจมากยิ่งขึ้น..ลองนำไปประยุกติ์ใช้กันดู...สวัสดีครับ
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



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

การจัดเรียงข้อมูลในตาราง (Sort Table) ด้วย Dreamweaver

เรื่อง : การจัดเรียงข้อมูลในตารางด้วย Dreamweaver (Sort Data on Table) บางครั้งการจัดทำข้อมูลในเว็บเพจของเรา อาจจะเคยต้...  

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

เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 1 บทความนี้มีด้วยกัน 3 ตอนครับ จะเป็นบทความที่ว่าด้วยเรื...  

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

หลังจากที่เราได้ทำการสร้าง Database และ Table ไปแล้วจากตอนที่ 1 ที่ผ่านมา ขั้นตอนต่อไปก็คือ เราต้องทำการสร้างตัว MySql Connection ใ...  

วิธีการทำรูปพื้นหลัง (Background Image) ของเว็บเพจไม่ให้กระทำซ้ำ

เรื่อง : การทำรูปภาพ Background ไม่ให้กระทำซ้ำ (Background No Repeat) บางครั้งของการออกแบบ Web Page เราต้องการใส่รูปภาพเป...  


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

*
*
*