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

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

การติดตั้ง Extension (How to install extension)

เรื่อง : การติดตั้ง Extension ให้กับโปรแกรม Dreamweaver Dreamweaver Extension คือ โปรแกรมช่วยเสริมและขยา...

การปรับแต่งแก้ไขรูปภาพด้วย Dreamweaver

เรื่อง : การตบแต่งแก้ไขรูปภาพด้วยโปรแกรม Dreamweaver Dreamweaver มี Option ที่จะทำให้เราสามารถทำการแก้...

การ Insert คลิป Video มาแสดงบนเว็บเพจ (HTML5)

เรื่อง : การ Insert คลิปวีดีโอมาใช้งานกับเว็บเพจด้วย Dreamweaver CC สอบถามกันเข้ามาว่า..."ต้...

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

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