About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

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

Go to Post-iT Sign Guestbook

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

การแทรกวัน-เวลาเพื่อแสดงบนเว็บเพจ (Insert Date) [Article ID : 111]

เรื่อง : การพิมพ์วันที่-เวลาเพื่อแสดงผลที่หน้าเว็บเพจ

หลายครั้งการสร้าง Web Page ขึ้นมา เราต้องการบันทึกวัน-เวลาลงไปแสดงผลกับหน้าเว็บเพจด้วย แต่ครั้นจะมานั่งพิมพ์บางทีก็ไม่สะดวกหรือเสียเวลาใช่ไหมครับ ?
...ในบทความนี้เลยมาแนะนำปุ่มสำหรับ Insert วันที่และเวลาเพื่อนำไปใช้กันครับ ลองทำตามนะครับ

วิธีการใส่วัน-เวลาลงสู่เว็บเพจด้วย Dreamweaver

ด้วยโปรแกรม Dreamweaver แล้วการแทรกหรือการใส่วัน-เวลาไม่ใช่เรื่องยากอะไรครับ มีขั้นตอน ดังนี้

1. นำ Cursor ไปวางไว้ยังตำแหน่งหน้าเว็บพจที่ต้องการให้แสดง วัน-เวลา

2. จากนั้นไปที่ Insert -> Common แล้วเลือกที่ Date ดังรูป

3. เมื่อเลือกดังข้อ 2 แล้ว โปรแกรมจะเปิดหน้าต่างขึ้นมาเพื่อให้เรากำหนดค่าต่าง ๆ ดังรูป

ที่หน้าต่าง Insert Date สามารถกำหนดค่า ดังนี้
- Day format : รูปแบบของวัน
- Date format: รูปแบบของวันที่
- Time format: รูปแบบของเวลา
- Update automatically on save : ต้องการให้มีการอัพเดทวัน-เวลา ทุกครั้งที่มีการ Save เว็บเพจนี้

4. เมื่อกำหนดค่าที่หน้าต่างในข้อ 3 ได้แล้วกดที่ OK เราก็จะได้รูปแบบวัน-เวลา ตามที่กำหนด ดังรูป

เป็นอันเสร็จสิ้นการแทรกวัน-เวลาให้กับเว็บเพจครับ อย่างไรก็ลองประยุกติ์ใช้งานกันดู...

About the Author

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

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

การ Insert ไฟล์ Flash อนิเมชั่นมาใช้งานกับเว็บ (SWF)

เรื่อง : การ Insert ไฟล์ Flash Animation มาใช้งานกับเว็บด้วย Dreamweaver Flash เป็นเทคโนโลยีที่ใช้จัดท...

การสร้าง Form และ Input สำหรับกรอกข้อมูล

เรื่อง : การสร้าง Form และ Input เพื่อให้ผู้ใช้เว็บกรอกข้อมูลโดยใช้ Dreamweaver Form หรือ ฟอร...

การตั้งไซต์งานใหม่ (New Site, Site Setup)

เรื่อง : เริ่มต้นใช้งานโปรแกรม Dreamweaver ต้องทำ Site Setup ก่อน ก่อนที่เราจะใช้งานโปรแกรม Dreamweaver...

การทำ Rollover Image (เปลี่ยนรูปภาพเมื่อ MouseOver)

เรื่อง : การทำ Rollover Image กับโปรแกรม Dreamweaver หลายท่านคงเคยพบหรือเคยใช้งานเทคนิคที่เราเรียกกันว่า Rollov...