Recommended
More Related Content
What's hot
Similar to Cs6 ch05 การใส่ตาราง show
Similar to Cs6 ch05 การใส่ตาราง show (20)
More from Amnuay
More from Amnuay (20)
Cs6 ch05 การใส่ตาราง show
- 2. การสร้างตาราง แสดงการใส่ข้อความและภาพลงในช่องตารางแต่ละช่อง เพื่อนาเสนอบนหน้าเว็บ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 3. การสร้างตาราง วิธีที่ 1 เลือกเมนู Insert>Table วิธีที่ 2 เลือกเครื่องมือ Table ที่แท็บ Common หรือแท็บ Layout วิธีที่ 3 กดคีย์ <Ctri>+<Alt>+T ที่คีย์บอร์ด คลิกเพื่อสร้างตารางจากกลุ่มเครื่องมือ Common หรือกลุ่มเครื่องมือ Layout วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 4. ใส่ข้อมูลในตาราง 1. คลิกเมาส์ที่ช่องใด ช่องหนึ่งของตารางเพื่อ ใส่ข้อความ 2. พิมพ์ข้อความที่ต้องการลงไปในช่องตาราง และปรับแต่งข้อความตามต้องการ ดัง ตัวอย่าง แสดงข้อความส่วนหัวข้อของข้อมูล แสดงข้อความส่วนข้อมูล วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 5. ใส่รูปในตาราง 1. คลิกเมาส์ที่ช่องตารางที่จะใส่ภาพ 4. การใส่ภาพในช่องตารางอื่น ให้ทาวิธีการเดียวกับ ขั้นตอนที่ 1-2 ดังรูป 3. แสดงผลลัพธ์ที่เราใส่ภาพในช่องตาราง 2. ใช้เครื่องมือเข้าไปในไฟล์ภาพ คลิกปุ่ม OK วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 6. ใส่รูปในตาราง ใส่ชื่อของภาพ 5. เลือกปรับแต่งภาพเพิ่มเติมได้ใน Property Inspector แสดงตาแหน่งเก็บภาพ ใส่ข้อความกากับภาพ ปรับความกว้างของภาพ ใช้กาหนดการเชื่อมโยงภาพไปยัง ข้อมูลหรือเว็บไซต์อื่น ปรับความสูงของภาพ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 7. ปรับขนาดช่องตาราง เมื่อเราคลิกที่เส้นแนวนอนภายในตาราง ตัวชี้ เมาส์จะเปลี่ยนเป็นรูป เพื่อปรับขนาดตารางใน แนวนอนโดยการลากเมาส์ปรับขนาด เมื่อเราคลิกที่เส้นแนวตั้งภายในตาราง ตังชี้เมาส์จะ เปลี่ยนเป็นรูป เพื่อปรับขนาดตารางในแนวตั้ง โดยการ ลากเมาส์ปรับขนาด วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 8. การเลือกตาราง แถว คอลัมน์ และเซลล์ เลือกทั้งตาราง วิธีที่ 1 ให้เลื่อนเมาส์ไปที่ขอบ ตารางจนตัวชี้เมาส์เปลี่ยนเป็น และคลิกเมาส์ เพื่อเลือกทั้งตาราง คลิกเมาส์ที่ขอบของตาราง เพื่อเลือกทั้งตาราง วิธีที่ 2 ให้คลิกเลือกเซลล์ใดก็ ได้ในตาราง และเลือกคาสั่ง Modify>Table>Select Table 1. คลิกทื่เซลล์ใดๆ ในตาราง 2. เลือกคาสั่ง Modify>Table>Select Table วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 9. วิธีที่ 3 ขณะเลือกเซลล์ใดๆ อยู่ ให้คลิกที่แท็ก <toable> ที่แทบ สถานะด้านล่าง คลิกที่แท็ก <table> เพื่อเลือกตารางทั้งตาราง วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 12. การแทรกแถวและคอลัมน์ การแทรกแถว 3. แสดงแถวที่ถูกเพิ่มเมาส์อีก 1 แถว 2.คลิกเมาส์ปุ่มขวา แล้วเลือก Table>Insert Row 1.เลือกตาแหน่งที่ต้องการจะแทรกแถว วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 13. การแทรกคอลัมน์ 1.เลือกตาแหน่งที่ต้องการจะเลือกคอลัมน์ 2.คลิกเมาส์ปุ่มขวา แล้วเลือก Table>Insert Column 3.แสดงคอลัมน์ที่ถูกเพิ่มเข้ามาอีก 1 คอลัมน์ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 14. การลบแถวและคอลัมน์ การลบแถว 1. เลือกแถวที่จะลบแล้วกดปุ่ม <Delete> 2. แถวที่เลือกไว้จะหายไป วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 15. การลบคอลัมน์ 2. คอลัมน์ที่เลือกไว้จะหายไป 1.เลือกคอลัมน์แล้วกดปุ่ม <Delete> วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 16. การรวมและการแบ่งเซลล์ การรวมเซลล์ 1. เลือกเซลล์ที่ต้องการรวม (ต้องเป็นเซลล์ที่ติดกัน) โดยกดคีย์ <Ctrl> ค้างไว้พร้อมกับเลือกเซลล์ 2. คลิกเมาส์เพื่อจะรวมเซลล์ 3. แสดงผลลัพธ์การรวมเซลล์ทั้ง 3 เซลล์ ที่เราเลือก เป็นเซลล์เดียว ดังรูป วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 17. การแบ่งเซลล์ 2. คลิกเมาส์เพื่อแบ่งเซลล์ 1. คลิกเมาส์เลือกเซลล์ที่ต้องการแบ่ง 4. จะปรากฏเซลล์ใหม่ที่แบ่งออกมาจากเซลล์เดิม 3.ให้เลือกว่าจะแบ่งเซลล์ตามแนวแถวหรือคอลัมน์ และจะแบ่งเป็นกี่เซลล์ จากนั้นคลิกเมาส์ปุ่ม OK วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 18. การขยายและลดขนาดเซลล์ การขยายช่องเซลล์ 2. เลือกคาสั่ง Table>Increase Row Span หรือ เลือกคาสั่ง Table>Increase Column Span 1. คลิกเมาส์ปุ่มขวาเลือกช่องเซลล์ที่ต้องการปรับ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 19. Increase Row Span จะเพิ่มขนาดเซลล์ตามแนวตั้งลงมาด้านล่าง Increase Column Span จะเพิ่มขนาดเซลล์ตามแนวนอนทางขวามือ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 20. การคืนสภาพช่องเซลล์ 1.คลิกเมาส์ปุ่มขวาเลือกช่องเซลล์ที่จะคืนสภาพ 2. เลือกคาสั่ง Table>Decrease Row Span หรือเลือกคาสั่ง Table>Decrease Column Span วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 21. Decrease Row Span จะคืนสภาพเซลล์ตามแนวตั้ง Decrease Column Span จะคืนสภาพเซลล์ตามแนวนอน วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 22. ปรับความกว้างของตารางใน Property Inspector ปรับความกว้างของทั้งตาราง 1.คลิกเลือกทั้งตาราง 2. กาหนดความกว้างของตารางเป็น 100% 3. ตารางที่มีขนาดความกว้าง 100% จะถูกขยายตามความ กว้างของหน้าเว็บของเรา ด้วย วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 23. ปรับความสูงและความกว้างของช่องเซลล์ 1. คลิกเมาส์ในช่องตารางที่กาหนดขนาด 3. ช่องตารางมีความกว้าง 60% สูง 50 พิกเซล 2. กาหนดความกว้างและความสูงของช่องตาราง วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003