ບົດທີ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 ສະແດງຜົນຊ້າ
ຮູ້ຈ ັກຊື່ ແລະ ໜ້າຕາຂອງສ່ວນປະກອບ
ໃນເວບ

Web design Lesson 1