SlideShare a Scribd company logo
1 of 10
Download to read offline
ບົດ​ທີ 4
ສ້າງ Webpage ຈາກຕາຕະລາງ
ໂດຍ ອຈ ໃຈລາສີ ຍໍພັນໄຊ
ຫົວຂໍ້ທີີ່ ຈະມາເວົ້າໃຫ້ຟັງມ້ນີ້
• ປະໂຫຍດຂອງການໃຊ້ຕາຕະລາງໃນ WebPage
• ຄວາມລະອຽດຂອງໜ້າຈໍ ກ ັບຂະໜາດຂອງຕາຕະລາງ
• ການສ້າງ Webpage ດ້ວຍຕາຕະລາງ
• Graphic ​​ໃສ​ແມີ່​ນຫຍັງ?
• ສ້າງເສັ້ນສີດ້ວຍຕາຕະລາງ
• ຂະໜາດຂອງແຕີ່ລະ Cell
• ເພີີ່ ມລວດລາຍ Background ດ້ວຍຮູບ
• ເທັກນິກການໃຊ້ຕາຕະລາງຊ້ອນຕາຕະລາງ
ປະໂຫຍດຂອງການໃຊ້ຕາຕະລາງໃນ WebPage
• ວາງຂໍ້ຄວາມ ແລະ ຮູບໃນຕ ໍາແໜີ່ງທີີ່ ຕ້ອງການ
• ສາມາດກ ໍານ ົດໄລຍະຫີ່າງລະວີ່າງອົງປະກອບ
• ສາມາດຈ ັດອົງປະກອບຕີ່າງໆຕາມທີີ່ ອອກແບບ
• ສາມາດລຽງຮູບຕໍີ່ກ ັນໄດ້ຢີ່າງແນບນຽນ
ຄວາມລະອຽດຂອງໜ້າຈໍ ກ ັບຂະໜາດຂອງ
ຕາຕະລາງ
ຄວາມລະອຽດຂອງໜ້າຈໍ ຂະໜາດ Row
640x480 600 Pixel
800x600 760 Pixel
1024x768 955 Pixel
ການສ້າງ Webpage ດ້ວຍຕາຕະລາງ
Demo
Graphic ​​ໃສ​ແມີ່​ນຫຍັງ?
Graphic ໃສ​ເປັນ​ຮູບ​ສີ​ລີ່ຽມ​ຈະ​ຕຸລັດ​ຂະໜາດ
1X1 Pixel ທີີ່ ​ບໍີ່​ມີ​ສີ, ບໍີ່​ມີ​ລາຍ​ລະອຽດ​ໃດ​ໆ​ປຽບ​ເ
ໝອນ​ແຜີ່ນ​​​ແກ້ວ​ໃສ​ເຊິີ່ງສາມາດ​ສ້າງ​ຂ້ນ​ຈາກ​​ໂປຣ​
ແກຣມ Graphic ຕີ່າງໆ​ເຊັີ່ນ: Photoshop,
Firework…
ປະ​​ໂຫຍ​ດຂອງ Graphic ​ໃສ​ກໍີ່​ຄ: ​ໃຊ້​ແຊກ​ລົງ​
ໃນ Cell ວີ່າງ​ເພີ່ ອ​ຄົງ​ຄີ່າ​ຂະໜາດ Cell ນ ັ້ນ​ໄວ້​
ຖ້າ​ບໍີ່​ໃສີ່​ຂໍ້​ມູນ​ໃດໆ​ລົງ​ໄປ​ໃນ Cell ​​ໂດຍ​ຕ້ອງການ​
ໃຫ້​ເປັນ​ພ້ນ​ທີີ່ ​ວີ່າງ.
ເພີີ່ ມລວດລາຍ Background ດ້ວຍຮູບ
ເທັກນິກການໃຊ້ຕາຕະລາງຊ້ອນ
ຕາຕະລາງ
ປະໂຫຍດຂອງຕາຕະລາງຊ້ອນຕາຕະລາງ
• ຄົງ​ຂະໜາດ​ສະ​ເພາະ​ສີ່ວນ​ເອົາ​ໄວ້
• ກ ໍານ ົດ​ຄຸນສົມບັດ​ບາງ​ສີ່ວນ​ໃຫ້​ແຕກ​ຕີ່າງ
ຂໍ້ດີຂອງການກ ໍານ ົດ Cell Padding

More Related Content

More from Ura Euro

Step of implement website
Step of implement websiteStep of implement website
Step of implement websiteUra Euro
 
Ict foundamental chapter1
Ict foundamental chapter1Ict foundamental chapter1
Ict foundamental chapter1Ura Euro
 
Ict foundamental chapter 1
Ict foundamental chapter 1Ict foundamental chapter 1
Ict foundamental chapter 1Ura Euro
 
Web design Lesson 1
Web design Lesson 1Web design Lesson 1
Web design Lesson 1Ura Euro
 
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນUra Euro
 
Chapter 11
Chapter 11Chapter 11
Chapter 11Ura Euro
 
Chapter 10
Chapter 10Chapter 10
Chapter 10Ura Euro
 
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້Ura Euro
 
Graphic input device
Graphic input deviceGraphic input device
Graphic input deviceUra Euro
 
Design poster
Design posterDesign poster
Design posterUra Euro
 
Computer graphic lesson 3
Computer graphic lesson 3Computer graphic lesson 3
Computer graphic lesson 3Ura Euro
 

More from Ura Euro (20)

Step of implement website
Step of implement websiteStep of implement website
Step of implement website
 
Ict foundamental chapter1
Ict foundamental chapter1Ict foundamental chapter1
Ict foundamental chapter1
 
Ict foundamental chapter 1
Ict foundamental chapter 1Ict foundamental chapter 1
Ict foundamental chapter 1
 
Web design Lesson 1
Web design Lesson 1Web design Lesson 1
Web design Lesson 1
 
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
 
Chapter 11
Chapter 11Chapter 11
Chapter 11
 
Chapter 10
Chapter 10Chapter 10
Chapter 10
 
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້
 
Chapter 9
Chapter 9Chapter 9
Chapter 9
 
Chapter 9
Chapter 9Chapter 9
Chapter 9
 
Chapter 7
Chapter 7Chapter 7
Chapter 7
 
Chapter 8
Chapter 8Chapter 8
Chapter 8
 
Chapter 7
Chapter 7Chapter 7
Chapter 7
 
Graphic input device
Graphic input deviceGraphic input device
Graphic input device
 
Design poster
Design posterDesign poster
Design poster
 
Chapter 6
Chapter 6Chapter 6
Chapter 6
 
Chapter 5
Chapter 5Chapter 5
Chapter 5
 
Chapter 4
Chapter 4Chapter 4
Chapter 4
 
Chapter 3
Chapter 3Chapter 3
Chapter 3
 
Computer graphic lesson 3
Computer graphic lesson 3Computer graphic lesson 3
Computer graphic lesson 3
 

Lesson 4 ການສ້າງ Layout ຂອງເວັບດ້ວຍຕາຕະລາງ