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

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

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

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

การกำหนด Properties หรือคุณสมบัติของตาราง

เรื่อง : การกำหนดคุณสมบัติ หรือ Properties ให้แก่ตาราง (Table) ในบทก่อนได้กล่าวถึงการสร้างตารางไปแล้ว และได้อธิบายถึงกา...

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

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

สร้างจุด Link ภายในเว็บเพจเดียวกัน (Named Anchor)

เรื่อง : การสร้างจุด Link ภายในเว็บเพจเดียวกันด้วย Dreamweaver Web Page เราสามารถกำหนดจุด หรือตำแห...