SlideShare a Scribd company logo
1 of 15
Download to read offline
ບົດທີ1
ກຽມພ້ອມກ່ອນການສ້າງເວບ
ສອນໂດຍ: ປອ. ໃຈລາສີ ຍໍພັນໄຊ
ປະລິນຍາຕີ ຄະນິດສາດ-ຄອມພິວເຕີ (ລາວ)
ປະລິນຍາໂທ ເທັກໂນໂລຍີຂ່າວສານ IT (ໄທ)
ປະລິນຍາເອກ ສາຂາ ຍຸດທະສາດການພັດທະນາ ພູມມິພາກ (ໄທ)
ອຈ. ໃຈລາສີ ຍໍພັນໄຊ
chaylasy@gmail.com
020 58858871
= Ura asia
ປະຈຸບັນ ຫົວໜ້າພາກວິຊາ ວິທະຍາສາດການກີລາ
ຄະນະວິທະຍາສາດການກີລາ-ກາຍະກ ໍາ
ປະສົມການສອນ ຮອດປີ 2018 ພໍດີ 15 ປີ
PHP , Web Design, Enterprise Solution Architecture,
Computer Graphic
E-Commerce, Database, English for Computing
ຜູ້ຮ່ວມກໍ່ຕັ້ງເວັບໄຊ www.laosportnews.com
ການໃຫ້ຄະແນນ
• ຂຶ້ນຫ້ອງ Lecture 10%, Lab 10
• ຄະແນນຫ້ອງ Lab 40
• ເສັງ Final 40
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

More from Ura 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
 
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ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)

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
 
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
ແນະນຳສິ່ງທີ່ນັກສຶກສາຄວນຮູ້ກ່ອນ
 
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
 

Web design Lesson 1