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

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

การใส่เสียงเพลงประกอบเว็บเพจ หรือไฟล์ Audio ให้กับเว็บ (HTML5)

เรื่อง : วิธีการใส่เสียงเพลง (Audio) ประกอบหน้าเว็บด้วยโปรแกรม Dreamweaver CC บางครั้งเราอาจจะมีความต้องการดึงดูดผู้ที่เข้...

วิธีการสร้างตาราง (Table) ให้แก่เว็บเพจ

เรื่อง : การสร้างตาราง (Table) ด้วย Dreamweaver การสร้างตาราง หรือ Table สำคัญ และมีความจำเป็นอย่างมากในการสร้างเว็บเพ...

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

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

การสร้างจุด Link (Text Link)

การสร้าง Link ในแบบ Text Link Link หรือ ลิงค์ เป็นจุดเชื่อมโยงที่ปรากฎบนหน้าเว็บ เพื่อให้ผู้ใช้งานเว็บสามารถคลิกหรือกด...