Sponsored Ads

การพัฒนาเว็บไซท์

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

 

การเลือกตารางใน Dreamweaver CS3


ก่อนจะจัดการกับตารางหรือเซลล์ใดๆ ก็ต้องรู้วิธีเลือกตารางก่อน
1. ชี้ลูกศรที่เส้นขอบตารางแล้วคลิกปุ่มซ้ายของเมาส์
2. ตารางที่ถูกเลือกจะปรากฏจุดโดยรอบ
3. คลิกที่ว่างๆ ให้จุดหายไป เป็นการยกเลิกการเลือกตาราง
4. การเลือกทั้งแถวก็ชี้ลูกศรที่ตำแหน่งหัวแถวดังตัวอย่าง แล้วคลิกปุ่มซ้ายของเมาส์เพื่อเลือก
5. การเลือกทั้งคอลัมน์ ก็คลิกที่หัวคอลัมน์ แล้วคลิกปุ่มซ้ายของเมาส์

 

 

6. การเลือกเซลล์หรือช่องใดๆ เพียงช่องเดียวก็คลิกที่ช่องหรือเซลล์นั้นๆ
7. การเลือกมากกว่า 1 ช่อง ให้คลิกช่องแรกก่อน
8. กดปุ่ม Shift ค้างไว้
9. คลิกช่องสุดท้าย แล้วปล่อยปุ่ม Shift
10. ถ้าช่องไม่ติดกัน ให้กดปุ่ม Ctrl ค้างไว้ ขณะคลิกเลือกเฉพาะช่องที่ต้องการ
11. เมื่อเลือกเสร็จแล้ว จึงปล่อยปุ่ม Shift หรือ Ctrl

เครื่องมือปรับแต่งคุณสมบัติตาราง ใน Dreamweaver CS3

ก่อนอื่นให้เลือกตารางก่อน โดยคลิกที่ขอบของตารางที่ต้องการ เพื่อแสดงกลุ่มคำสั่งสำหรับปรับ แต่งคุณสมบัติของตาราง
1. TableID ชื่อตาราง
2. Row จำนวนแถวในตาราง
3. Col จำนวนคอลัมน์ในตาราง
4. W ความกว้างของตาราง
5. H ความสูงของตาราง
6. CellPad ระยะห่างระหว่างข้อมูลในเซลล์กับเส้นขอบเซลล์
7. CellSpace ระยะห่างระหว่างเซลล์
8. Align การจัดตำแหน่งภาพหรือข้อความในตาราง เช่น ซ้าย กลาง ขวา ของหน้าจอ
9. Border ความหนาของขอบตาราง ปกติจะเป็น 0 ไม่แสดงเส้นขอบ
10. Bg Color สีของพื้นตาราง
11. Brdr Color สีเส้นขอบตาราง
12. Bg Image ตัวเลือกสำหรับใช้ไฟล์ภาพ มาสร้างเป็นพื้นหลังของตาราง
13. Clear Column Widths ลบตัวเลขระบุความกว้างของคอลัมน์
14. Clear Row Height ลบตัวเลขระบุค่าความกว้างของแถว
15. Convert Table Widths to Pixels เปลี่ยนหน่วยวัดความกว้างเป็นแบบ Pixels
16. Convert Table Widths to Percent เปลี่ยนหน่วยวัดความกว้างเป็นแบบเปอร์เซ็น

 

พิมพ์ข้อความในตารางใน Dreamweaver CS3

1. สร้างไฟล์ใหม่เช่น table.php แล้วดับเบิ้ลคลิกเปิดไฟล์ขึ้นมาแก้ไข
2. คลิกเมนู Modify>>Page Properties ไปกำหนดตัวหนังสือ
3. แทรกตารางเข้ามา
4. คลิกช่องใดๆ แล้วพิมพ์ข้อความลงไป การเลื่อนไปยังช่องใดๆ จะใช้การกดปุ่มลูกศรที่แป้นพิมพ์ หรือคลิกช่องที่ต้องการเลยก็ได้

 

จัดการกับข้อความในตารางใน Dreamweaver CS3

1. เลือกข้อความโดยสร้างเป็นแถบดำ
2. คลิกปุ่มจัดการกับข้อความ เช่น ปุ่มจัดตำแหน่ง เปลี่ยนสี ฯลฯ