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

10
4 າງ Webpage ຈາກຕາຕະລາງ ໂດຍ ອຈ ໃຈລາສີ ຍໍພັນໄຊ

Upload: ura-euro

Post on 14-Apr-2017

303 views

Category:

Design


0 download

TRANSCRIPT

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

ບດົ ທີ 4 ສາ້ງ Webpage ຈາກຕາຕະລາງ

ໂດຍ ອຈ ໃຈລາສ ີຍໍພນັໄຊ

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

ຫວົຂໍທີ້ີ່ ຈະມາເວ້ົາໃຫຟ້ງັມ ນ້ ີ້

• ປະໂຫຍດຂອງການໃຊຕ້າຕະລາງໃນ WebPage

• ຄວາມລະອຽດຂອງໜາ້ຈ ໍກບັຂະໜາດຂອງຕາຕະລາງ

• ການສາ້ງ Webpage ດວ້ຍຕາຕະລາງ

• Graphic ໃສແມ ີ່ນຫຍງັ?

• ສາ້ງເສ້ັນສດີວ້ຍຕາຕະລາງ

• ຂະໜາດຂອງແຕີ່ລະ Cell

• ເພີີ່ ມລວດລາຍ Background ດວ້ຍຮບູ

• ເທັກນກິການໃຊຕ້າຕະລາງຊອ້ນຕາຕະລາງ

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

ປະໂຫຍດຂອງການໃຊຕ້າຕະລາງໃນ WebPage

• ວາງຂໍຄ້ວາມ ແລະ ຮບູໃນຕາໍແໜີ່ງທີີ່ ຕອ້ງການ

• ສາມາດກາໍນດົໄລຍະຫີ່າງລະວີ່າງອງົປະກອບ

• ສາມາດຈດັອງົປະກອບຕີ່າງໆຕາມທີີ່ ອອກແບບ

• ສາມາດລຽງຮບູຕໍີ່ ກນັໄດຢ້ີ່າງແນບນຽນ

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

ຄວາມລະອຽດຂອງໜາ້ຈ ໍກບັຂະໜາດຂອງຕາຕະລາງ

ຄວາມລະອຽດຂອງໜາ້ຈໍ ຂະໜາດ Row

640x480 600 Pixel

800x600 760 Pixel

1024x768 955 Pixel

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

ການສາ້ງ Webpage ດວ້ຍຕາຕະລາງ

Demo

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

Graphic ໃສ ແມ ີ່ນຫຍງັ?

Graphic ໃສເປັນຮບູສີລີ່ຽມຈະຕລຸດັຂະໜາດ1X1 Pixel ທີີ່ ບໍີ່ ມີສ,ີ ບໍີ່ ມີລາຍລະອຽດໃດ ໆ ປຽບເໝ ອນແຜີ່ນແກວ້ ໃສເຊິີ່ ງສາມາດສາ້ງຂ ນ້ຈາກໂປຣແກຣມ Graphic ຕີ່າງໆ ເຊັີ່ ນ: Photoshop, Firework…

ປະໂຫຍ ດຂອງ Graphic ໃສກໍີ່ ຄ : ໃຊ້ແຊກລງົໃນ Cell ວີ່າງເພ ີ່ ອຄງົຄີ່າຂະໜາດ Cell ນ ັນ້ໄວ້ຖາ້ບໍີ່ ໃສີ່ຂໍ້ມນູໃດໆ ລງົໄປໃນ Cell ໂດຍຕອ້ງການໃຫ້ເປັນພ ້ນທີີ່ ວີ່າງ.

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

ເພີີ່ ມລວດລາຍ Background ດວ້ຍຮບູ

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

ເທັກນກິການໃຊຕ້າຕະລາງຊອ້ນຕາຕະລາງ

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

ປະໂຫຍດຂອງຕາຕະລາງຊອ້ນຕາຕະລາງ

• ຄງົ ຂະໜາດສະເພາະສີ່ວນເອົາ ໄວ້

• ກາໍນດົຄນຸສມົບດັ ບາງ ສີ່ວນໃຫ້ແຕກຕີ່າງ

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

ຂໍດ້ຂີອງການກາໍນດົ Cell Padding