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

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

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

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

การสร้างจุด Link ด้วยรูปภาพ (Image Link)

เรื่อง : การสร้าง Link ในแบบ Image Link ในบทความก่อนได้แนะนำการสร้างลิงค์ด้วยข้อความกันไปแล้ว มาในบทความนี้ จะมาแนะนำการ...

การรวมเซลของตาราง หรือการ Merges Cells

เรื่อง : การรวมเซลของตาราง (Merges Cells) บางครั้งเมื่อเราสร้างตาราง (Table) ขึ้นมาซึ่งประกอบด้วยเซล (Cell) หลาย ๆ เซล ...

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

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