ใส่มุมให้กับตารางง่ายๆโดยใช้ Dream


หน้าแรก Dreamweaver CS5 ใส่มุมให้กับตารางง่ายๆโดยใช้ Dream
เห็นบอร์นี้โล่งๆ จังเลย ก็เลยเอาเทคนิคดีดีมาฝาก สำหรับท่านที่ต้องการสร้างเว็บและการใช้งานตารางในดรีมครับ
เพื่อเป็นการตกแต่งให้มันสวยงามก็เลยใส่มุมให้มันดูดีซะเลย ง่ายๆ ไม่กี่ขั้นตอน


อย่างแรกเราก็ต้องสร้างรูปภาพของมุมขึ้นมาซะก่อน โดยผมใช้ ps ทำนะครับ โดยเริ่มงานใหม่ ให้เลือกเป็น ขนาด10*10 px พื้นหลังแบบ โปร่งใส และก็ทำการสร้างมุมขึ้นมาตรงขอบของงานโดยอาจจใช้เครื่องมือ จำพวก losso tool วาดเอาก็ได้ ให้เป็นมุมตามรูป และก็เทสีขาวลงไป (ในกรณีที่พื้นเว็บจองเราเป็นสีขาว) ทำอย่างนี้ให้ได้สี่ด้านครับ คือ มุมบนที่หันไปทางซ้าย, ขวา และมุมล่าง กลับด้านกันนะ ที่หันไปทางด้าน ซ้าย, ขวาเช่นเดียวกัน เสร็จแล้วก็เซฟเป็น gif ครับจะได้ทั้งหมด 4 ภาพ 4 มุม


ต่อมาแราก็มาทำงานใน dream กันเลย ให้สร้างตารางโดยมีข้อกำหนดตามภาพครับ โดย rolls=3, columns=3 ขนาดตามต้องการเลย ที่เหลือให้เลือกเป็น 0 ให้หมด


เราก็จะได้ตารางตามมาก ใส่สีพื้นให้มีความแตกต่างกันหน่อย โดยผมเลือกสีแดง จากนั้นคลิกที่ช่องมุมที่1 ตามภาพกำหนดค่าใน property ตามภาพอีกนั้นแหละ ทำตามรูปไปนะครับจนครบ 4 ช่อง แล้วก็คลิกที่ปุ่ม images เพื่อเอาภาพที่เราสร้างเมื่อกี้มาใส่ทั้ง4ช่อง 4 มุม ก็จะได้ดังรูปข้างล่างครับ


จริงๆ เรื่องนี้ก็ไม่ใช่เรื่องใหม่แต่อย่างใดครับ แต่อยากให้ท่านที่ไม่ทราบลองศึกษากันดู และอยากให้มีติดเว็บไว้ครับ ;D



ขึ้นไปด้านบน