Un title page
Thainextstep.com สอนทำเว็บไซต์ด้วย Dreamweaver Photoshop  PHP & MySql และ การทำ SEO  
Un title page
Thainextstep.com สอน HTML บทความ Dreamweaver สอน Photoshop บทความ PHP & MySql Web Tips SEO Guide
Un title page
สอน Dreamweaver
  ทำความรู้จัก Dreamweaver
  การสร้าง Site
  การกำหนดคุณสมบัติพื้นฐาน
  การสร้าง CSS Style
  การเรียกใช้งาน CSS Style
  การใส่สี Background
  การใส่ลิงค์ข้อความและรูป
  การสร้างตาราง
  การปรับแต่งตาราง
  การใส่คำอธิบายให้รูปภาพ
  การเพิ่มอักขระพิเศษ
  การทำภาพ Swap Image
 


  การสร้างตารางใน Dreamweaver
 

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

     
 

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

 
   
 
 
     

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

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

 
 
     

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

 
 
     

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

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

 

 
   
   
   
วันที่บทความ : 09 ก.พ. 2552              ที่มา : Webmaster

สอนทำเว็บไซต์   |   สอนภาษา HTML   |   สอน Dreamweaver   |   สอน Photoshop   |   สอนภาษา PHP & MySql   |   รวมทิป เทคนิคการทำเว็บไซต์   |   สอนการทำ SEO
:: Copyright © 2005 by Chatta design. All rights reserved. Do not duplicate or redistribute in any form.::