lesson 1 preparing for web development

13
ດທ 1 ກຽມພ ອມກ ອນການສ າງເວບ ສອນໂດຍ : ອຈ. ໃຈລາສີ ຍໍພັນໄຊ 58858871

Upload: ura-euro

Post on 14-Apr-2017

578 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Lesson 1 preparing for web development

ບດົທີ 1ກຽມພອ້ມກອ່ນການສາ້ງເວບ

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

Page 2: Lesson 1 preparing for web development

1. Website ເຜີຍແຜ່ທາງ Internet ໄດ້ແນວ ໃດ?

Page 3: Lesson 1 preparing for web development

ຕ້ອງປະກອບດວ້ຍສວ່ນສ າຄນັ 4 ສວ່ນຄ:ື

• Webpage

Page 4: Lesson 1 preparing for web development

ຕ້ອງປະກອບດວ້ຍສ່ວນສ າຄນັ 4 ສ່ວນຄ:ື(ຕ ່ )

• Browser

Page 5: Lesson 1 preparing for web development

ຕ້ອງປະກອບດວ້ຍສ່ວນສ າຄນັ 4 ສ່ວນຄ:ື(ຕ ່ )

• Web server

Page 6: Lesson 1 preparing for web development

ຕ້ອງປະກອບດວ້ຍສ່ວນສ າຄນັ 4 ສ່ວນຄ:ື(ຕ ່ )

• Internet

Page 7: Lesson 1 preparing for web development

Internet ແລະ ການບ ລິການ

• Internet ກ າເນດີຂ ນ້ປີ ຄ.ສ 1969 ເລ່ີມຈາກເຄອືຂາ່ຍທ່ີຊື່ ARPAnet(Advanced Research Projects Agency Network)

Page 8: Lesson 1 preparing for web development

ຄ າສບັທ່ີຄວນຮ ກ້ອ່ນການສາ້ງເວບ

• Website• Webpage• Home Page• URL(Uniform Resource Locator)• Browser• HTML(Hypertext Markup Language)• FTP(File Transfer Protocol)• Web server• Domain Name

Page 9: Lesson 1 preparing for web development

ວາງແຜນກອ່ນການສາ້ງເວບ

1. ຕອ້ງຮ ສ້ິ່ ງທ່ີຕອ້ງການນ າສະເໜີ

2. ວາງແຜນໃນການສາ້ງເວບ

3. ລວບລວມຂ ມ້ ນທ່ີຈ າເປັນ

Page 10: Lesson 1 preparing for web development

ການອອກແບບ

• ຕອ້ງສາ້ງເວບຈ າລອງ (Mock up)

1. ອອກແບບໃສເ່ຈຍ້

2. ອອກແບບໂດຍໃຊໂ້ປຣແກຣມ Graphic

Page 11: Lesson 1 preparing for web development

ຄວາມສ າຄນັຂອງສີ

1. ສສີາມາດຊກັນ າສາຍຕາ

2. ສຊີວ່ຍເຊື່ ອມໂຍງບ ລິເວນທ່ີໄດຮ້ບັການອອກແບບເຂ້ົາດວ້ຍກນັ

3. ຜ ເ້ຂ້ົາຊມົເວບຈະມຄີວາມຮ ສ້ ກວາ່ບ ລິເວນທ່ີມສີດີຽວກນັຈະມຄີວາມສ າຄນັເທ່ົາກນັ

4. ສສີາມາດນ າໄປໃຊໃ້ນການແບງ່ບ ລິເວນຕາ່ງອອກຈາກກນັ

5. ສສີາ້ງອາລມົໂດຍລວມຂອງ Webpage

6. ສຊີວ່ຍສາ້ງລະບຽບໃຫກ້ບັຂ ຄ້ວາມ

7. ສຊີວ່ຍສ ົ່ງເສມີເອກະລກັຂອງອງົກອນ ຫ ື ໜວ່ຍງານນ ັນ້ໄດ້

Page 12: Lesson 1 preparing for web development

ຂ ຜິ້ດພາດໃນການອອກແບບ Website

1. ການໃຊໂ້ຄງສາ້ງໜາ້ Webpage ເປັນລະບບົ Frame

2. ການໃຊເ້ທັກໂນໂລຊສີ ງໂດຍບ ່ ຈ າເປັນ

3. ຕວົໜງັສື ຫ ື ພາບເຄື່ ອນໄຫວຕະຫ ອດເວລາ

4. ມທ່ີີຢ ່ Website ຊບັຊອ້ນ (URL)ຍາກຕ ່ ການຈື່ຈ າ

5. ບ ່ ມກີານສະແດງຊື່ ແລະ ທ່ີຢ ຂ່ອງ Website ໃນໜາ້ Webpage ນ ັນ້

6. ມຄີວາມຍາວຂອງໜາ້ຫ າຍເກນີໄປ

7. ຂາດລະບບົ Navigation ທ່ີມປີະສດິທິພາບ

8. ໃຊສ້ີ Link ບ ່ ເໝາະສມົ

9. ຂ ມ້ ນບ ່ ມກີານປບັປງຸແກໄ້ຂ

10. Webpage ສະແດງຜນົຊາ້

Page 13: Lesson 1 preparing for web development

ຮ ຈ້ກັຊື່ ແລະ ໜາ້ຕາຂອງສວ່ນປະກອບໃນເວບ