SlideShare a Scribd company logo
1 of 13
Download to read offline
ບົດທີ 1
ກຽມພ້ອມກ່ອນການສ້າງເວບ
ສອນໂດຍ : ອຈ. ໃຈລາສີ ຍໍພັນໄຊ
58858871
1. Website ​ເຜີຍ​ແຜ່​ທາງ Internet ​ໄດ້​​ແນວ​ໃດ?
ຕ້ອງປະກອບດ້ວຍສ່ວນສາຄັນ 4 ສ່ວນຄື:
• Webpage
ຕ້ອງປະກອບດ້ວຍສ່ວນສາຄັນ 4 ສ່ວນຄື:(ຕ່)
• Browser
ຕ້ອງປະກອບດ້ວຍສ່ວນສາຄັນ 4 ສ່ວນຄື:(ຕ່)
• Web server
ຕ້ອງປະກອບດ້ວຍສ່ວນສາຄັນ 4 ສ່ວນຄື:(ຕ່)
• Internet
Internet ແລະ ການບລິການ
• Internet ກາເນີດຂ້ນປີ ຄ.ສ 1969 ເລີ່ມຈາກເຄືອ
ຂ່າຍທີ່ ຊື່ ARPAnet(Advanced Research
Projects Agency Network)
ຄາສັບທີ່ ຄວນຮ້ກ່ອນການສ້າງເວບ
• Website
• Webpage
• Home Page
• URL(Uniform Resource Locator)
• Browser
• HTML(Hypertext Markup Language)
• FTP(File Transfer Protocol)
• Web server
• Domain Name
ວາງແຜນກ່ອນການສ້າງເວບ
1. ຕ້ອງຮ້ສິ່ງທີ່ ຕ້ອງການນາສະເໜີ
2. ວາງແຜນໃນການສ້າງເວບ
3. ລວບລວມຂ້ມນທີ່ ຈາເປັນ
ການອອກແບບ
• ຕ້ອງສ້າງເວບຈາລອງ (Mock up)
1. ອອກແບບໃສ່ເຈ້ຍ
2. ອອກແບບໂດຍໃຊ້ໂປຣແກຣມ Graphic
ຄວາມສາຄັນຂອງສີ
1. ສີສາມາດຊັກນາສາຍຕາ
2. ສີຊ່ວຍເຊື່ອມໂຍງບລິເວນທີ່ ໄດ້ຮັບການອອກແບບເຂົ້າດ້ວຍກ ັນ
3. ຜ້ເຂົ້າຊົມເວບຈະມີຄວາມຮ້ສກວ່າບລິເວນທີ່ ມີສີດຽວກ ັນຈະມີຄວາມສາຄັນເທົ່ າກ ັນ
4. ສີສາມາດນາໄປໃຊ້ໃນການແບ່ງບລິເວນຕ່າງອອກຈາກກ ັນ
5. ສີສ້າງອາລົມໂດຍລວມຂອງ Webpage
6. ສີຊ່ວຍສ້າງລະບຽບໃຫ້ກ ັບຂ້ຄວາມ
7. ສີຊ່ວຍສົ່ງເສີມເອກະລັກຂອງອົງກອນ ຫື ໜ່ວຍງານນ ັ້ນໄດ້
ຂ້ຜິດພາດໃນການອອກແບບ Website
1. ການໃຊ້ໂຄງສ້າງໜ້າ Webpage ເປັນລະບົບ Frame
2. ການໃຊ້ເທັກໂນໂລຊີສງໂດຍບ່ຈາເປັນ
3. ຕົວໜັງສື ຫື ພາບເຄື່ອນໄຫວຕະຫອດເວລາ
4. ມີທີ່ ຢ່ Website ຊັບຊ້ອນ (URL)ຍາກຕ່ການຈື່ຈາ
5. ບ່ມີການສະແດງຊື່ ແລະ ທີ່ ຢ່ຂອງ Website ໃນໜ້າ Webpage
ນ ັ້ນ
6. ມີຄວາມຍາວຂອງໜ້າຫາຍເກີນໄປ
7. ຂາດລະບົບ Navigation ທີ່ ມີປະສິດທິພາບ
8. ໃຊ້ສີ Link ບ່ເໝາະສົມ
9. ຂ້ມນບ່ມີການປັບປຸງແກ້ໄຂ
10. Webpage ສະແດງຜົນຊ້າ
ຮ້ຈ ັກຊື່ ແລະ ໜ້າຕາຂອງສ່ວນປະກອບ
ໃນເວບ

More Related Content

Viewers also liked

Computer graphic lesson 2
Computer graphic lesson 2Computer graphic lesson 2
Computer graphic lesson 2Ura Euro
 
Computer graphic lesson 3
Computer graphic lesson 3Computer graphic lesson 3
Computer graphic lesson 3Ura Euro
 
Computer graphic lesson 1
Computer graphic lesson 1Computer graphic lesson 1
Computer graphic lesson 1Ura Euro
 
Chapter 7 technique of using colour
Chapter 7 technique of using colourChapter 7 technique of using colour
Chapter 7 technique of using colourUra Euro
 
Computer graphic lesson 5
Computer graphic lesson 5Computer graphic lesson 5
Computer graphic lesson 5Ura Euro
 
Computer graphic lesson 11
Computer graphic lesson 11Computer graphic lesson 11
Computer graphic lesson 11Ura Euro
 
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນUra Euro
 
Graphic input device
Graphic input deviceGraphic input device
Graphic input deviceUra Euro
 
ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...
ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...
ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...NEQMAP
 
ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...
ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...
ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...NEQMAP
 
ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...
ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...
ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...NEQMAP
 
ພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວ
ພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວ
ພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວNEQMAP
 
ພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບ
ພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບ
ພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບNEQMAP
 
Understanding by design for LAO TEACHERS
Understanding by design for LAO TEACHERSUnderstanding by design for LAO TEACHERS
Understanding by design for LAO TEACHERSJoel Wayne Ganibe, MBA
 
ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)
ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)
ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)NEQMAP
 
ລະບົບຖານຂໍ້ມູນ
ລະບົບຖານຂໍ້ມູນລະບົບຖານຂໍ້ມູນ
ລະບົບຖານຂໍ້ມູນSompasong Vongthavone
 
M7 master-teachers-workshop lao-ks.qc-edited
M7 master-teachers-workshop lao-ks.qc-editedM7 master-teachers-workshop lao-ks.qc-edited
M7 master-teachers-workshop lao-ks.qc-editedJoel Wayne Ganibe, MBA
 

Viewers also liked (20)

Computer graphic lesson 2
Computer graphic lesson 2Computer graphic lesson 2
Computer graphic lesson 2
 
Computer graphic lesson 3
Computer graphic lesson 3Computer graphic lesson 3
Computer graphic lesson 3
 
Computer graphic lesson 1
Computer graphic lesson 1Computer graphic lesson 1
Computer graphic lesson 1
 
Chapter 7 technique of using colour
Chapter 7 technique of using colourChapter 7 technique of using colour
Chapter 7 technique of using colour
 
Computer graphic lesson 5
Computer graphic lesson 5Computer graphic lesson 5
Computer graphic lesson 5
 
Computer graphic lesson 11
Computer graphic lesson 11Computer graphic lesson 11
Computer graphic lesson 11
 
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
 
Graphic input device
Graphic input deviceGraphic input device
Graphic input device
 
ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...
ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...
ພາກທີ່ 2: ສະເຫນີແນະນຳ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ (ສືບຕໍ່) ໂດຍ: ສາດສະດ...
 
ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...
ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...
ພາກທີ່ 1: ສະເຫນີແນະ ທິດສະດີ ການປະເມີນຜົນ ແບບ ທັນສະ ໄຫມ ໂດຍ: ສາດສະດາຈານ Jim To...
 
ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...
ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...
ພາກທີ່ 3: ບັນດາຫຼັກການພື້ນຖານ ຂອງການປະເມີນຜົນ: ຄວາມຖືກຕ້ອງ ແລະ ຄວາມຫນ້າເຊື່ອຖ...
 
ພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວ
ພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວ
ພາກທີ່ 6: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ – ລາຍການ ທີ່ໄດ້ສ້າງ ຄຳຕອບແລ້ວ
 
PPT presentation at NUOL about QA Standards 20130725
PPT presentation at NUOL about QA Standards 20130725PPT presentation at NUOL about QA Standards 20130725
PPT presentation at NUOL about QA Standards 20130725
 
ພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບ
ພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບ
ພາກທີ່ 4: ການສ້າງ ລາຍການຕ່າງໆ ຂອງການປະເມີນຜົນ ດ້ານຄຸນນະພາບ
 
Understanding by design for LAO TEACHERS
Understanding by design for LAO TEACHERSUnderstanding by design for LAO TEACHERS
Understanding by design for LAO TEACHERS
 
Graphic organizers­ for Lao Teachers
Graphic organizers­ for Lao TeachersGraphic organizers­ for Lao Teachers
Graphic organizers­ for Lao Teachers
 
ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)
ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)
ພາກທີ່ 7: ການສ້າງ ລາຍການ ປະເມີນຜົນ ດ້ານຄຸນນະພາບ - ເກນ (Rubrics)
 
ລະບົບຖານຂໍ້ມູນ
ລະບົບຖານຂໍ້ມູນລະບົບຖານຂໍ້ມູນ
ລະບົບຖານຂໍ້ມູນ
 
M7 master-teachers-workshop lao-ks.qc-edited
M7 master-teachers-workshop lao-ks.qc-editedM7 master-teachers-workshop lao-ks.qc-edited
M7 master-teachers-workshop lao-ks.qc-edited
 
ພາກສະເໜີ
ພາກສະເໜີພາກສະເໜີ
ພາກສະເໜີ
 

More from Ura Euro

Lesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດ
Lesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດLesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດ
Lesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດUra Euro
 
Chapter 7 google
Chapter 7 googleChapter 7 google
Chapter 7 googleUra Euro
 
Chapter 6 Mobile application Atleth should know
Chapter 6 Mobile application Atleth should knowChapter 6 Mobile application Atleth should know
Chapter 6 Mobile application Atleth should knowUra Euro
 
Chapter5 the understanding of software
Chapter5 the understanding of softwareChapter5 the understanding of software
Chapter5 the understanding of softwareUra Euro
 
Chapter3 football technology and equipments
Chapter3 football technology and equipmentsChapter3 football technology and equipments
Chapter3 football technology and equipmentsUra Euro
 
Lesson3 ແນະນຳກ່ຽວກັບ Dreamweaver
Lesson3 ແນະນຳກ່ຽວກັບ DreamweaverLesson3 ແນະນຳກ່ຽວກັບ Dreamweaver
Lesson3 ແນະນຳກ່ຽວກັບ DreamweaverUra Euro
 
Computer component
Computer componentComputer component
Computer componentUra 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
 
Chapter 11
Chapter 11Chapter 11
Chapter 11Ura Euro
 
Chapter 10
Chapter 10Chapter 10
Chapter 10Ura Euro
 
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້
ອ່ານເປັນ ຊີວິດປ່ຽນ ຮຽນໄດ້Ura Euro
 
Design poster
Design posterDesign poster
Design posterUra Euro
 

More from Ura Euro (20)

Lesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດ
Lesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດLesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດ
Lesson2 ຍຸດທະສາດແລະການກຳນົດກົນລະຍຸດ
 
Chapter 7 google
Chapter 7 googleChapter 7 google
Chapter 7 google
 
Chapter 6 Mobile application Atleth should know
Chapter 6 Mobile application Atleth should knowChapter 6 Mobile application Atleth should know
Chapter 6 Mobile application Atleth should know
 
Chapter5 the understanding of software
Chapter5 the understanding of softwareChapter5 the understanding of software
Chapter5 the understanding of software
 
Chapter3 football technology and equipments
Chapter3 football technology and equipmentsChapter3 football technology and equipments
Chapter3 football technology and equipments
 
Lesson3 ແນະນຳກ່ຽວກັບ Dreamweaver
Lesson3 ແນະນຳກ່ຽວກັບ DreamweaverLesson3 ແນະນຳກ່ຽວກັບ Dreamweaver
Lesson3 ແນະນຳກ່ຽວກັບ Dreamweaver
 
Computer component
Computer componentComputer component
Computer component
 
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
 
Design poster
Design posterDesign poster
Design poster
 

Lesson 1 preparing for web development