Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Webmaster Tip หลักการสร้างกรอบข้อความโดย ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 3077|ตอบ: 0
go

หลักการสร้างกรอบข้อความโดย Table

Rank: 9Rank: 9Rank: 9

โพสต์เมื่อ 6-8-2008 20:11 |แสดงโพสต์ทั้งหมด

ในการสร้างเวปนั้น Table เป็นส่วนสำหรับที่จะเป็นตัวกำหนดรูปแบบและโครงสร้างของเวป และทำให้เราสามารถสรรค์สร้างเวปได้ดั่งใจ ดังนั้นถ้าต้องการจะพัฒนาฝีมือในการทำเวปแล้วหละก็ควรจะศึกษาการใช้ Table ในลักษณะต่างๆให้เข้าใจ เช่นกันในวันนี้เราจะนำเสนอการซ้อน Table เพื่อให้เกิดกรอบข้อมูลขึ้นมาโดยให้เราสังเกตการกำหนดค่าต่างๆ ของ Table ให้ดีจุดนี้จะทำให้เราเข้าง่ายยิ่งขึ้น เอาหละเราลองศึกษาวิธีการทำกันเลย ขั้นตอนที่1. เริ่มจากการเปิดโปรแกรม Dreamweaver หรือโปรแกรมที่ใช้สำหรับทำเวปขึ้นมา จากนั้นให้ทำการใส่ Table โดยคลิ๊กที่รูปสัญญลักษณ์ หรือคำส่ง insert Table ขั้นตอนที่2. ทำการกำหนด Table โดยให้กำหนดระยะห่างภายในและภายนอกของ Table ที่ Cell Padding และ Cell Spacing ดังตัวอย่าง.

 

 

ขั้นตอนที่3. จากนั้นให้ทำการใส่สีลงใน Table เพื่อทำเป็นสีของกรอบข้อความโดยการให้ เคอเซอร์ อยู่ใน Table จากนั้นก็ทำการเลือกสีที่ Option ของ Table ดังภาพตัวอย่าง.

 

 

ขั้นตอนที่4. จากนั้นให้ทำการใส่ Table อีกอันหนึ่งซ้อน เข้าไปใน Table แรกโดยให้กำหนดค่าระยะห่าง Table ทั้งในและนอก ( Cell Padding และ Cell Spacing ) เป็น 0 แล้วทำการใส่สีเข้าไปใน Table แล้วพิมพ์ข้อความลงไป ใน Table จากนั้นก็ทำการแสดงผลใน Browser ก็จะได้ดั่งภาพ.

 

 
ขั้นตอนที่5. สรุปใจความสำคัญหรือจุดที่สำคัญที่สุดที่จะทำให้เกิดกรอบข้อความได้ คือการ กำหนด ระยะห่างทั้งภายในภายนอก( Cell Padding และ Cell Spacing ) ของ สอง Table ที่ซ้อนกันจะกำหนดจาก Table ไหนก็ได้ตรงจุดจะเกิดช่องไฟขึ้นมาทำให้เราเห็น Table ด้านใน จะให้บางหรือหนาขึ้นอยู่การกำหหนด Cell Padding และ Cell Spacing ของ แต่ละ Table จะสังเกตจากตัวตัวอย่างการกำหนด.
Note... หลักการนี้สามารถแสดงผลออกมาได้เหมือนกันทุก Browser คำเตือน... บทความนี้เป็นการถ่ายทอดมาจากประสบการณ์จากผู้ทำเอง โดยไม่มีการลอกเรียนแบบจากที่ใดเลย อนุญาตินำไปใช้เพื่อการศึกษาได้ และห้ามนำไปใช้ในทางการค้า เด็ดขาด โดยเราจะดำเนินตามกฏหมายอย่างถึงที่สุด

Thaigraph

GMT+7, 22-9-2019 17:59 , Processed in 0.046536 second(s), 19 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books