Sponsored Ads

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

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

 

การระบายสีของตาราง ใน Dreamweaver CS3
การระบายสีให้ตารางสามารถทำได้ 2 แบบ คือระบายภายในตาราง และระบายให้กับเส้นตาราง
1. ชี้ที่ขอบตารางแล้วคลิกเพื่อเลือกตารางนั้นๆ ก่อน
2. คลิกปุ่ม Bg Color เลือกสีเพื่อระบายในช่องต่างๆ ทุกช่อง
3. คลิกปุ่ม Brdr Color เพื่อเลือกสีระบายให้กับเส้นตาราง
4. จากตัวอย่าง ภายในระบายสีเทาอ่อน ส่วนเส้นตารางระบายสีดำ

 

5. อาจเลือกระบายเพียงบางเซลล์หรือบางช่อง โดยคลิกช่องที่ต้องการ
6. คลิกปุ่ม Bg Color แล้วคลิกเลือกสีที่ต้องการ
7. ผลที่ได้ เฉพาะช่องที่ได้คลิกเลือก จะถูกระบายสี เช่น ส่วนหัวข้อ

กำหนดขนาดของเส้นตาราง ใน Dreamweaver CS3
เส้นตารางสามารถกำหนดขนาดของเส้นให้ใหญ่หรือเล็กได้
1. คลิกที่ขอบตาราง เพื่อเลือกตารางนั้นๆก่อน
2. คลิกในช่อง Border แล้วพิมพ์ขนาดลงไป เช่น
- 0 ไม่ต้องมีเส้นตาราง
- 1 กำหนดขนาดเท่ากับ 1
3. ถ้าต้องการระบายสีให้กับเส้นขอบให้คลิกเลือกสีที่ปุ่ม Brdr Color

 

ปรับ Cell Space และ Cell Pad ใน Dreamweaver CS3
1. คลิกเลือกตาราง
2. คลิกและพิมพ์ค่า Cell Pad เช่น 10 pixels
3. ผลที่ได้
4. ลองกำหนด Cell Space = 0 pixel
5. ผลงานที่ได้

 

แทรกภาพเข้ามาในตารางใน Dreamweaver CS3
จะเป็นการนำภาพเข้ามาวางในเซลล์ใดๆ ในตาราง
1. แทรกตารางเข้ามาก่อน Rows=5, Columns=1 แล้วคลิกเซลล์หรือช่องที่ต้องการวางภาพ
2. คลิกเมนู Insert>>Image แล้วคลิกเลือกภาพตามต้องการ
3. การจัดภาพในตาราง ให้คลิกด้านหลังภาพหรือคลิกที่ตัวภาพ
4. คลิกเลือกคำสั่งจัดภาพชิดซ้าย กลาง ขวา ในเครื่องมือ Properties

5. ชี้ลูกศรที่แถวที่ 2 แล้วคลิกปุ่มขวาของเมาส์
6. คลิกเลือกคำสั่ง Split Cell
7. กำหนดค่าดังตัวอย่าง แล้วคลิก OK

8. พิมพ์ข้อความ แทรกภาพเข้ามาในช่องหรือเซลล์ดังตัวอย่าง
9. จัดตำแหน่งไว้ตรงกลาง
10. พิมพ์ข้อความอื่นๆ ลงไป