คูม่ อื เว็บไซตต์ ำรวจ • เว็บไซต์ตำรวจ http:// เป็นเว็บไซต์ที่แสดงเนื้อหาข่าวสาร ข่าวประชาสัมพันธ์ ประกวดราคา กิจกรรม และติดต่อสื่อสาร มีเมนูย่อยประกอบด้วย หน้าหลัก ประวัติ วิสัยทัศน์ โครงสร้าง กฎหมายที่ควรรู้ ขา่ ว ติดต่อ สน. และมาตรฐาน ITA • หน้าหลกั : หนา้ เว็บไชตท์ ีแ่ สดงภาพรวมของ http:// • ประวตั ิ : แสดงประวตั ิความเป็นมาของสถานตี ำรวจ • วิสยั ทศั น์ : แสดงเป้าหมายขององค์กร • โครงสรา้ ง : แสดงแผนผังโครงสร้างภายใน • กฎหมายท่คี วรรู้ : แสดงกฎหมายในความรับผิดชอบของสำนกั งานตำรวจแหง่ ชาติ • ขา่ ว : ข่าวภารกิจผบู้ ังคับบัญชา : ขา่ วประชาสมั พันธ์ : ขา่ วประกาศ : ข่าวจัดซื้อจัดจ้าง • ติดตอ่ สน. : แสดงช่องทางการตดิ ต่อหนว่ ยงาน • มาตรฐาน ITA : แสดงมาตรฐาน ITA 1
หน้าแรกเว็บไซต์ 2
ประวัติ 3
วิสยั ทัศน์ 4
โครงสร้าง 5
ข่าวภารกจิ ผูบ้ ังคบั บญั ชา 6
ข่าวประชาสัมพันธ์ 7
ข่าวประกาศ 8
ข่าวจัดซือ้ จัดจา้ ง 9
ตดิ ต่อหนว่ ยงาน 10
มาตรฐาน ITA 11
มาตรฐาน ITA (แสดงแต่ละหัวขอ้ นน้ั ๆ) 12
วธิ กี ารแกไ้ ขเน้ือหาหนา้ เวบ็ ไซต์ สำหรับขั้นตอนวิธีการแก้ไข เพิ่มเติม เนื้อหาหน้าเว็บไซต์ ให้เตรียมโปรแกรมสำหรับที่ใช้ถ่ายโอนแฟ้มข้อมูล ระหวา่ งคอมพวิ เตอร์ผา่ นอนิ เทอร์เน็ต และโปรแกรมสำเร็จรูปในการสร้างเว็บไซต์ ในทนี่ ขี้ อยกตวั อย่างเป็น โปรแกรม FileZilla และ โปรแกรม Notepad++ ตามลำดับ โดยสามารถดาวน์โหลดไดด้ งั น้ี โปรแกรม FileZilla โปรแกรม Notepad++ ขน้ั ตอนการติดตั้ง FileZilla ขั้นตอนการตดิ ตั้ง Notepad++ เมื่อดาวน์โหลดและติดตั้งโปรแกรมแล้ว ให้เปิดโปรแกรม FileZilla ขึ้นมา โดยโปรแกรมจะประกอบไปด้วย เมนูทั่วไป, การเชื่อมต่อโฮสแบบรวดเร็ว, แสดงข้อมูลจาก Server, แสดงโฟลเดอร์ในเครื่อง (Local site), แสดง โฟลเดอรท์ ่ีอยใู่ น Server (Remote site) และแสดงรายช่อื ไฟล์ทจี่ ะ Upload / Download 13
การตั้งค่าการเชื่อมต่อโฮสในการ Upload / Download ไฟล์ ให้ไปที่ File → Site Manager จะแสดง หนา้ ตา่ งใหม่ขึ้นมา จากน้ันกดที่ New site ใหเ้ พิ่มข้อมูล Host , Port , User , Password จากน้นั Connect หากแสดงหน้าไมร่ ้จู กั ใบอนญุ าตเขา้ ถงึ ใหก้ ดตกลง OK จากนนั้ รอจนกวา่ จะเชอ่ื มต่อเสร็จ 14
เมื่อเชื่อมต่อเสร็จ ทางช่อง Remote site จะแสดงแฟ้มข้อมูล ที่ชื่อว่า “public_html” คือแฟ้มข้อมูลทีเ่ ก็บ ข้อมูลทั้งหมดของเว็บไชต์ หากต้องการ แก้ไข เพิ่มเติมข้อมูลของเว็บไซต์ ให้ดึงข้อมูล (Download) จากทางช่อง Remote site มายังช่อง Local site (แนะนำให้ตั้งชื่อของโฟลเดอร์ที่ต้องการเก็บข้อมูลในเครื่อง เพื่อสะดวกในการ ค้นหา) รอจนกว่าการดึงข้อมูลเสร็จสนิ้ เม่ือดงึ ข้อมลู เสร็จ ขอ้ มูลของทัง้ ฝ่ัง Local site และ Remote site จะมีจำนวนขอ้ มูลและขนาดข้อมลู เท่ากัน 15
วิธีอพั โหลดรูปภาพในเว็บไซต์ การอัพโหลดรูปภาพ ใช้ในกรณีที่ต้องการเพ่ิมรูปภาพขา่ ว เปลีย่ นโลโกเ้ ว็บไซน์แนะนำ เปลี่ยนภาพสไลด์ หรือ เปลยี่ นแปลงรปู ภาพตา่ งๆในเวบ็ ไซต์ ขั้นแรกเตรียมรูปว่าจะใช้ในส่วนไหน เมื่อเตรียมรูปที่ต้องการอัพโหลดแล้ว ให้เปิดโปรแกรม Filezilla แล้ว เชื่อมตอ่ กบั เวบ็ ไซต์ ไฟลร์ ปู ภาพจะอยู่ในโฟลเดอร์ images โดยวธิ กี ารอัพโหลดให้คัดลอกไฟลจ์ ากฝั่ง Local site มายงั Remote site รอให้อพั โหลด รปู ภาพกจ็ ะถกู อัพโหลดสู่เซิร์ฟเวอร์ของเวบ็ ไซต์ คำส่ังในการเรยี กใช้รูปภาพท่ตี อ้ งการ <img src=\"images/ตามดว้ ยชอ่ื ไฟลร์ ูปภาพท่ีเลือก.นามสกุล\" > 16
แกไ้ ขเนื้อหาหนา้ แรกเวบ็ ไซต์ เปิดแฟ้มข้อมูลที่ดึงข้อมูลมา หาไฟล์ index.php แล้วคลิกขวาเลือก Edit with Notepad++ เพื่อเปิดแก้ไข กับโปรแกรม Notepad++ ทต่ี ดิ ตงั้ ขา้ งต้น 17
โปรแกรม Notepad++ แสดงหนา้ code ของไฟล์ index.php ในหน้าแรกของเวบ็ ไซตน์ ้ี จะประกอบไปด้วย การเชอื่ มต่อไปยงั หน้าอ่นื ๆ ของเว็บไซต์ เชื่อมตอ่ เวบ็ ไซต์หนว่ ยงานทเ่ี กี่ยวข้อง 18
วธิ ีแกไ้ ข เพิม่ เตมิ ภาพสไลด์หน้าแรกเวบ็ ไซต์ หาไฟล์ index.php แล้วคลิกขวาเลือก Edit with Notepad++ เพื่อเปิดแก้ไขกับโปรแกรม Notepad++ ท่ี ติดตั้งข้างต้น โค้ดจะอยู่ในส่วน การทำภาพสไลด์ บรรทัดที่ 162-185 เมื่อแก้ไขโค้ดเสร็จแล้วให้จัดเก็บรูปภาพไว้ใน โฟลเดอร์ images ตัวอย่าง <a href=\" \"><img src=\"head1.jpg\" class=\"img-responsive\" alt=\"\" /></a> • a href=\" \" : ใส่ลิงก์เพือ่ เช่อื มต่อไปยงั หนา้ เวบ็ อน่ื ๆ • img src=\" images/ head1.jpg\" : ใส่รปู ผบู้ งั คบั บญั ชา ขนาด 290 × 290 px ▪ images คือ โฟลเดอร์ท่ีเก็บไฟล์ภาพ ▪ head1.jpg คือ ชอ่ื ไฟล์ภาพ โดยจะตอ้ งใสน่ ามสกลุ ของไฟล์ทุกครงั้ เช่น .jpg, .png 19
วธิ ีแก้ไขจำนวนข่าวภารกิจผบู้ ังคับบญั ชา ข่าวประชาสัมพันธ์ ข่าวประกาศ และขา่ วจดั ซ้ือจดั จ้าง ท่ีแสดงในหนา้ แรกของเว็บไซต์ สามารถแก้ไขจำนวนข่าวทจี่ ะให้แสดงในหน้าแรกไดโ้ ดยไปท่ีไฟล์ index.php โคด้ จะอยใู่ น บรรทดั ท่ี 188-206 ตัวอย่าง for ($i=$countact;$i>$countact-3;$i--) { ?> 20
จากตัวอยา่ งโค้ดทีต่ ้องการแก้ไขจะอยใู่ นบรรทัดที่ 193 ให้มองหาตวั เลขในบรรทัดน้นั ในตัวอยา่ งเป็นหมายเลข 3 สามารแก้ไขจำนวนขา่ วที่แสดงในหน้าแรกของเวบ็ ไซต์ได้ตามตอ้ งการ ในส่วนของขา่ วประชาสมั พนั ธ์ ข่าวประกาศ และขา่ วจดั ซอื้ จัดจ้าง การแก้ไขโค้ดจะเหมือนกับข่าวภารกจิ ผู้บังคับบญั ชา วิธีแก้ไขภาพผู้บงั คบั บัญชา หาไฟล์ index.php แลว้ คลกิ ขวาเลอื ก Edit with Notepad++ เพ่ือเปิดแก้ไขกบั โปรแกรม Notepad++ ท่ี ตดิ ตง้ั ขา้ งต้น โค้ดจะอยใู่ นส่วน ภาพผู้บงั คับบญั ชา (หวั หน้าสถาน)ี บรรทดั ท่ี 300-310 เมอื่ แกไ้ ขโค้ดเสรจ็ แลว้ ให้ จดั เก็บรปู ภาพไวใ้ นโฟลเดอร์ images 21
ตัวอย่าง <img src=\"images/pic.jpg\" width=\"100%\"/><br> • img src=\"images/pic.jpg\" : ใส่รปู ผู้บังคับบญั ชา ขนาด 290 × 290 px ▪ images คือ ตำแหน่งโฟลเดอร์ทีเ่ ก็บไฟลภ์ าพ ▪ pic.jpg คือ ช่ือไฟล์ภาพ โดยจะต้องใสน่ ามสกุลของไฟลท์ ุกคร้ัง เชน่ .jpg, .png • width=\"100%\" : กำหนดความกว้างของรูป 100% วธิ ีแกไ้ ข อื่น ๆ ท่ีเกี่ยวขอ้ ง ช่องทางการแจ้งเบาะแส ร้องเรียน เสนอแนะ ถาม-ตอบ ปัญหา ข้อสงสัย และแบบประเมินอื่นๆ เป็นหนึง่ ใน สว่ นประกอบหนา้ แรกของเว็บไซต์ ทที่ ำใหบ้ ุคคลภายนอกท่ีเข้ามาเยี่ยมชมเวบ็ ไซต์ สามารถติดต่อสื่อสารกับเจ้าหน้าท่ี ไดอ้ กี หนงึ่ ชอ่ งทาง เปิดไฟล์ index.php เลื่อนมาบรรทัด โค้ด อื่น ๆ ที่เกี่ยวข้อง (ในตัวอย่างนี้บรรทัด 322) จะเห็นได้ว่ามีส่วน ของภาพเว็บไซต์อืน่ ๆที่เกี่ยวขอ้ ง และลิงค์เชื่อมต่อของเวบ็ ไซต์ ซึ่งสามารถเปลีย่ นแปลง แก้ไข ได้ตามตัวอยา่ งนี้ (ตาม บรรทดั ท่ี 322-337) เม่ือแก้ไขโคด้ เสร็จแลว้ ใหจ้ ดั เก็บรูปภาพไว้ในโฟลเดอร์ images 22
<div><a href=\" \" target =\"_blank\"> <center><img src=\"images/ QA.jpg\" width=\"80%\"/></center></a></div> • a href=\" \" : การระบทุ อ่ี ย่แู หล่งขอ้ มลู URL • target =\"_blank\" : เปดิ ลงิ คใ์ นหนา้ ตา่ งใหม่ • img src=\"images/ QA.jpg\" : ใส่รูปโลโก้ของเว็บไซต์แนะนำ ในส่วนนี้ใช้ขนาดรูป 279x129 px • width=\"80%\" : กำหนดความกว้าง 80% 23
วธิ เี พิ่มเว็บไซต์แนะนำ เว็บไซต์แนะนำเป็นหนึ่งในส่วนประกอบในหน้าแรกของเว็บไซต์ ที่ทำให้บุคคลภายนอกที่เข้ามาเยี่ยมชม เวบ็ ไซต์ ไดเ้ ขา้ ถงึ เวบ็ ไซตแ์ นะนำอ่ืนที่มีความเกย่ี วข้อง 24
เปดิ ไฟล์ index.php เล่อื นมาบรรทดั โคด้ เวบ็ ไซต์แนะนำ (ในตัวอย่างนบ้ี รรทดั 340) จะเหน็ ได้ว่ามีส่วนของ ภาพเว็บไซต์แนะนำ และลิงค์เชื่อมต่อของเว็บไซต์ ซึ่งสามารถเปลี่ยนแปลง แก้ไข ได้ตามตัวอย่างนี้ (ตามบรรทัดท่ี 340-357) เมือ่ แกไ้ ขโค้ดเสร็จแล้วให้จดั เกบ็ รูปภาพไว้ในโฟลเดอร์ images <div><a href=\"http://www.royalthaipolice.go.th\" target =\"_blank\"> <center><img src=\"images/ L1.jpg\" width=\"90%\"/></center></a></div> • a href=\"http://www.royalthaipolice.go.th\" : การระบุท่อี ย่แู หล่งข้อมลู URL • target =\"_blank\" : เปิดลิงคใ์ นหนา้ ตา่ งใหม่ • img src=\" images/L1.jpg\" : ใส่รูปโลโก้ของเว็บไซต์แนะนำ ในส่วนนี้ใช้ขนาดรูป 261x70 px • width=\"90%\" : กำหนดความกว้างของรปู 90% 25
แก้ไขหนา้ ข่าวภารกจิ ผู้บงั คับบญั ชา กอ่ นอื่นเตรียมรปู สำหรบั ลงข่าวภารกิจ โดยตำแหนง่ ในการบันทึกรูปอยู่ท่ี images → news หากตอ้ งการ เพ่ิมข่าว ให้สรา้ งโฟลเดอร์ใหมเ่ พื่อเกบ็ รปู และสรา้ งช่ือใหม่เลขถดั ไป เชน่ n3 , n4 เป็นต้น จำนวนรูปของแต่ละขา่ วจะกร่ี ูปก็ได้ โดยตงั้ ชอื่ ไฟล์ภาพ เป็นตวั เลขเรยี งลำดับไป เชน่ 1, 2, 3…… จากน้นั เปิดไฟล์ update.php กับโปรแกรม Notepad++ 26
แสดง code ของหน้า update.php เลื่อนมาที่ข่าวล่าสุด จากนั้นคัดลอกข่าวภารกิจผู้บังคับบัญชาล่าสุด แล้ววางไปในบรรทัดกอ่ นหน้า ตัวอย่าง คัดลอกข่าวท่ี 2 (ในตัวอย่างบรรทัดที่ 17 - 20) แล้ววางบรรทัดก่อนหน้า (ในตัวอย่างบรรทดั ที่ 16) เพอ่ื สร้างข่าวที่ 3 27
โดยแก้ไขขอ้ มลู ดังนี้ • $ndate[3] คอื วนั ทขี่ า่ วภารกิจผูบ้ งั คบั บัญชาของขา่ วที่ 3 • $nthumb[3] คอื จำนวนรูปภาพข่าวภารกิจผูบ้ ังคบั บัญชาของข่าวที่ 3 • $ntitle[3] คอื หวั ข้อข่าวภารกจิ ผ้บู งั คบั บญั ชาของข่าวท่ี 3 • $ntxt[3] คือ เน้ือหาขา่ วภารกิจผบู้ ังคบั บัญชาของขา่ วที่ 3 เม่อื เพ่มิ เติมไฟล์ update.php เสร็จแลว้ ให้อัพโหลดไฟล์ไว้ในโฟลเดอร์ public_html และโฟลเดอร์รปู ภาพ ขา่ ว n3 ใหอ้ ัพโหลดในโฟลเดอร์ images/news 28
อัพโหลดเสร็จแลว้ เปดิ เวบ็ ไซต์ จะปรากฎข่าวภารกิจผบู้ งั คับบัญชาท่อี ัพโหลดไปเปน็ ขา่ วลา่ สุด 29
แก้ไขหน้าข่าวประชาสัมพนั ธ์ ก่อนอน่ื เตรียมรูปสำหรบั ลงข่าวประชาสัมพนั ธ์ โดยตำแหน่งในการบันทึกรปู อยูท่ ่ี images → news1 หาก ตอ้ งการเพ่ิมข่าว ให้สร้างโฟลเดอรใ์ หม่เพ่ือเก็บรูปและสร้างชื่อใหมเ่ ลขถัดไป เช่น n3 , n4 เป็นตน้ จำนวนรปู ของแต่ละขา่ วจะก่รี ูปกไ็ ด้ โดยต้ังชือ่ ไฟลภ์ าพ เปน็ ตวั เลขเรยี งลำดับไป เช่น 1, 2, 3…… จากน้นั เปดิ ไฟล์ update1.php กบั โปรแกรม Notepad++ 30
แสดง code ของหนา้ update1.php เลื่อนมาทข่ี า่ วลา่ สดุ จากนน้ั คัดลอกขา่ วประชาสมั พันธ์ล่าสดุ แล้ววาง ไปในบรรทัดกอ่ นหน้า ตัวอย่าง คดั ลอกข่าวที่ 10 (ในตวั อยา่ งบรรทัดท่ี 17 - 20) แล้ววางบรรทัดกอ่ นหนา้ (ในตวั อยา่ งบรรทัดที่ 16) เพ่อื สร้างขา่ วที่ 3 โดยแกไ้ ขขอ้ มูลดงั น้ี 31
• $ndate[3] คอื วนั ท่ีข่าวประชาสมั พันธ์ของขา่ วท่ี 3 • $nthumb[3] คือ จำนวนรูปภาพข่าวประชาสมั พนั ธ์ของขา่ วที่ 3 • $ntitle[3] คอื หวั ขอ้ ข่าวประชาสมั พันธ์ของขา่ วท่ี 3 • $ntxt[3] คอื เนอ้ื หาขา่ วประชาสมั พันธ์ของข่าวที่ 3 เม่อื เพ่มิ เติมไฟล์ update1.php เสร็จแลว้ ใหอ้ ัพโหลดไฟลไ์ ว้ในโฟลเดอร์ public_html และโฟลเดอร์ รปู ภาพขา่ ว n3 ให้อัพโหลดในโฟลเดอร์ images/news1 32
อัพโหลดเสร็จแลว้ เปิดเวบ็ ไซต์ จะปรากฎขา่ วประชาสัมพันธ์ทอี่ พั โหลดไปเปน็ ขา่ วลา่ สุด 33
แกไ้ ขหนา้ ข่าวประกาศ เตรียมไฟล์ .pdf สำหรบั ลงขา่ วประกาศ โดยตำแหน่งในการจัดเก็บไฟล์จะอยู่ทโ่ี ฟลเดอร์ download ในรูป ตวั อยา่ ง ตงั้ ช่ือไฟล์เป็น ITA.pdf เปดิ ไฟล์ update2.php กับโปรแกรม Notepad++ 34
แสดง code ของหน้า update2.php เลื่อนมาที่ข่าวล่าสุด จากนั้นคัดลอกข่าวประกาศล่าสุด แล้ววางไปใน บรรทัดกอ่ นหนา้ ตัวอย่าง คัดลอกข่าวท่ี 1 (ในตัวอย่างบรรทัดที่ 16 - 18) แล้ววางบรรทดั ก่อนหน้า (ในตัวอย่างบรรทดั ท่ี 15) เพื่อสรา้ งข่าวที่ 2 35
โดยแก้ไขขอ้ มลู ดงั น้ี • $pdate[2] คอื วันท่ีขา่ วประกาศของขา่ วท่ี 2 • $ptitle[2] คอื หัวข้อข่าวประกาศของข่าวที่ 2 • $plink[2] คือ ตำแหน่งที่อยู่ของข่าวประกาศ ข่าวท่ี 2 สามารถใส่ลงิ ก์เพื่อเช่ือมต่อไปหนา้ เวบ็ ไซตท์ ่ี ตอ้ งการ หรอื ใสต่ ำแหนง่ ทีเ่ ก็บไฟลข์ องขา่ วประกาศ เมอ่ื เพ่มิ เติมไฟล์ update2.php เสรจ็ แล้ว ให้อัพโหลดไฟล์ไว้ในโฟลเดอร์ public_html และไฟล์ข่าว ITA.pdf ให้อัพโหลดในโฟลเดอร์ download 36
อพั โหลดเสรจ็ แลว้ เปิดเวบ็ ไซต์ จะปรากฎข่าวประกาศอัพโหลดไปเปน็ ขา่ วลา่ สุด 37
แกไ้ ขหน้าขา่ วจัดซ้ือจัดจ้าง เตรยี มไฟล์ .pdf สำหรบั ลงข่าวจดั ซอื้ จดั จา้ ง โดยตำแหน่งในการจดั เกบ็ ไฟล์จะอยู่ท่โี ฟลเดอร์ download ใน รปู ตัวอยา่ ง ต้งั ชอื่ ไฟล์เป็น 2564001-1.pdf เปดิ ไฟล์ update3.php กับโปรแกรม Notepad++ 38
แสดง code ของหนา้ update3.php เล่อื นมาท่ขี า่ วล่าสุด จากนัน้ คัดลอกข่าวจัดซอ้ื จัดจ้างลา่ สุด แล้ววางไป ในบรรทัดก่อนหนา้ ตัวอย่าง คัดลอกข่าวที่ 1 (ในตัวอย่างบรรทัดท่ี 16 - 18) แล้ววางบรรทัดก่อนหน้า (ในตัวอย่างบรรทัดที่ 15) เพอ่ื สรา้ งขา่ วท่ี 2 39
โดยแก้ไขขอ้ มูลดงั นี้ • $sdate[2] คือ วันที่ข่าวจัดซื้อจัดจ้างของข่าวที่ 2 • $stitle[2] คอื หวั ขอ้ ขา่ วจัดซ้ือจดั จ้างของข่าวท่ี 2 • $slink[2] คอื ตำแหนง่ ทอี่ ยู่ของขา่ วจัดซื้อจดั จา้ ง ข่าวท่ี 2 สามารถใส่ลิงก์เพื่อเชอ่ื มตอ่ ไปหนา้ เว็บไซต์ ทตี่ ้องการ หรือ ใส่ตำแหน่งท่เี ก็บไฟลข์ องข่าวจดั ซื้อจัดจา้ ง เม่อื เพิ่มเติมไฟล์ update3.php เสรจ็ แล้ว ให้อพั โหลดไฟล์ไว้ในโฟลเดอร์ public_html และไฟล์ขา่ ว 2564001-1.pdf ให้อพั โหลดในโฟลเดอร์ download 40
อพั โหลดเสรจ็ แลว้ เปิดเวบ็ ไซต์ จะปรากฎข่าวประกาศอัพโหลดไปเปน็ ขา่ วลา่ สุด 41
วธิ แี ก้ไขภาพ ในหน้าประวัติ เปิดไฟล์ history.php เลื่อนมาบรรทัด โค้ด ประวัติหน่วยงาน บรรทัดที่ 161 เมื่อแก้ไขโค้ดเสร็จแล้วให้ จดั เก็บรปู ภาพไว้ในโฟลเดอร์ images 42
ตวั อยา่ ง <img src=\"images/bg-2.jpg\" width=\"100%\"> • img src=\"images/bg-2.jpg\" : ใสร่ ปู ประวตั ิ ในสว่ นน้ใี ช้ขนาดรปู 688 x 973 px • width=\"100%\" : กำหนดความกว้างของรูป 100% 43
วธิ ีแกไ้ ขภาพ ในหนา้ วสิ ัยทศั น์ เปิดไฟล์ vision.php เล่ือนมาบรรทัดคอมเมนต์ โคด้ ประวตั หิ นว่ ยงาน บรรทดั ท่ี 161 เมื่อแกไ้ ขโคด้ เสรจ็ แล้ว ใหจ้ ัดเก็บรูปภาพไว้ในโฟลเดอร์ images 44
ตวั อย่าง <center><img src=\"images/bg-2.jpg\" width=\"100%\"></center> • img src=\"images/bg-2.jpg\" : ใส่รปู ในสว่ นน้ใี ช้ขนาดรปู 724 × 1024 px • width=\"100%\" : กำหนดความกว้าง 100% 45
วิธกี ารเปลย่ี นรปู โครงสร้างผู้บังคบั บญั ชา และโครงสรา้ งหนว่ ยงาน เปิดแก้ไขไฟล์ commander.php กับโปรแกรม Notepad++ 46
ตำแหนง่ ของ โค้ด ภาพโครงสร้างผบู้ ังคับบญั ชาและโครงสร้างหน่วยงาน ในตัวอย่างบรรทัดที่ 161 - 168 <center><img src=\"images/bg-2.jpg\" width=\"100%\"></center> : โครงสร้างผบู้ งั คับบัญชา <center><img src=\"images/bg-2.jpg\" width=\"100%\"></center> : โครงสรา้ งหน่วยงาน ให้แก้ที่ img src “…………………..” โดยรูปใหมต่ ้องบนั ทึกในโฟลเดอร์ images 47
อกี วธิ ีคือ สรา้ งไฟล์รูปชื่อ bg-2.jpg แลว้ บนั ทกึ ทบั ไฟล์เดิม โดย Upload แทนที่ วิธีแก้ไขรปู ภาพหน้า ตดิ ต่อ เปิดไฟล์ contact.php เลื่อนมาบรรทัดคอมเมนต์ โค้ด แผนท่ี บรรทัดที่ 161 - 170 เมื่อแก้ไขโค้ดเสร็จแล้ว ให้จดั เก็บรปู ภาพไว้ในโฟลเดอร์ images 48
ตวั อย่าง <img src=\"images/add.jpg\" width=\"100%\"> • img src=\"images/add.jpg\" : ใส่รปู ในสว่ นนีใ้ ชข้ นาดรูป 724 × 353 px • width=\"100%\" : กำหนดความกวา้ งของรปู 100% 49
วธิ ีแก้ไข/เพมิ่ ท่อี ยู่ Social Network เปดิ แก้ไขไฟล์ index.php กับโปรแกรม Notepad++ ในบรรทดั ที่ 317 ให้เปล่ียน image/SN.jpg เปน็ ที่ลง้ิ ค์ที่อยู่ (URL) ของ Social Network นน้ั 50
Search
