Home » , , , , , , , » การสร้างตาราง
วันอังคารที่ 22 กรกฎาคม พ.ศ. 2557
undefined

การสร้างตาราง

การสร้างตาราง

บทความนี้เราจะมาเริ่มต้นสร้างตารางให้กับเว็บเพจกันค่ะ ซึ่งเป็นบทความ Basic อีกบทความหนึ่ง ใครที่เริ่มต้นใช้งานโปรแกรม Deamweaver ก็เข้ามาดูกันได้ค่ะ

ขั้นตอนที่ 1 ให้เราเปิดโปรแกรม Dreamweaver ขึ้นมาก่อนค่ะ จากนั้นเรามาเริ่มสร้างตารางให้เว็บเพจของเรากันเลยค่ะ โดยคลิกที่รูปตาราง ตามภาพที่ 1 ค่ะ



ขั้นตอนที่ 2 จะปรากฏไดอะล็อกบีอก Insert Table ขึ้นมา ซึ่งในส่วนนี้จะเป็นส่วนกำหนดรายละเอียดของตารางที่เราต้องการจะสร้าง อันดับแรกก็คือกำหนดขนาดของตาราง โดยตามตัวอย่างจะขอสร้างตารางขนาด 3 แถว 3 คอลัมน์ โดยให้มาขนาดความกว้างของตารางเท่ากับ 300 pixels และกำหนดขอบของตารางให้เป็นแบบไม่มีขอบ

เมื่อกำหนดได้ตามต้องการแล้วคลิกที่ปุ่ม OK



และแล้วเราก็จะได้ตารางขนาด 3 แถว 3 คอลัมน์ และกว้าง 300 pixels หากเรา Save ไฟล์แล้วดูผลลัพธ์ ก็จะไม่เห็นอะไรใด ๆ ทั้งสิ้น เพราะเรากำหนดให้เป็นแบบไม่มีขอบ



โดยส่วนใหญ่แล้วเราจะกำหนดให้เป็นแบบไม่มีขอบ ในกรณีที่ใช้สำหรับจัดตำแหน่งของข้อความเนื้อหาซะเป็นส่วนใหญ่ และหากเราต้องการแบบให้แสดงผลด้วย เราก็จะต้องปรับแต่งรายละเอียดให้กับตารางด้วย ไม่ว่าจะเป็นการใส่เส้นขอบ การใส่สีขอบตาราง การใส่สีให้พื้นของตาราง และรวมไปถึงการใส่ภาพให้กับพื้นของตาราง 

สำหรับรายละเอียดตามข้างต้น ขอยกยอดไปบทความถัดไปนะค่ะ ใครอยากรู้รายละเอียดการปรับแต่ตารางก็ตามกันมาดูได้ค่ะ

0 ความคิดเห็น:

แสดงความคิดเห็น

Popular Posts